@clipkit/editor 1.0.0

package/dist/panels/assets/SfxBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SfxBrowser.d.ts","sourceRoot":"","sources":["../../../src/panels/assets/SfxBrowser.tsx"],"names":[],"mappings":"AAaA,wBAAgB,UAAU,gCA8GzB"}

package/dist/panels/assets/SfxBrowser.js

@@ -0,0 +1,49 @@
+// SfxBrowser — the "see all" SFX library: search, category filter, preview on
+// click, drop on the timeline. Driven entirely by the @clipkit/sfx catalog
+// (listSfx / sfxCategories / renderSfx). Every entry is synth — click to
+// preview, + to drop it at the playhead.
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Play, Plus } from 'lucide-react';
+import { listSfx, sfxCategories } from '@clipkit/sfx';
+import { cn } from '../../lib/utils.js';
+import { useSfxActions } from './use-sfx.js';
+export function SfxBrowser() {
+    const { preview, addToTimeline } = useSfxActions();
+    const [query, setQuery] = useState('');
+    const [category, setCategory] = useState(null);
+    const [playing, setPlaying] = useState(null);
+    const categories = useMemo(() => sfxCategories(), []);
+    const all = useMemo(() => listSfx(), []);
+    const results = useMemo(() => {
+        const q = query.trim().toLowerCase();
+        return all.filter((e) => {
+            if (category && e.category !== category)
+                return false;
+            if (!q)
+                return true;
+            return (e.label.toLowerCase().includes(q) ||
+                e.name.toLowerCase().includes(q) ||
+                e.category.includes(q) ||
+                e.tags.some((t) => t.includes(q)));
+        });
+    }, [all, query, category]);
+    const onPreview = (e) => {
+        setPlaying(e.name);
+        preview(e);
+    };
+    return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "px-2 py-2 border-b border-border shrink-0", children: [_jsx("input", { value: query, onChange: (ev) => setQuery(ev.target.value), placeholder: "Search sound effects\u2026", className: "w-full h-7 bg-card border border-border rounded px-2 text-[11px] text-foreground placeholder:text-muted-foreground/60 outline-none focus:border-primary/50" }), _jsxs("div", { className: "flex flex-wrap gap-1 mt-2", children: [_jsx(Chip, { active: category === null, onClick: () => setCategory(null), children: "All" }), categories.map((c) => (_jsx(Chip, { active: category === c, onClick: () => setCategory(c), children: c }, c)))] })] }), _jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: results.length === 0 ? (_jsx("div", { className: "h-full grid place-items-center", children: _jsx("span", { className: "text-[11px] text-muted-foreground/60", children: "No matches" }) })) : (results.map((e) => (_jsxs("div", { className: cn('group/sfx flex items-center gap-2 h-9 px-2 border-b border-border/30 hover:bg-card cursor-default', playing === e.name && 'bg-primary/10'), onClick: () => onPreview(e), children: [_jsx("button", { type: "button", title: "Preview", className: "w-5 h-5 shrink-0 grid place-items-center rounded text-muted-foreground hover:text-foreground hover:bg-primary/15", onClick: (ev) => {
+                                ev.stopPropagation();
+                                onPreview(e);
+                            }, children: _jsx(Play, { size: 11, fill: "currentColor" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "truncate text-[11px] text-foreground/90", children: e.label }), _jsx("div", { className: "truncate text-[9px] text-muted-foreground/70", children: e.category })] }), _jsx("button", { type: "button", title: "Add at playhead", className: "w-5 h-5 shrink-0 grid place-items-center rounded text-muted-foreground/50 opacity-0 group-hover/sfx:opacity-100 hover:text-foreground hover:bg-primary/15 transition", onClick: (ev) => {
+                                ev.stopPropagation();
+                                addToTimeline(e);
+                            }, children: _jsx(Plus, { size: 12 }) })] }, e.name)))) }), _jsxs("div", { className: "flex items-center justify-between h-6 px-2 border-t border-border text-[9px] text-muted-foreground/60 shrink-0", children: [_jsxs("span", { children: [results.length, " sounds"] }), _jsx("span", { children: "click to preview \u00B7 + to add" })] })] }));
+}
+function Chip({ active, onClick, children, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, className: cn('h-5 px-1.5 rounded text-[9px] capitalize transition-colors', active
+            ? 'bg-primary/20 text-foreground'
+            : 'text-muted-foreground hover:text-foreground hover:bg-card'), children: children }));
+}
+//# sourceMappingURL=SfxBrowser.js.map

