@clipkit/editor 1.0.0

package/dist/panels/LayersTree.js

@@ -0,0 +1,137 @@
+// Layers tree (EDITORS B8) — the document's element structure as a
+// flat-style tree: nesting via group expansion, rename (double-click),
+// visibility (the protocol's `visible` field — a DOCUMENT knob),
+// paint-order reorder (▲▼ swap `layer` values — the protocol's actual
+// ordering mechanism; same-layer pairs swap array positions), and
+// group / ungroup. Grouping wraps the selection in a COORDINATE-
+// IDENTITY group (x 0, y 0, anchors 0, time 0) so children render
+// byte-identically; ungroup is enabled ONLY when that exact inverse
+// holds — the tree never silently moves pixels.
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { elementLayer, useEditor, useEditorStore, } from '@clipkit/editor-core';
+import { Type, Square, Image as ImageIcon, Film, Music, Folder, Captions, Sparkles, PenTool, Eye, EyeOff, ChevronUp, ChevronDown, Ungroup, Group, } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+const TYPE_ICON = {
+    text: Type, shape: Square, image: ImageIcon, video: Film, audio: Music,
+    group: Folder, caption: Captions, particles: Sparkles, svg: PenTool,
+};
+export function LayersTree() {
+    const actions = useEditor();
+    const source = useEditorStore((s) => s.source);
+    const selection = useEditorStore((s) => s.selection);
+    const [expanded, setExpanded] = useState(new Set());
+    const [renaming, setRenaming] = useState(null);
+    // Topmost first: layer ascending (layer 1 = front/on top), array order as tiebreak.
+    const top = useMemo(() => [...source.elements].sort((a, b) => elementLayer(a) - elementLayer(b) ||
+        source.elements.indexOf(a) - source.elements.indexOf(b)), [source]);
+    const writeElements = (next) => actions.patchSource({ elements: next });
+    // ── Reorder: swap the paint-order carriers of two elements ────────
+    const swapPaint = (a, b) => {
+        // Layers are unique per container, so a and b always differ — swap their
+        // layer values. (No array-position fallback: there are no layer ties.)
+        const la = elementLayer(a);
+        const lb = elementLayer(b);
+        const next = source.elements.map((el) => el === a ? { ...el, layer: lb } : el === b ? { ...el, layer: la } : el);
+        writeElements(next);
+    };
+    // ── Group / ungroup ────────────────────────────────────────────────
+    const selectedTop = top.filter((el) => el.id && selection.includes(el.id));
+    const canGroup = selectedTop.length >= 2;
+    const groupSelection = () => {
+        if (!canGroup)
+            return;
+        const ids = new Set(selectedTop.map((el) => el.id));
+        const children = source.elements.filter((el) => el.id && ids.has(el.id));
+        const rest = source.elements.filter((el) => !el.id || !ids.has(el.id));
+        const group = {
+            type: 'group',
+            id: `group-${Date.now().toString(36)}`,
+            // Coordinate identity: local space == composition space, child
+            // times stay absolute. Children render byte-identically.
+            x: 0, y: 0, x_anchor: 0, y_anchor: 0, time: 0,
+            layer: Math.max(...children.map((el) => elementLayer(el))),
+            elements: children,
+        };
+        writeElements([...rest, group]);
+        actions.selectOne(group.id);
+    };
+    /** Exact-inverse check: ungrouping must not move pixels. */
+    const isIdentityGroup = (g) => {
+        if (g.type !== 'group')
+            return false;
+        const zeroish = (v) => v === undefined || v === 0;
+        return (zeroish(g.x) && zeroish(g.y) &&
+            zeroish(g.x_anchor) && zeroish(g.y_anchor) &&
+            zeroish(g.time) &&
+            g.rotation === undefined && g.scale === undefined &&
+            g.opacity === undefined && g.clip !== true &&
+            g.mask === undefined &&
+            g.time_remap === undefined);
+    };
+    const ungroup = (g) => {
+        const next = [];
+        for (const el of source.elements) {
+            if (el === g)
+                next.push(...g.elements);
+            else
+                next.push(el);
+        }
+        writeElements(next);
+        actions.setSelection(g.elements.map((el) => el.id).filter((id) => !!id));
+    };
+    // ── Rows ───────────────────────────────────────────────────────────
+    const renderRow = (el, depth, siblings, index) => {
+        const id = el.id ?? `__anon_${depth}_${index}`;
+        const sel = el.id ? selection.includes(el.id) : false;
+        const isGroup = el.type === 'group';
+        const open = isGroup && expanded.has(id);
+        const hidden = el.visible === false;
+        const children = isGroup ? el.elements : [];
+        const TypeIcon = TYPE_ICON[el.type] ?? Square;
+        return (_jsxs("div", { children: [_jsxs("div", { className: cn('group/row flex items-center gap-1 h-7 pr-1 border-b border-border/30 cursor-default', sel ? 'bg-primary/12' : 'hover:bg-card', hidden && 'opacity-50'), style: { paddingLeft: 6 + depth * 12 }, onClick: () => el.id && actions.selectOne(el.id), onDoubleClick: () => el.id && setRenaming(el.id), children: [isGroup ? (_jsx("button", { type: "button", className: "w-3 shrink-0 text-muted-foreground hover:text-foreground", onClick: (e) => {
+                                e.stopPropagation();
+                                setExpanded((prev) => {
+                                    const next = new Set(prev);
+                                    if (next.has(id))
+                                        next.delete(id);
+                                    else
+                                        next.add(id);
+                                    return next;
+                                });
+                            }, "aria-expanded": open, children: _jsx("svg", { width: "6", height: "6", viewBox: "0 0 8 8", "aria-hidden": "true", className: cn('transition-transform', open && 'rotate-90'), children: _jsx("path", { d: "M2 1 L6 4 L2 7 Z", fill: "currentColor" }) }) })) : (_jsx("span", { className: "w-3 shrink-0" })), _jsx("span", { className: "w-4 shrink-0 grid place-items-center text-muted-foreground", children: _jsx(TypeIcon, { size: 12 }) }), renaming === el.id ? (_jsx("input", { autoFocus: true, className: "flex-1 min-w-0 h-5 bg-transparent border border-primary/50 rounded px-1 text-[11px] outline-none", defaultValue: el.name ?? '', onClick: (e) => e.stopPropagation(), onBlur: (e) => {
+                                if (el.id) {
+                                    actions.updateElement(el.id, {
+                                        name: e.target.value || undefined,
+                                    });
+                                }
+                                setRenaming(null);
+                            }, onKeyDown: (e) => {
+                                if (e.key === 'Enter')
+                                    e.target.blur();
+                                if (e.key === 'Escape')
+                                    setRenaming(null);
+                            } })) : (_jsx("span", { className: "flex-1 min-w-0 truncate text-[11px] text-foreground/90", children: el.name ?? el.id ?? el.type })), _jsxs("span", { className: "hidden group-hover/row:flex items-center gap-0.5", children: [depth === 0 && (_jsxs(_Fragment, { children: [_jsx(RowBtn, { label: "Raise (swap paint order)", disabled: index === 0, onClick: () => swapPaint(el, siblings[index - 1]), children: _jsx(ChevronUp, { size: 12 }) }), _jsx(RowBtn, { label: "Lower (swap paint order)", disabled: index === siblings.length - 1, onClick: () => swapPaint(el, siblings[index + 1]), children: _jsx(ChevronDown, { size: 12 }) })] })), isGroup && (_jsx(RowBtn, { label: isIdentityGroup(el)
+                                        ? 'Ungroup'
+                                        : 'Ungroup disabled — this group transforms its children (ungrouping would move pixels)', disabled: !isIdentityGroup(el), onClick: () => ungroup(el), children: _jsx(Ungroup, { size: 12 }) }))] }), _jsx("button", { type: "button", className: cn('w-5 shrink-0 grid place-items-center', hidden
+                                ? 'text-foreground'
+                                : 'text-muted-foreground hover:text-foreground'), title: hidden ? 'Show (writes visible)' : 'Hide (writes visible: false)', onClick: (e) => {
+                                e.stopPropagation();
+                                if (el.id) {
+                                    actions.updateElement(el.id, {
+                                        visible: hidden ? undefined : false,
+                                    });
+                                }
+                            }, children: hidden ? _jsx(EyeOff, { size: 14 }) : _jsx(Eye, { size: 14 }) })] }), open &&
+                    children.map((child, ci) => renderRow(child, depth + 1, children, ci))] }, id));
+    };
+    return (_jsxs("div", { className: "flex flex-col h-full overflow-y-auto", children: [_jsxs("div", { className: "flex items-center justify-between h-7 px-2 border-b border-border shrink-0", children: [_jsxs("span", { className: "text-[10px] text-muted-foreground", children: [source.elements.length, " elements"] }), _jsxs("button", { type: "button", className: "h-5 px-1.5 rounded inline-flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground hover:bg-card transition disabled:opacity-30", disabled: !canGroup, title: "Group selection (coordinate-identity wrapper)", onClick: groupSelection, children: [_jsx(Group, { size: 11 }), " Group"] })] }), top.map((el, i) => renderRow(el, 0, top, i))] }));
+}
+function RowBtn({ label, disabled, onClick, children, }) {
+    return (_jsx("button", { type: "button", className: "w-4 h-4 grid place-items-center text-[8px] text-muted-foreground/60 hover:text-foreground disabled:opacity-20", title: label, disabled: disabled, onClick: (e) => {
+            e.stopPropagation();
+            onClick();
+        }, children: children }));
+}
+//# sourceMappingURL=LayersTree.js.map

