@clipkit/editor 1.0.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for describing the origin of the Work and
+      reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 Clipkit Contributors
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,51 @@
+# @clipkit/editor
+
+> One configurable React editor over the Source schema, spanning BASIC to ADVANCED modes.
+
+```bash
+npm install @clipkit/editor
+```
+
+The ClipKit editor is a single component tree—two modes (BASIC and ADVANCED) are just different configurations of the same `<Editor>`. The editor renders a four-panel layout (assets/layers on the left, canvas center, inspector right, timeline bottom) and is powered by `@clipkit/editor-core`. Storage is an injected `AssetStore` port, so you wire your own backend (or use the included in-memory and IndexedDB options). It requires React 19 and a stylesheet import.
+
+## Usage
+
+```jsx
+import { Editor, BASIC_CONFIGURATION } from '@clipkit/editor';
+import '@clipkit/editor/styles.css';
+
+export function MyEditor({ source }) {
+  return (
+    <Editor
+      initialSource={source}
+      configuration={BASIC_CONFIGURATION}
+      onSourceChange={(updated) => console.log(updated)}
+    />
+  );
+}
+```
+
+## API
+
+**Components**
+- `Editor` — Main editor component. Takes `initialSource` (required), `configuration`, `assetStore`, `onSourceChange`, `onRender`, and render/theme props.
+- `ExportDialog` — Modal for export format/resolution/quality selection. Consumer calls `onConfirm` with the user's choice; the editor has no knowledge of how to render it.
+
+**Configurations**
+- `BASIC_CONFIGURATION`, `ADVANCED_CONFIGURATION` — Pre-built editor layouts controlling visible panels (assets, layers, timeline).
+
+**Hooks**
+- `useEditor()` — Returns actions (play, seek, undo, select, etc.) and current playback state.
+- `useEditorStore()` — Direct access to the editor's Zustand store.
+
+**Storage**
+- `createLocalAssetStore()` — IndexedDB-backed media bin (persists in browser, no backend).
+- `createMemoryAssetStore()` — In-memory media bin (loses assets on reload).
+
+**Other**
+- `EDITOR_COMMANDS` — Keyboard command registry (play/pause, undo/redo, frame stepping).
+- `Section`, `FieldRow` — UI components for building custom inspector panels.
+
+## License
+
+Apache-2.0 · part of [ClipKit](https://clipkit.dev) · [source](https://github.com/clipkit-video/clipkit)

package/dist/Editor.d.ts

@@ -0,0 +1,3 @@
+import type { EditorProps } from './types.js';
+export declare function Editor(props: EditorProps): import("react").JSX.Element;
+//# sourceMappingURL=Editor.d.ts.map

package/dist/Editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../src/Editor.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BA0IxC"}

package/dist/Editor.js

@@ -0,0 +1,73 @@
+// Editor — the configurable shell's root (EDITORS-PLAN B1). One
+// component tree; the EditorConfiguration decides which regions exist
+// (D2 layer 3). Four-region frame per design/refs: left rail (assets/
+// layers), center stage, right inspector, bottom timeline — all flat,
+// hairline-separated, resizable.
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { useStore } from 'zustand';
+import { ADVANCED_CONFIGURATION, EditorContext, createEditorStore, createLocalAssetStore, useEditor, useEditorContext, usePlaybackSession, } from '@clipkit/editor-core';
+import { ConfigurationContext, getRegistry } from './configuration.js';
+import { useKeyboardCommands } from './commands.js';
+import { PanelGutter } from './frame/Resizable.js';
+import { LeftRail } from './panels/LeftRail.js';
+import { InspectorPanel } from './panels/InspectorPanel.js';
+import { TimelinePanel } from './panels/TimelinePanel.js';
+import { Stage } from './Stage.js';
+export function Editor(props) {
+    const { initialSource, configuration = ADVANCED_CONFIGURATION, onSourceChange, onRender, exportFormats, rendering, renderProgress, backend = 'auto', theme = 'dark', assetStore: assetStoreProp, } = props;
+    const store = useMemo(() => createEditorStore(initialSource, theme), []);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // ↑ The store owns state after mount (same contract as the legacy shell).
+    // Local IndexedDB store unless the embedder injects one (the storage seam).
+    const assetStore = useMemo(() => assetStoreProp ?? createLocalAssetStore(), [assetStoreProp]);
+    const canvasRef = useRef(null);
+    const engine = usePlaybackSession(store, canvasRef, {
+        backend,
+        onSourceChange,
+    });
+    const liveTheme = useStore(store, (s) => s.ui.theme);
+    // Track the `theme` prop live. The store seeds from it once (createEditorStore
+    // above), but a host that toggles light/dark at runtime — e.g. apps/web's site
+    // theme — needs the editor to follow. No-op when already in sync; an in-editor
+    // toggle (if one is added) still sticks until the prop next changes.
+    useEffect(() => {
+        if (store.getState().ui.theme !== theme)
+            store.getState()._setUiState({ theme });
+    }, [store, theme]);
+    const editorCtx = useMemo(() => ({ store, engine, theme: liveTheme, assetStore }), [store, engine, liveTheme, assetStore]);
+    const configCtx = useMemo(() => ({ configuration, registry: getRegistry() }), [configuration]);
+    // Panel sizes are EDITOR STATE (the lens rule) — never serialized.
+    const [leftWidth, setLeftWidth] = useState(300);
+    const [rightWidth, setRightWidth] = useState(264);
+    const [bottomHeight, setBottomHeight] = useState(260);
+    // The Source (JSON) tab auto-widens the left rail a notch and
+    // restores the previous width on the way out (ruled by Ian
+    // 2026-06-11). A manual resize while on Source sticks for the visit;
+    // the pre-Source width is what comes back.
+    const preSourceWidth = useRef(300);
+    const onSourceTab = useRef(false);
+    const handleLeftTabChange = (tab) => {
+        const entering = tab === 'source';
+        if (entering && !onSourceTab.current) {
+            preSourceWidth.current = leftWidth;
+            setLeftWidth(Math.max(leftWidth, 380));
+        }
+        else if (!entering && onSourceTab.current) {
+            setLeftWidth(preSourceWidth.current);
+        }
+        onSourceTab.current = entering;
+    };
+    const showLeft = configuration.views.assets || configuration.views.layers;
+    const showTimeline = configuration.views.timeline;
+    return (_jsx(EditorContext.Provider, { value: editorCtx, children: _jsx(ConfigurationContext.Provider, { value: configCtx, children: _jsxs("div", { className: `clipkit-editor flex flex-col w-full h-full bg-background text-foreground ${liveTheme}`, "data-theme": liveTheme, children: [_jsx(KeyboardBridge, {}), _jsxs("div", { className: "flex flex-1 min-h-0 min-w-0", children: [showLeft && (_jsxs(_Fragment, { children: [_jsx("div", { style: { width: leftWidth }, className: "shrink-0 min-w-0", children: _jsx(LeftRail, { onActiveTabChange: handleLeftTabChange }) }), _jsx(PanelGutter, { direction: "left", size: leftWidth, min: 160, max: 600, onResize: setLeftWidth })] })), _jsx("div", { className: "flex-1 min-w-0 min-h-0 flex flex-col", children: _jsx(Stage, { ref: canvasRef }) }), _jsx(PanelGutter, { direction: "right", size: rightWidth, min: 220, max: 440, onResize: setRightWidth }), _jsx("div", { style: { width: rightWidth }, className: "shrink-0 min-w-0", children: _jsx(InspectorPanel, {}) })] }), showTimeline && (_jsxs(_Fragment, { children: [_jsx(PanelGutter, { direction: "bottom", size: bottomHeight, min: 120, max: 480, onResize: setBottomHeight }), _jsx("div", { style: { height: bottomHeight }, className: "shrink-0", children: _jsx(TimelinePanel, { onRender: onRender, exportFormats: exportFormats, rendering: rendering, renderProgress: renderProgress }) })] }))] }) }) }));
+}
+/** Mounts the keyboard command table once contexts exist. */
+function KeyboardBridge() {
+    const { store, engine } = useEditorContext();
+    const actions = useEditor();
+    useKeyboardCommands({ store, engine, actions });
+    return null;
+}
+//# sourceMappingURL=Editor.js.map

package/dist/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../src/Editor.tsx"],"names":[],"mappings":"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"}

package/dist/ExportDialog.d.ts

@@ -0,0 +1,12 @@
+import type { ExportFormatOption, ExportRequest } from './types.js';
+export declare function ExportDialog({ open, formats, onClose, onConfirm, theme, }: {
+    open: boolean;
+    formats: ExportFormatOption[];
+    onClose: () => void;
+    onConfirm: (request: ExportRequest) => void;
+    /** Theme scope for the dialog. It portals to document.body — OUTSIDE the
+     *  editor's `.clipkit-editor` root — so it must carry the scope itself or its
+     *  tokens fall back to the global dark `:root` defaults. */
+    theme?: 'light' | 'dark';
+}): import("react").ReactPortal | null;
+//# sourceMappingURL=ExportDialog.d.ts.map

package/dist/ExportDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDialog.d.ts","sourceRoot":"","sources":["../src/ExportDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAiB,aAAa,EAAoB,MAAM,YAAY,CAAC;AAkBrG,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAc,GACf,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C;;gEAE4D;IAC5D,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B,sCA8EA"}

package/dist/ExportDialog.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Export options dialog. Renders the FREE in-browser choices (resolution,
+// quality) plus whatever formats the embedder injects via `formats`. The editor
+// has zero knowledge of what any format is or how it renders — it collects the
+// user's choice and hands it back through onConfirm; the consumer's onRender
+// does the actual work (browser MP4, cloud API, …). Same boundary as AssetStore.
+import { useState } from 'react';
+import { createPortal } from 'react-dom';
+const RESOLUTIONS = [
+    { id: 'source', label: 'Source' },
+    { id: '720p', label: '720p' },
+    { id: '1080p', label: '1080p' },
+    { id: '1440p', label: '1440p' },
+    { id: '4k', label: '4K' },
+];
+const QUALITIES = [
+    { id: 'standard', label: 'Standard' },
+    { id: 'high', label: 'High' },
+];
+const SELECT_CLS = 'w-full h-7 rounded border border-border bg-background px-2 text-xs text-foreground';
+export function ExportDialog({ open, formats, onClose, onConfirm, theme = 'dark', }) {
+    const [format, setFormat] = useState(formats[0]?.id ?? 'mp4');
+    const [resolution, setResolution] = useState('1080p');
+    const [quality, setQuality] = useState('standard');
+    if (!open)
+        return null;
+    const active = formats.find((f) => f.id === format) ?? formats[0];
+    return createPortal(_jsx("div", { className: "clipkit-editor fixed inset-0 z-50 flex items-center justify-center bg-black/50", "data-theme": theme, onClick: onClose, children: _jsxs("div", { className: "w-80 rounded-lg border border-border bg-popover p-4 text-foreground shadow-xl", onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "mb-3 text-sm font-semibold", children: "Export" }), _jsx("label", { className: "mb-1 block text-[11px] text-muted-foreground", children: "Format" }), _jsx("select", { className: `${SELECT_CLS} mb-1`, value: format, onChange: (e) => setFormat(e.target.value), children: formats.map((f) => (_jsxs("option", { value: f.id, children: [f.label, f.badge ? ` — ${f.badge}` : ''] }, f.id))) }), active?.badge && (_jsx("p", { className: "mb-3 text-[10px] text-muted-foreground", children: active.badge })), !active?.badge && _jsx("div", { className: "mb-3" }), _jsx("label", { className: "mb-1 block text-[11px] text-muted-foreground", children: "Resolution" }), _jsx("select", { className: `${SELECT_CLS} mb-3`, value: resolution, onChange: (e) => setResolution(e.target.value), children: RESOLUTIONS.map((r) => (_jsx("option", { value: r.id, children: r.label }, r.id))) }), _jsx("label", { className: "mb-1 block text-[11px] text-muted-foreground", children: "Quality" }), _jsx("select", { className: `${SELECT_CLS} mb-4`, value: quality, onChange: (e) => setQuality(e.target.value), children: QUALITIES.map((q) => (_jsx("option", { value: q.id, children: q.label }, q.id))) }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx("button", { type: "button", className: "h-7 rounded px-3 text-[11px] text-muted-foreground hover:text-foreground transition", onClick: onClose, children: "Cancel" }), _jsx("button", { type: "button", className: "h-7 rounded bg-primary px-3 text-[11px] font-medium text-primary-foreground hover:bg-primary/90 transition", onClick: () => onConfirm({ format, resolution, quality }), children: "Export" })] })] }) }), document.body);
+}
+//# sourceMappingURL=ExportDialog.js.map