package/dist/panels/assets/SfxBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SfxBrowser.js","sourceRoot":"","sources":["../../../src/panels/assets/SfxBrowser.tsx"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,2EAA2E;AAC3E,yEAAyE;AACzE,yCAAyC;AAEzC,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,aAAa,EAAiB,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,UAAU,UAAU;IACxB,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QACrC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YACtB,IAAI,QAAQ,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ;gBAAE,OAAO,KAAK,CAAC;YACtD,IAAI,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YACpB,OAAO,CACL,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACjC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACtB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAClC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,CAAC,CAAW,EAAQ,EAAE;QACtC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aAEnC,eAAK,SAAS,EAAC,2CAA2C,aACxD,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,4BAAuB,EACnC,SAAS,EAAC,4JAA4J,GACtK,EAEF,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,IAAI,IAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,oBAE1D,EACN,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,IAAI,IAAS,MAAM,EAAE,QAAQ,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,YAChE,CAAC,IADO,CAAC,CAEL,CACR,CAAC,IACE,IACF,EAGN,cAAK,SAAS,EAAC,gCAAgC,YAC5C,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,gCAAgC,YAC7C,eAAM,SAAS,EAAC,sCAAsC,2BAAkB,GACpE,CACP,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,eAEE,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,OAAO,KAAK,CAAC,CAAC,IAAI,IAAI,eAAe,CACtC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,aAG3B,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,kHAAkH,EAC5H,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gCACd,EAAE,CAAC,eAAe,EAAE,CAAC;gCACrB,SAAS,CAAC,CAAC,CAAC,CAAC;4BACf,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,cAAc,GAAG,GAC/B,EAGT,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,yCAAyC,YAAE,CAAC,CAAC,KAAK,GAAO,EACxE,cAAK,SAAS,EAAC,8CAA8C,YAAE,CAAC,CAAC,QAAQ,GAAO,IAC5E,EAGN,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAC,sKAAsK,EAChL,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gCACd,EAAE,CAAC,eAAe,EAAE,CAAC;gCACrB,aAAa,CAAC,CAAC,CAAC,CAAC;4BACnB,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,KArCJ,CAAC,CAAC,IAAI,CAsCP,CACP,CAAC,CACH,GACG,EAGN,eAAK,SAAS,EAAC,gHAAgH,aAC7H,2BAAO,OAAO,CAAC,MAAM,eAAe,EACpC,8DAAwC,IACpC,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,IAAI,CAAC,EACZ,MAAM,EACN,OAAO,EACP,QAAQ,GAKT;IACC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,MAAM;YACJ,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,2DAA2D,CAChE,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/panels/assets/use-assets.d.ts

