refactor: restructure files to their domains, new preview overlay system, and dep graph

1 files changed, 0 insertions, 39 deletions

diff --git a/apps/web/src/hooks/use-element-preview.ts b/apps/web/src/hooks/use-element-preview.ts
deleted file mode 100644
index 4f28be83..00000000
--- a/apps/web/src/hooks/use-element-preview.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { useEditor } from "@/hooks/use-editor";

-import { findTrackInSceneTracks, type TimelineElement } from "@/lib/timeline";

-

-/**

- * Subscribes to render tracks and returns the live (preview-aware) version of

- * an element alongside helpers for previewing and committing updates.

- *

- * Use this wherever property fields need to reflect in-progress preview state

- * (e.g. a slider being dragged) rather than the last committed value.

- */

-export function useElementPreview<T extends TimelineElement>({

-	trackId,

-	elementId,

-	fallback,

-}: {

-	trackId: string;

-	elementId: string;

-	fallback: T;

-}) {

-	const editor = useEditor();

-	useEditor((e) => e.timeline.getPreviewTracks());

-

-	const previewTracks = editor.timeline.getPreviewTracks();

-	const renderElement =

-		(findTrackInSceneTracks({

-			tracks: previewTracks ?? editor.scenes.getActiveScene().tracks,

-			trackId,

-		})?.elements.find((element) => element.id === elementId) as T | undefined) ??

-		fallback;

-

-	const previewUpdates = (updates: Partial<TimelineElement>) =>

-		editor.timeline.previewElements({

-			updates: [{ trackId, elementId, updates }],

-		});

-

-	const commit = () => editor.timeline.commitPreview();

-

-	return { renderElement, previewUpdates, commit };

-}