feat: text / custom masks, fix preview pan, refactor selection

2 files changed, 55 insertions, 29 deletions

diff --git a/apps/web/src/lib/selection/editor-selection.ts b/apps/web/src/lib/selection/editor-selection.ts
new file mode 100644
index 00000000..e9563b97
--- /dev/null
+++ b/apps/web/src/lib/selection/editor-selection.ts
@@ -0,0 +1,25 @@
+import type { SelectedKeyframeRef } from "@/lib/animation/types";
+import type { ElementRef } from "@/lib/timeline/types";
+
+export interface SelectedMaskPointSelection {
+	trackId: string;
+	elementId: string;
+	maskId: string;
+	pointIds: string[];
+}
+
+export interface EditorSelectionSnapshot {
+	selectedElements: ElementRef[];
+	selectedKeyframes: SelectedKeyframeRef[];
+	keyframeSelectionAnchor: SelectedKeyframeRef | null;
+	selectedMaskPoints: SelectedMaskPointSelection | null;
+}
+
+export interface EditorSelectionPatch {
+	selectedElements?: ElementRef[];
+	selectedKeyframes?: SelectedKeyframeRef[];
+	keyframeSelectionAnchor?: SelectedKeyframeRef | null;
+	selectedMaskPoints?: SelectedMaskPointSelection | null;
+}
+
+export type EditorSelectionKind = "mask-points" | "keyframes" | "elements";
diff --git a/apps/web/src/lib/selection/scope.ts b/apps/web/src/lib/selection/scope.ts
index 35e86945..22c7710c 100644
--- a/apps/web/src/lib/selection/scope.ts
+++ b/apps/web/src/lib/selection/scope.ts
@@ -1,29 +1,30 @@
-export type ScopeEntry = {

-	hasSelection: () => boolean;

-	clear: () => void;

-};

-

-let activeScope: ScopeEntry | null = null;

-

-export function activateScope({ entry }: { entry: ScopeEntry }): () => void {

-	if (activeScope && activeScope !== entry) {

-		activeScope.clear();

-	}

-

-	activeScope = entry;

-

-	return () => {

-		if (activeScope === entry) {

-			activeScope = null;

-		}

-	};

-}

-

-export function clearActiveScope(): boolean {

-	if (!activeScope?.hasSelection()) {

-		return false;

-	}

-

-	activeScope.clear();

-	return true;

-}

+export type ScopeEntry = {
+	hasSelection: () => boolean;
+	clear: () => void;
+	clearActive?: () => void;
+};
+
+let activeScope: ScopeEntry | null = null;
+
+export function activateScope({ entry }: { entry: ScopeEntry }): () => void {
+	if (activeScope && activeScope !== entry) {
+		activeScope.clear();
+	}
+
+	activeScope = entry;
+
+	return () => {
+		if (activeScope === entry) {
+			activeScope = null;
+		}
+	};
+}
+
+export function clearActiveScope(): boolean {
+	if (!activeScope?.hasSelection()) {
+		return false;
+	}
+
+	(activeScope.clearActive ?? activeScope.clear)();
+	return true;
+}