@@ -0,0 +1,11 @@
+import { type ClipkitAsset } from '@clipkit/editor-core';
+export declare function useAssets(): {
+    assets: ClipkitAsset[];
+    busy: boolean;
+    error: string | null;
+    importFiles: (files: FileList | File[]) => Promise<void>;
+    remove: (id: string) => Promise<void>;
+    addToTimeline: (asset: ClipkitAsset) => string;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=use-assets.d.ts.map

package/dist/panels/assets/use-assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-assets.d.ts","sourceRoot":"","sources":["../../../src/panels/assets/use-assets.ts"],"names":[],"mappings":"AAQA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAQ9B,wBAAgB,SAAS;;;;yBAyBP,QAAQ,GAAG,IAAI,EAAE;iBAkBpB,MAAM;2BAYT,YAAY,KAAG,MAAM;;EA2BhC"}

package/dist/panels/assets/use-assets.js

@@ -0,0 +1,84 @@
+// Media-bin actions for the Assets tab. Reads/writes through the injected
+// AssetStore (local IndexedDB by default), and drops an asset on the timeline
+// as the matching element (image/video/audio) at the playhead.
+'use client';
+import { useCallback, useEffect, useState } from 'react';
+import { useEditor, useEditorContext, useEditorStore, } from '@clipkit/editor-core';
+function num(v, d) {
+    return typeof v === 'number' && Number.isFinite(v) ? v : d;
+}
+let dropCounter = 0;
+export function useAssets() {
+    const { assetStore } = useEditorContext();
+    const { addElement } = useEditor();
+    const playheadTime = useEditorStore((s) => s.playback.time);
+    const elements = useEditorStore((s) => s.source.elements);
+    const compW = useEditorStore((s) => num(s.source.width, 1920));
+    const compH = useEditorStore((s) => num(s.source.height, 1080));
+    const [assets, setAssets] = useState([]);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    const refresh = useCallback(async () => {
+        try {
+            setAssets(await assetStore.list());
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Could not load media');
+        }
+    }, [assetStore]);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    const importFiles = useCallback(async (files) => {
+        const list = Array.from(files);
+        if (list.length === 0)
+            return;
+        setBusy(true);
+        setError(null);
+        try {
+            for (const f of list)
+                await assetStore.upload(f);
+            await refresh();
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Upload failed');
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [assetStore, refresh]);
+    const remove = useCallback(async (id) => {
+        try {
+            await assetStore.remove(id);
+            await refresh();
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Could not remove');
+        }
+    }, [assetStore, refresh]);
+    const addToTimeline = useCallback((asset) => {
+        const id = `${asset.kind}-${(dropCounter++).toString(36)}`;
+        const time = Math.max(0, playheadTime);
+        // layer is assigned on add — the store places new elements on top (layer 1).
+        const base = { id, name: asset.name, time, layer: 1 };
+        let el;
+        if (asset.kind === 'audio') {
+            el = { ...base, type: 'audio', source: asset.url, duration: asset.duration ?? 5, volume: 100 };
+        }
+        else {
+            // image/video: fit intrinsic size inside the composition, keep aspect.
+            const iw = num(asset.width, compW), ih = num(asset.height, compH);
+            const scale = Math.min(1, compW / iw, compH / ih);
+            const width = Math.round(iw * scale), height = Math.round(ih * scale);
+            const duration = asset.kind === 'video' ? asset.duration ?? 5 : 3;
+            // Centre the asset in the comp explicitly (x/y at the centre with a
+            // centre anchor). Without an explicit anchor the runtime now places
+            // x/y at the top-left corner, so a bare drop would land off-centre.
+            el = { ...base, type: asset.kind, source: asset.url, x: compW / 2, y: compH / 2, x_anchor: '50%', y_anchor: '50%', width, height, duration };
+        }
+        addElement(el);
+        return id;
+    }, [addElement, elements, playheadTime, compW, compH]);
+    return { assets, busy, error, importFiles, remove, addToTimeline, refresh };
+}
+//# sourceMappingURL=use-assets.js.map

package/dist/panels/assets/use-assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-assets.js","sourceRoot":"","sources":["../../../src/panels/assets/use-assets.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,8EAA8E;AAC9E,+DAA+D;AAE/D,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,cAAc,GAEf,MAAM,sBAAsB,CAAC;AAE9B,SAAS,GAAG,CAAC,CAAU,EAAE,CAAS;IAChC,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED,IAAI,WAAW,GAAG,CAAC,CAAC;AAEpB,MAAM,UAAU,SAAS;IACvB,MAAM,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAC/D,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEhE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI,CAAC;YACH,SAAS,CAAC,MAAM,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,QAAQ,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,OAAO,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EAAE,KAAwB,EAAE,EAAE;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC9B,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,KAAK,MAAM,CAAC,IAAI,IAAI;gBAAE,MAAM,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACjD,MAAM,OAAO,EAAE,CAAC;QAClB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,QAAQ,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QAC7D,CAAC;gBAAS,CAAC;YACT,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CACxB,KAAK,EAAE,EAAU,EAAE,EAAE;QACnB,IAAI,CAAC;YACH,MAAM,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC5B,MAAM,OAAO,EAAE,CAAC;QAClB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,QAAQ,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAmB,EAAU,EAAE;QAC9B,MAAM,EAAE,GAAG,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;QACvC,6EAA6E;QAC7E,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;QAEtD,IAAI,EAAW,CAAC;QAChB,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC3B,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAa,CAAC;QAC5G,CAAC;aAAM,CAAC;YACN,uEAAuE;YACvE,MAAM,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAClE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC,CAAC;YAClD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;YACtE,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAClE,oEAAoE;YACpE,oEAAoE;YACpE,oEAAoE;YACpE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAa,CAAC;QAC1J,CAAC;QACD,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,CACnD,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC;AAC9E,CAAC"}

package/dist/panels/assets/use-sfx.d.ts

@@ -0,0 +1,6 @@
+import { type SfxEntry } from '@clipkit/sfx';
+export declare function useSfxActions(): {
+    preview: (entry: SfxEntry) => number;
+    addToTimeline: (entry: SfxEntry) => string | null;
+};
+//# sourceMappingURL=use-sfx.d.ts.map

package/dist/panels/assets/use-sfx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sfx.d.ts","sourceRoot":"","sources":["../../../src/panels/assets/use-sfx.ts"],"names":[],"mappings":"AAaA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxD,wBAAgB,aAAa;qBAMS,QAAQ,KAAG,MAAM;2BAQ3C,QAAQ,KAAG,MAAM,GAAG,IAAI;EAwBnC"}

package/dist/panels/assets/use-sfx.js

@@ -0,0 +1,47 @@
+// Shared SFX actions for the Assets tab: render a catalog entry, preview it,
+// and drop it on the timeline as a runtime-native `audio` element.
+//
+// "Drop on the timeline" = render the (finished) SFX → encode a WAV object-URL
+// → addElement({ type:'audio', source:url, … }) at the playhead, on a fresh
+// lane. The runtime mixes it in preview/export like any other audio — no
+// special-casing, no ffmpeg.
+'use client';
+import { useCallback } from 'react';
+import { useEditor, useEditorStore } from '@clipkit/editor-core';
+import { renderSfx } from '@clipkit/sfx';
+import { playSfx, sfxDuration, sfxToObjectUrl } from '../../lib/sfx-preview.js';
+let dropCounter = 0;
+export function useSfxActions() {
+    const { addElement } = useEditor();
+    const playheadTime = useEditorStore((s) => s.playback.time);
+    const elements = useEditorStore((s) => s.source.elements);
+    /** Render + preview a catalog entry. Returns its duration (0 if not playable). */
+    const preview = useCallback((entry) => {
+        const sfx = renderSfx(entry.name);
+        if (!sfx)
+            return 0;
+        return playSfx(sfx);
+    }, []);
+    /** Drop a catalog entry on the timeline at the playhead. Returns the new id. */
+    const addToTimeline = useCallback((entry) => {
+        const sfx = renderSfx(entry.name);
+        if (!sfx)
+            return null;
+        const url = sfxToObjectUrl(sfx);
+        const duration = sfxDuration(sfx);
+        const id = `sfx-${entry.name}-${(dropCounter++).toString(36)}`;
+        addElement({
+            type: 'audio',
+            id,
+            name: entry.label,
+            source: url,
+            time: Math.max(0, playheadTime),
+            duration,
+            volume: 100,
+            layer: 1,
+        });
+        return id;
+    }, [addElement, elements, playheadTime]);
+    return { preview, addToTimeline };
+}
+//# sourceMappingURL=use-sfx.js.map

package/dist/panels/assets/use-sfx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sfx.js","sourceRoot":"","sources":["../../../src/panels/assets/use-sfx.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,mEAAmE;AACnE,EAAE;AACF,+EAA+E;AAC/E,4EAA4E;AAC5E,yEAAyE;AACzE,6BAA6B;AAE7B,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAiB,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEhF,IAAI,WAAW,GAAG,CAAC,CAAC;AAEpB,MAAM,UAAU,aAAa;IAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE1D,kFAAkF;IAClF,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,KAAe,EAAU,EAAE;QACtD,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC;QACnB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,gFAAgF;IAChF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAe,EAAiB,EAAE;QACjC,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QAEtB,MAAM,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAClC,MAAM,EAAE,GAAG,OAAO,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;QAE/D,UAAU,CAAC;YACT,IAAI,EAAE,OAAO;YACb,EAAE;YACF,IAAI,EAAE,KAAK,CAAC,KAAK;YACjB,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC;YAC/B,QAAQ;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,CAAC;SACE,CAAC,CAAC;QACd,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,YAAY,CAAC,CACrC,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;AACpC,CAAC"}

package/dist/panels/timeline/CanvasTimeline.d.ts

@@ -0,0 +1,7 @@
+export declare function CanvasTimeline({ pxPerSec, scrollRef, onScale, }: {
+    pxPerSec: number;
+    scrollRef?: React.Ref<HTMLDivElement>;
+    /** Set the timeline scale (px/s) — drives ctrl/⌘ + wheel zoom. */
+    onScale?: (next: number) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CanvasTimeline.d.ts.map

package/dist/panels/timeline/CanvasTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasTimeline.d.ts","sourceRoot":"","sources":["../../../src/panels/timeline/CanvasTimeline.tsx"],"names":[],"mappings":"AA2HA,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,+BAqxCA"}