package/dist/ExportDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDialog.js","sourceRoot":"","sources":["../src/ExportDialog.tsx"],"names":[],"mappings":"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"}

package/dist/MotionPathOverlay.d.ts

@@ -0,0 +1,5 @@
+import { type RefObject } from 'react';
+export declare function MotionPathOverlay({ viewportRef, }: {
+    viewportRef: RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=MotionPathOverlay.d.ts.map

package/dist/MotionPathOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MotionPathOverlay.d.ts","sourceRoot":"","sources":["../src/MotionPathOverlay.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAY,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAgBrF,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC/C,sCAkNA"}

package/dist/MotionPathOverlay.js

@@ -0,0 +1,156 @@
+// On-stage motion-path editing (EDITORS B7b) — when the selected
+// element has a `position` keyframe animation, its path draws on the
+// stage as exact cubic segments (the §6.7 control-point construction:
+// P1 = P0 + out_tangent, P2 = P3 + in_tangent, omitted handles =
+// straight-line third-points), with draggable position keyframes and
+// pen-tool tangent handles. Strictly a view of `keyframe_animations`
+// — every gesture writes plain protocol keyframes back. 3D paths
+// edit their xy projection (z stays untouched on drag).
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useEditor, useEditorStore } from '@clipkit/editor-core';
+export function MotionPathOverlay({ viewportRef, }) {
+    const actions = useEditor();
+    const source = useEditorStore((s) => s.source);
+    const selection = useEditorStore((s) => s.selection);
+    const zoom = useEditorStore((s) => s.ui.stageZoom) || 1;
+    const pan = useEditorStore((s) => s.ui.stagePan);
+    const [activePoint, setActivePoint] = useState(0);
+    const srcW = source.width ?? 1920;
+    const srcH = source.height ?? 1080;
+    const el = selection.length === 1 ? findById(source.elements, selection[0]) : null;
+    const animIndex = el?.keyframe_animations?.findIndex((a) => a.property === 'position') ?? -1;
+    const anim = animIndex >= 0 ? el.keyframe_animations[animIndex] : null;
+    if (!el || !anim)
+        return null;
+    const points = anim.keyframes
+        .filter((k) => Array.isArray(k.value) && k.value.length >= 2)
+        .map((k) => {
+        const v = k.value;
+        return {
+            x: v[0],
+            y: v[1],
+            rest: v.slice(2),
+            out: k.out_tangent ? [k.out_tangent[0], k.out_tangent[1]] : null,
+            inn: k.in_tangent ? [k.in_tangent[0], k.in_tangent[1]] : null,
+            raw: k,
+        };
+    });
+    if (points.length < 1)
+        return null;
+    const act = Math.max(0, Math.min(activePoint, points.length - 1));
+    // §6.7 control points (third-point defaults).
+    const ctrl = (a, b) => ({
+        p1: a.out
+            ? [a.x + a.out[0], a.y + a.out[1]]
+            : [a.x + (b.x - a.x) / 3, a.y + (b.y - a.y) / 3],
+        p2: b.inn
+            ? [b.x + b.inn[0], b.y + b.inn[1]]
+            : [b.x - (b.x - a.x) / 3, b.y - (b.y - a.y) / 3],
+    });
+    let d = `M ${points[0].x} ${points[0].y}`;
+    for (let i = 0; i < points.length - 1; i++) {
+        const a = points[i];
+        const b = points[i + 1];
+        const { p1, p2 } = ctrl(a, b);
+        d += ` C ${p1[0]} ${p1[1]}, ${p2[0]} ${p2[1]}, ${b.x} ${b.y}`;
+    }
+    // ── Write-back: gestures snapshot history once, then stream live ──
+    const writeKeyframes = (next) => {
+        const nextAnims = el.keyframe_animations.map((a, i) => i === animIndex ? { ...a, keyframes: next } : a);
+        actions.moveElements([{ id: el.id, patch: { keyframe_animations: nextAnims } }], { skipHistory: true });
+    };
+    const sourcePoint = (ev, svg) => {
+        const rect = svg.getBoundingClientRect();
+        return [
+            ((ev.clientX - rect.left) / rect.width) * srcW,
+            ((ev.clientY - rect.top) / rect.height) * srcH,
+        ];
+    };
+    const dragGesture = (e, apply) => {
+        if (e.button !== 0)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const svg = e.currentTarget.ownerSVGElement ?? e.currentTarget;
+        let started = false;
+        const onMove = (ev) => {
+            if (!started) {
+                started = true;
+                actions.pushHistory();
+                actions.setInteractive(true);
+            }
+            writeKeyframes(apply(sourcePoint(ev, svg)));
+        };
+        const onUp = () => {
+            window.removeEventListener('mousemove', onMove);
+            window.removeEventListener('mouseup', onUp);
+            if (started) {
+                actions.flushPendingSource();
+                actions.setInteractive(false);
+            }
+        };
+        window.addEventListener('mousemove', onMove);
+        window.addEventListener('mouseup', onUp);
+    };
+    const dragPoint = (e, pi) => {
+        setActivePoint(pi);
+        const target = points[pi].raw;
+        dragGesture(e, (sp) => {
+            const v = [round1(sp[0]), round1(sp[1]), ...points[pi].rest];
+            return anim.keyframes.map((k) => k === target ? { ...k, value: v } : k);
+        });
+    };
+    const dragTangent = (e, pi, which) => {
+        const p = points[pi];
+        const target = p.raw;
+        dragGesture(e, (sp) => {
+            const t = [round1(sp[0] - p.x), round1(sp[1] - p.y)];
+            return anim.keyframes.map((k) => k === target
+                ? which === 'out'
+                    ? { ...k, out_tangent: t }
+                    : { ...k, in_tangent: t }
+                : k);
+        });
+    };
+    // Tangent handle display positions for the active point (defaults
+    // shown at the third-point so dragging materializes them in place).
+    const a = points[act];
+    const prev = points[act - 1] ?? null;
+    const next = points[act + 1] ?? null;
+    const outPos = next
+        ? a.out
+            ? [a.x + a.out[0], a.y + a.out[1]]
+            : [a.x + (next.x - a.x) / 3, a.y + (next.y - a.y) / 3]
+        : null;
+    const innPos = prev
+        ? a.inn
+            ? [a.x + a.inn[0], a.y + a.inn[1]]
+            : [a.x - (a.x - prev.x) / 3, a.y - (a.y - prev.y) / 3]
+        : null;
+    const r = 6 / zoom; // keep hit targets ~constant on screen
+    void viewportRef;
+    return (_jsxs("svg", { viewBox: `0 0 ${srcW} ${srcH}`, className: "absolute z-20", style: {
+            left: pan.x,
+            top: pan.y,
+            width: srcW * zoom,
+            height: srcH * zoom,
+            pointerEvents: 'none',
+            overflow: 'visible',
+        }, "aria-label": "Motion path", children: [_jsx("path", { d: d, fill: "none", stroke: "var(--color-primary)", strokeOpacity: 0.7, strokeWidth: 1.5 / zoom, strokeDasharray: `${4 / zoom} ${3 / zoom}` }), outPos && (_jsxs("g", { style: { pointerEvents: 'auto' }, children: [_jsx("line", { x1: a.x, y1: a.y, x2: outPos[0], y2: outPos[1], stroke: "var(--color-primary)", strokeOpacity: 0.5, strokeWidth: 1 / zoom }), _jsx("circle", { cx: outPos[0], cy: outPos[1], r: r * 0.7, fill: "var(--color-background)", stroke: "var(--color-primary)", strokeWidth: 1.2 / zoom, className: "cursor-grab", onMouseDown: (e) => dragTangent(e, act, 'out') })] })), innPos && (_jsxs("g", { style: { pointerEvents: 'auto' }, children: [_jsx("line", { x1: a.x, y1: a.y, x2: innPos[0], y2: innPos[1], stroke: "var(--color-primary)", strokeOpacity: 0.5, strokeWidth: 1 / zoom }), _jsx("circle", { cx: innPos[0], cy: innPos[1], r: r * 0.7, fill: "var(--color-background)", stroke: "var(--color-primary)", strokeWidth: 1.2 / zoom, className: "cursor-grab", onMouseDown: (e) => dragTangent(e, act, 'in') })] })), points.map((p, pi) => (_jsx("rect", { x: p.x - r, y: p.y - r, width: r * 2, height: r * 2, transform: `rotate(45 ${p.x} ${p.y})`, fill: pi === act ? 'var(--color-primary)' : 'var(--color-background)', stroke: "var(--color-primary)", strokeWidth: 1.2 / zoom, style: { pointerEvents: 'auto' }, className: "cursor-move", onMouseDown: (e) => dragPoint(e, pi) }, pi)))] }));
+}
+function findById(elements, id) {
+    for (const el of elements) {
+        if (el.id === id)
+            return el;
+        if (el.type === 'group') {
+            const nested = findById(el.elements, id);
+            if (nested)
+                return nested;
+        }
+    }
+    return null;
+}
+const round1 = (v) => Math.round(v * 10) / 10;
+//# sourceMappingURL=MotionPathOverlay.js.map

package/dist/MotionPathOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MotionPathOverlay.js","sourceRoot":"","sources":["../src/MotionPathOverlay.tsx"],"names":[],"mappings":"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"}

package/dist/PerfHud.d.ts

@@ -0,0 +1,2 @@
+export declare function PerfHud(): import("react").JSX.Element | null;
+//# sourceMappingURL=PerfHud.d.ts.map

package/dist/PerfHud.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerfHud.d.ts","sourceRoot":"","sources":["../src/PerfHud.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,OAAO,uCAkFtB"}