@elah/editor 0.1.0

package/dist/editor/useResolvedScene.js

@@ -0,0 +1,25 @@
+import { useMemo, useRef } from 'react';
+import { useTimelineEngine, useTracksStore, usePlaybackStore, resolveTimeline, } from '@elah/core';
+export function useResolvedScene(frameOverride) {
+    const engine = useTimelineEngine();
+    const playbackFrame = usePlaybackStore((s) => (s.isPlaying ? null : s.currentFrame));
+    const frozenFrameRef = useRef(playbackFrame ?? 0);
+    if (playbackFrame !== null)
+        frozenFrameRef.current = playbackFrame;
+    useTracksStore((s) => s.tracks);
+    useTracksStore((s) => s.stage);
+    useTracksStore((s) => s.clips);
+    const frame = frameOverride ?? frozenFrameRef.current;
+    const project = engine.getProject();
+    const last = useRef(null);
+    return useMemo(() => {
+        if (last.current !== null &&
+            last.current.frame === frame &&
+            last.current.project === project) {
+            return last.current.scene;
+        }
+        const scene = resolveTimeline(frame, project);
+        last.current = { frame, project, scene };
+        return scene;
+    }, [frame, project]);
+}

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+export type { Clip, Track, Project, Transform, TextAnimation, TextAnimationKind, ClipType, TrackKind, FrameCount, TimelineConfig, InitialTrackConfig, EngineEvent, Transition, TransitionKind, TransitionEasing, TransitionDirection, } from '@elah/core';
+export { TimelineEngine } from '@elah/core';
+export { PlaybackEngine } from '@elah/core';
+export type { PlaybackSnapshot, PlaybackEngineConfig } from '@elah/core';
+export { resolveTimeline } from '@elah/core';
+export type { Scene, ActiveTransition, ActiveVideoClip, ActiveAudioClip, ActiveTextClip, ActiveImageClip, ActiveClipBase, } from '@elah/core';
+export type { Renderer } from '@elah/core';
+export { GpuRenderer } from '@elah/core';
+export type { RendererOptions } from '@elah/core';
+export { GpuDebugCounters } from '@elah/core';
+export type { CounterSnapshot } from '@elah/core';
+export { createMediabunnyBackend, isMediabunnyCompatible } from '@elah/core';
+export type { MediabunnyModule, CreateMediabunnyBackendOpts } from '@elah/core';
+export type { DemuxerBackend, DemuxerFactory } from '@elah/core';
+export type { VideoFrameProvider, VideoFrameProviderDeps } from '@elah/core';
+export { createVideoFrameProvider, MockVideoFrameProvider, SyntheticVideoFrameProvider } from '@elah/core';
+export { AudioPlaybackController } from '@elah/core';
+export type { AudioPlaybackControllerOptions } from '@elah/core';
+export { useMediaLibrary, useMediaLibraryStore, MEDIA_DRAG_MIME, importFiles } from '@elah/core';
+export type { MediaAsset, MediaKind, DragMediaPayload, ImportFilesOptions, ImportFilesResult, SkippedImport } from '@elah/core';
+export { useTracksStore } from '@elah/core';
+export { usePlaybackStore } from '@elah/core';
+export { useSelectionStore } from '@elah/core';
+export { createVideoClip } from '@elah/core';
+export { createAudioClip } from '@elah/core';
+export { createTextClip } from '@elah/core';
+export { createImageClip } from '@elah/core';
+export { splitClipAtPlayhead } from '@elah/core';
+export type { SplitAtPlayheadData } from '@elah/core';
+export type { ActionResult, ActionFailureReason } from '@elah/core';
+export { framesToTimecode, secondsToFrames, framesToSeconds, getTotalFrames } from '@elah/core';
+export { generateId } from '@elah/core';
+export { exportVideo } from '@elah/core';
+export { lazyExportVideo } from '@elah/core';
+export type { ExportOptions, ExportProgress, ExportVideoCodec, ExportAudioCodec } from '@elah/core';
+export { Timeline } from '@elah/timeline';
+export type { TimelineProps, TimelineRef } from '@elah/timeline';
+export { useTimeline } from '@elah/timeline';
+export { useTracks } from '@elah/timeline';
+export { usePlayback } from '@elah/timeline';
+export { useSelection } from '@elah/timeline';
+export { useTimelineDrop } from '@elah/timeline';
+export { ELEMENT_DRAG_MIME } from '@elah/timeline';
+export type { DragElementPayload, ElementKind } from '@elah/timeline';
+export { EditorProvider } from './editor/EditorProvider';
+export type { EditorProviderProps } from './editor/EditorProvider';
+export { useEditor, useTimelineEngine, usePlaybackEngine } from '@elah/core';
+export { useResolvedScene } from './editor/useResolvedScene';
+export { AssetPanel } from './editor/AssetPanel';
+export type { AssetPanelProps } from './editor/AssetPanel';
+export { ElementsPanel } from './editor/ElementsPanel';
+export type { ElementsPanelProps } from './editor/ElementsPanel';
+export { Preview } from './editor/Preview';
+export type { PreviewProps, PreviewHandle } from './editor/Preview';

package/dist/index.js

@@ -0,0 +1,34 @@
+export { TimelineEngine } from '@elah/core';
+export { PlaybackEngine } from '@elah/core';
+export { resolveTimeline } from '@elah/core';
+export { GpuRenderer } from '@elah/core';
+export { GpuDebugCounters } from '@elah/core';
+export { createMediabunnyBackend, isMediabunnyCompatible } from '@elah/core';
+export { createVideoFrameProvider, MockVideoFrameProvider, SyntheticVideoFrameProvider } from '@elah/core';
+export { AudioPlaybackController } from '@elah/core';
+export { useMediaLibrary, useMediaLibraryStore, MEDIA_DRAG_MIME, importFiles } from '@elah/core';
+export { useTracksStore } from '@elah/core';
+export { usePlaybackStore } from '@elah/core';
+export { useSelectionStore } from '@elah/core';
+export { createVideoClip } from '@elah/core';
+export { createAudioClip } from '@elah/core';
+export { createTextClip } from '@elah/core';
+export { createImageClip } from '@elah/core';
+export { splitClipAtPlayhead } from '@elah/core';
+export { framesToTimecode, secondsToFrames, framesToSeconds, getTotalFrames } from '@elah/core';
+export { generateId } from '@elah/core';
+export { exportVideo } from '@elah/core';
+export { lazyExportVideo } from '@elah/core';
+export { Timeline } from '@elah/timeline';
+export { useTimeline } from '@elah/timeline';
+export { useTracks } from '@elah/timeline';
+export { usePlayback } from '@elah/timeline';
+export { useSelection } from '@elah/timeline';
+export { useTimelineDrop } from '@elah/timeline';
+export { ELEMENT_DRAG_MIME } from '@elah/timeline';
+export { EditorProvider } from './editor/EditorProvider';
+export { useEditor, useTimelineEngine, usePlaybackEngine } from '@elah/core';
+export { useResolvedScene } from './editor/useResolvedScene';
+export { AssetPanel } from './editor/AssetPanel';
+export { ElementsPanel } from './editor/ElementsPanel';
+export { Preview } from './editor/Preview';

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@elah/editor",
+  "version": "0.1.0",
+  "description": "Engine-first video timeline SDK",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "build": "tsc --noEmit && tsc -p tsconfig.build.json"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@elah/core": "*",
+    "@elah/timeline": "*",
+    "immer": "^10.1.1",
+    "zustand": "^5.0.3"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "fast-glob": "^3.3.3",
+    "typescript": "^5.7.3",
+    "vitest": "^3.0.6"
+  }
+}