feat: masks, properties refactor, shaders, storage migrations, and more

1 files changed, 52 insertions, 0 deletions

diff --git a/apps/web/src/lib/selection/context.tsx b/apps/web/src/lib/selection/context.tsx
new file mode 100644
index 00000000..ced49c88
--- /dev/null
+++ b/apps/web/src/lib/selection/context.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { createContext, useContext } from "react";
+
+interface SelectionContextValue {
+	selectedIds: string[];
+	anchorId: string | null;
+	highlightedId: string | null;
+	isBoxSelecting: boolean;
+	isSelected: (id: string) => boolean;
+	clearSelection: () => void;
+	handleItemClick: ({
+		event,
+		id,
+	}: {
+		event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
+		id: string;
+	}) => void;
+	handleItemMouseDown: ({
+		event,
+		id,
+	}: {
+		event: React.MouseEvent<HTMLDivElement>;
+		id: string;
+	}) => void;
+	registerItem: (id: string, element: HTMLElement | null) => void;
+}
+
+export const SelectionContext = createContext<SelectionContextValue | null>(null);
+
+export function useSelectionContext() {
+	const context = useContext(SelectionContext);
+
+	if (!context) {
+		throw new Error("useSelectionContext must be used within SelectableSurface");
+	}
+
+	return context;
+}
+
+export function useSelection() {
+	const { selectedIds, anchorId, highlightedId, isSelected, clearSelection } =
+		useSelectionContext();
+
+	return {
+		selectedIds,
+		anchorId,
+		highlightedId,
+		isSelected,
+		clearSelection,
+	};
+}