refactor: centralize editor interaction state

Move timeline and preview gestures into dedicated controllers so hooks stay thin around editor state and DOM events.

This also routes drag and playback synchronization through manager APIs and reuses persistent wasm surfaces so scrubbing, seeking, and preview rendering stay in sync.

Made-with: Cursor

1 files changed, 0 insertions, 48 deletions

diff --git a/apps/web/src/timeline/drag-data.ts b/apps/web/src/timeline/drag-data.ts
deleted file mode 100644
index 1fc9ce9a..00000000
--- a/apps/web/src/timeline/drag-data.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import type { TimelineDragData } from "@/timeline/drag";

-

-const MIME_TYPE = "application/x-timeline-drag";

-let lastDragData: TimelineDragData | null = null;

-

-export function setDragData({

-	dataTransfer,

-	dragData,

-}: {

-	dataTransfer: DataTransfer;

-	dragData: TimelineDragData;

-}): void {

-	dataTransfer.setData(MIME_TYPE, JSON.stringify(dragData));

-	dataTransfer.setData("text/plain", JSON.stringify(dragData));

-	lastDragData = dragData;

-}

-

-export function getDragData({

-	dataTransfer,

-}: {

-	dataTransfer: DataTransfer;

-}): TimelineDragData | null {

-	const data = dataTransfer.getData(MIME_TYPE);

-	if (data) return JSON.parse(data) as TimelineDragData;

-

-	const textData = dataTransfer.getData("text/plain");

-	if (textData) {

-		try {

-			return JSON.parse(textData) as TimelineDragData;

-		} catch {

-			return lastDragData;

-		}

-	}

-

-	return lastDragData;

-}

-

-export function hasDragData({

-	dataTransfer,

-}: {

-	dataTransfer: DataTransfer;

-}): boolean {

-	return dataTransfer.types.includes(MIME_TYPE) || lastDragData !== null;

-}

-

-export function clearDragData(): void {

-	lastDragData = null;

-}