package/dist/panels/LayersTree.js.map

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

package/dist/panels/LeftRail.d.ts

@@ -0,0 +1,6 @@
+export type LeftRailTabId = 'assets' | 'layers' | 'source';
+export declare function LeftRail({ onActiveTabChange, }: {
+    /** Fires on tab switches — the shell auto-widens for Source. */
+    onActiveTabChange?: (tab: LeftRailTabId) => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=LeftRail.d.ts.map

package/dist/panels/LeftRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftRail.d.ts","sourceRoot":"","sources":["../../src/panels/LeftRail.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAG3D,wBAAgB,QAAQ,CAAC,EACvB,iBAAiB,GAClB,EAAE;IACD,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CAClD,sCAkDA"}

package/dist/panels/LeftRail.js

@@ -0,0 +1,35 @@
+// Left panel — tabbed Assets / Layers / Source per the design refs
+// (Source ruled in by Ian 2026-06-11: the B10 JSON pane lives here as
+// a third tab rather than a separate dock). B1 shipped the frame; the
+// bin (B9) is still pending, the tree (B8) and JSON pane (B10) are in.
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useConfiguration } from '../configuration.js';
+import { cn } from '../lib/utils.js';
+import { AssetsPanel } from './AssetsPanel.js';
+import { LayersTree } from './LayersTree.js';
+import { SourcePanel } from './SourcePanel.js';
+export function LeftRail({ onActiveTabChange, }) {
+    const { configuration } = useConfiguration();
+    const tabs = [];
+    if (configuration.views.assets)
+        tabs.push({ id: 'assets', label: 'Assets' });
+    if (configuration.views.layers)
+        tabs.push({ id: 'layers', label: 'Layers' });
+    if (configuration.views.json)
+        tabs.push({ id: 'source', label: 'Source' });
+    const [active, setActive] = useState(tabs[0]?.id ?? 'assets');
+    if (tabs.length === 0)
+        return null;
+    const current = tabs.some((t) => t.id === active) ? active : tabs[0].id;
+    return (_jsxs("div", { className: "flex flex-col h-full bg-background", children: [_jsx("div", { className: "flex items-center gap-3 h-9 px-3 border-b border-border shrink-0", children: tabs.map((t) => (_jsx("button", { type: "button", onClick: () => {
+                        setActive(t.id);
+                        onActiveTabChange?.(t.id);
+                    }, className: cn('text-[11px] font-medium transition-colors', current === t.id
+                        ? 'text-foreground'
+                        : 'text-muted-foreground hover:text-foreground'), children: t.label }, t.id))) }), _jsx("div", { className: cn('flex-1 min-h-0', 
+                // CodeMirror owns its own scroller; the other tabs scroll here.
+                current === 'source' ? 'overflow-hidden' : 'overflow-y-auto'), children: current === 'source' ? (_jsx(SourcePanel, {})) : current === 'layers' ? (_jsx(LayersTree, {})) : (_jsx(AssetsPanel, {})) })] }));
+}
+//# sourceMappingURL=LeftRail.js.map

package/dist/panels/LeftRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftRail.js","sourceRoot":"","sources":["../../src/panels/LeftRail.tsx"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,sEAAsE;AACtE,sEAAsE;AACtE,uEAAuE;AAEvE,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/C,MAAM,UAAU,QAAQ,CAAC,EACvB,iBAAiB,GAIlB;IACC,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAwC,EAAE,CAAC;IACrD,IAAI,aAAa,CAAC,KAAK,CAAC,MAAM;QAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,IAAI,aAAa,CAAC,KAAK,CAAC,MAAM;QAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI;QAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAQ,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,QAAQ,CAAC,CAAC;IACrE,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aACjD,cAAK,SAAS,EAAC,kEAAkE,YAC9E,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACf,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;wBAChB,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC5B,CAAC,EACD,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,OAAO,KAAK,CAAC,CAAC,EAAE;wBACd,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,6CAA6C,CAClD,YAEA,CAAC,CAAC,KAAK,IAbH,CAAC,CAAC,EAAE,CAcF,CACV,CAAC,GACE,EACN,cACE,SAAS,EAAE,EAAE,CACX,gBAAgB;gBAChB,gEAAgE;gBAChE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAC7D,YAEA,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACtB,KAAC,WAAW,KAAG,CAChB,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,KAAC,UAAU,KAAG,CACf,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,KAAG,CAChB,GACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/panels/SourcePanel.d.ts

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

package/dist/panels/SourcePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourcePanel.d.ts","sourceRoot":"","sources":["../../src/panels/SourcePanel.tsx"],"names":[],"mappings":"AAgSA,wBAAgB,WAAW,gCAyP1B"}