diff options
Diffstat (limited to 'apps/web/src/hooks/use-element-preview.ts')
| -rw-r--r-- | apps/web/src/hooks/use-element-preview.ts | 39 |
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 };
-}
|