From c46d28891fee62ca2d3132da876af6411a41d9da Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Wed, 15 Apr 2026 15:45:50 +0200 Subject: feat: text / custom masks, fix preview pan, refactor selection --- apps/web/src/lib/selection/editor-selection.ts | 25 +++++++++++ apps/web/src/lib/selection/scope.ts | 59 +++++++++++++------------- 2 files changed, 55 insertions(+), 29 deletions(-) create mode 100644 apps/web/src/lib/selection/editor-selection.ts (limited to 'apps/web/src/lib/selection') 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; +} -- cgit v1.3.1