@motion-script/player 0.1.0

package/dist/providers/editor-provider.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { AssetManifest, ProjectConfig } from '@motion-script/core';
+import { FrameHandle } from '@motion-script/react';
+import { EditorState } from '../stores/editor-store';
+export declare function EditorStoreProvider({ config, assets, children, }: {
+    config: ProjectConfig;
+    assets?: AssetManifest;
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useEditorStore<T>(selector: (state: EditorState) => T): T;
+export declare function FrameHandleProvider({ frameRef, children, }: {
+    frameRef: React.RefObject<FrameHandle | null>;
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useFrameHandleRef(): React.RefObject<FrameHandle | null> | null;
+//# sourceMappingURL=editor-provider.d.ts.map

package/dist/providers/editor-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-provider.d.ts","sourceRoot":"","sources":["../../src/providers/editor-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAqB,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIvE,wBAAgB,mBAAmB,CAAC,EAChC,MAAM,EACN,MAAM,EACN,QAAQ,GACX,EAAE;IACC,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAsBA;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,CAAC,GAAG,CAAC,CAMxE;AAID,wBAAgB,mBAAmB,CAAC,EAChC,QAAQ,EACR,QAAQ,GACX,EAAE;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAMA;AAED,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAE9E"}

package/dist/providers/theme-provider.d.ts

@@ -0,0 +1,14 @@
+type Theme = "dark" | "light" | "system";
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+};
+type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/providers/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../src/providers/theme-provider.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;AAExC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACjC,CAAA;AASD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAoCpB;AAED,eAAO,MAAM,QAAQ,0BAOpB,CAAA"}

package/dist/stores/editor-store.d.ts

@@ -0,0 +1,71 @@
+import { AssetManifest, Scene, Color, NodeState, TreeState, ProjectConfig, Size2D } from '@motion-script/core';
+export type BuildError = {
+    sceneName: string;
+    sceneIndex: number;
+    message: string;
+    stack?: string;
+};
+export type EditorState = {
+    scenes: Scene[];
+    projectName: string;
+    theme: Record<string, Color>;
+    viewport: Size2D;
+    fps: number;
+    assets: AssetManifest;
+    currentFrame: number;
+    currentTime: number;
+    setCurrentFrame: (frame: number) => void;
+    setCurrentTime: (time: number) => void;
+    duration: number;
+    setDuration: (duration: number) => void;
+    sceneStartFrames: number[];
+    setSceneDurations: (durationFrames: number[]) => void;
+    isPlaying: boolean;
+    setIsPlaying: (playing: boolean) => void;
+    togglePlay: () => void;
+    isLoading: boolean;
+    setIsLoading: (loading: boolean) => void;
+    snapshotRequested: boolean;
+    requestSnapshot: () => void;
+    completeSnapshot: () => void;
+    exportProgress: number | null;
+    setExportProgress: (progress: number | null) => void;
+    timelineZoom: number;
+    setTimelineZoom: (zoom: number) => void;
+    zoomTimelineBy: (delta: number, opts?: {
+        min?: number;
+        max?: number;
+    }) => void;
+    timelineCollapsed: boolean;
+    setTimelineCollapsed: (collapsed: boolean) => void;
+    toggleTimelineCollapsed: () => void;
+    previewZoom: number;
+    previewPan: {
+        x: number;
+        y: number;
+    };
+    setPreviewZoom: (zoom: number) => void;
+    setPreviewPan: (pan: {
+        x: number;
+        y: number;
+    }) => void;
+    resetPreviewView: () => void;
+    playbackSpeed: number;
+    setPlaybackSpeed: (speed: number) => void;
+    buildErrors: BuildError[];
+    setBuildErrors: (errors: BuildError[]) => void;
+    rootNode: TreeState | null;
+    setRootNode: (node: TreeState | null) => void;
+    selectedNode: NodeState | null;
+    setSelectedNode: (node: NodeState | null) => void;
+    isLooping: boolean;
+    setIsLooping: (looping: boolean) => void;
+    isMuted: boolean;
+    setIsMuted: (muted: boolean) => void;
+    toggleMuted: () => void;
+    replay: () => void;
+    resetConfig: (config: ProjectConfig) => void;
+    _pendingSceneIndex: number | null;
+};
+export declare const createEditorStore: (config: ProjectConfig, assets?: AssetManifest) => import('zustand').UseBoundStore<import('zustand').StoreApi<EditorState>>;
+//# sourceMappingURL=editor-store.d.ts.map

package/dist/stores/editor-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-store.d.ts","sourceRoot":"","sources":["../../src/stores/editor-store.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@motion-script/player",
+  "description": "Visual editor and preview app for Motion Script projects, with timeline scrubbing, scene inspection, and video export.",
+  "version": "0.1.0",
+  "type": "module",
+  "author": "Motion Script",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "postinstall": "node ../../scripts/copy-wasm.js",
+    "dev": "vite",
+    "clean": "rimraf dist .turbo && tsc -b --clean",
+    "predev": "node ../../scripts/copy-wasm.js",
+    "build": "tsc -b && vite build",
+    "build:app": "vite build --config vite.config.app.ts",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/motion-script-player.js",
+  "types": "./dist/motion-script-player.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/motion-script-player.d.ts",
+      "import": "./dist/motion-script-player.js"
+    },
+    "./style.css": "./dist/motion-script-player.css"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.4.1",
+    "@fontsource-variable/geist": "^5.2.9",
+    "@motion-script/core": "workspace:*",
+    "@motion-script/react": "workspace:*",
+    "@motion-script/web": "workspace:*",
+    "@tailwindcss/forms": "^0.5.11",
+    "@tailwindcss/typography": "^0.5.19",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.14.0",
+    "react-resizable-panels": "^4.11.2",
+    "shadcn": "^4.10.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.4",
+    "tw-animate-css": "^1.4.0",
+    "use-sync-external-store": "^1.6.0",
+    "wavesurfer.js": "^7.12.6",
+    "zustand": "^5.0.12"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@tailwindcss/vite": "^4.3.0",
+    "@types/node": "catalog:",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "catalog:",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "typescript": "catalog:",
+    "typescript-eslint": "^8.48.0",
+    "vite": "catalog:",
+    "vite-plugin-dts": "catalog:"
+  }
+}