@bendyline/squisq-editor-react 1.4.0 → 1.5.0

package/dist/imageEditor/ImageVersionHistoryDropdown.d.ts

@@ -0,0 +1,39 @@
+/**
+ * ImageVersionHistoryDropdown
+ *
+ * Toolbar-anchored popover that lists image-edit version snapshots from
+ * the sidecar and lets the user revert to any of them.
+ *
+ * For each snapshot we render a small thumbnail (rasterized via
+ * `exportImageEditDoc` at a thumbnail-sized scale) plus a one-line diff
+ * summary describing what changed relative to the *previous* (older)
+ * snapshot — e.g. "Resized 4800×920 → 1200×920", "Added text layer",
+ * "Removed Background". This makes it possible to identify the right
+ * snapshot to revert to without having to revert blindly.
+ *
+ * Thumbnails and diffs are computed lazily and cached by version path.
+ * Loads happen in the background after the popover opens.
+ */
+import { type ImageEditVersionManager } from '@bendyline/squisq/imageEdit';
+import type { ContentContainer } from '@bendyline/squisq/storage';
+import type { Version } from '@bendyline/squisq/versions';
+interface Props {
+    versioning: ImageEditVersionManager;
+    /**
+     * Sidecar container backing the snapshots — same one passed to the
+     * `<ImageEditor>`. Required for thumbnail rendering since
+     * `exportImageEditDoc` reads asset bytes from the container.
+     */
+    container: ContentContainer;
+    /** Called when the user picks a snapshot to load into the editor. */
+    onRevert: (version: Version) => void | Promise<void>;
+    /**
+     * Persistence revision counter. When the host saves a new snapshot
+     * (e.g. on flush), bumping this triggers a re-list so the popover
+     * stays in sync without polling.
+     */
+    refreshKey?: number;
+}
+export declare function ImageVersionHistoryDropdown({ versioning, container, onRevert, refreshKey, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageVersionHistoryDropdown.d.ts.map

package/dist/imageEditor/ImageVersionHistoryDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageVersionHistoryDropdown.d.ts","sourceRoot":"","sources":["../../src/imageEditor/ImageVersionHistoryDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,UAAU,KAAK;IACb,UAAU,EAAE,uBAAuB,CAAC;IACpC;;;;OAIG;IACH,SAAS,EAAE,gBAAgB,CAAC;IAC5B,qEAAqE;IACrE,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AASD,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,GACX,EAAE,KAAK,2CAyOP"}

package/dist/imageEditor/ImageVersionHistoryDropdown.js

@@ -0,0 +1,283 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ImageVersionHistoryDropdown
+ *
+ * Toolbar-anchored popover that lists image-edit version snapshots from
+ * the sidecar and lets the user revert to any of them.
+ *
+ * For each snapshot we render a small thumbnail (rasterized via
+ * `exportImageEditDoc` at a thumbnail-sized scale) plus a one-line diff
+ * summary describing what changed relative to the *previous* (older)
+ * snapshot — e.g. "Resized 4800×920 → 1200×920", "Added text layer",
+ * "Removed Background". This makes it possible to identify the right
+ * snapshot to revert to without having to revert blindly.
+ *
+ * Thumbnails and diffs are computed lazily and cached by version path.
+ * Loads happen in the background after the popover opens.
+ */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { exportImageEditDoc, } from '@bendyline/squisq/imageEdit';
+const THUMB_MAX_DIM = 96;
+export function ImageVersionHistoryDropdown({ versioning, container, onRevert, refreshKey, }) {
+    const [open, setOpen] = useState(false);
+    const [versions, setVersions] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [busyTimestamp, setBusyTimestamp] = useState(null);
+    // Per-version metadata (doc + thumbnail). Keyed by version.path.
+    const [meta, setMeta] = useState({});
+    const popoverRef = useRef(null);
+    const triggerRef = useRef(null);
+    // Track object URLs so we can revoke them on unmount / cache reset.
+    const urlsRef = useRef(new Set());
+    // Re-load the list when the popover opens or when the host bumps refreshKey.
+    useEffect(() => {
+        if (!open)
+            return;
+        let cancelled = false;
+        setLoading(true);
+        versioning
+            .listVersions()
+            .then((list) => {
+            if (cancelled)
+                return;
+            // Newest first.
+            const sorted = [...list].sort((a, b) => b.timestamp.getTime() - a.timestamp.getTime());
+            setVersions(sorted);
+        })
+            .catch(() => {
+            if (cancelled)
+                return;
+            setVersions([]);
+        })
+            .finally(() => {
+            if (!cancelled)
+                setLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [open, versioning, refreshKey]);
+    // Lazily load doc + thumbnail for any version we don't have cached yet.
+    // We do this sequentially to avoid hammering the canvas pipeline.
+    useEffect(() => {
+        if (!open)
+            return;
+        if (versions.length === 0)
+            return;
+        let cancelled = false;
+        (async () => {
+            for (const v of versions) {
+                if (cancelled)
+                    return;
+                if (meta[v.path])
+                    continue;
+                try {
+                    const doc = await versioning.readVersion(v);
+                    if (cancelled)
+                        return;
+                    if (!doc) {
+                        setMeta((m) => ({ ...m, [v.path]: { doc: emptyDoc(), thumbUrl: null } }));
+                        continue;
+                    }
+                    let thumbUrl = null;
+                    try {
+                        const scale = computeThumbScale(doc.canvas.width, doc.canvas.height);
+                        const blob = await exportImageEditDoc(doc, container, {
+                            format: 'png',
+                            scale,
+                        });
+                        if (cancelled)
+                            return;
+                        thumbUrl = URL.createObjectURL(blob);
+                        urlsRef.current.add(thumbUrl);
+                    }
+                    catch {
+                        // Best-effort thumbnail — fall back to a placeholder.
+                        thumbUrl = null;
+                    }
+                    setMeta((m) => ({ ...m, [v.path]: { doc, thumbUrl } }));
+                }
+                catch {
+                    // Skip on read error; the row will render without a thumb.
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [open, versions, versioning, container, meta]);
+    // Revoke object URLs on unmount.
+    useEffect(() => {
+        const urls = urlsRef.current;
+        return () => {
+            for (const url of urls)
+                URL.revokeObjectURL(url);
+            urls.clear();
+        };
+    }, []);
+    // When refreshKey changes, blow away the cache so newly-saved
+    // snapshots are re-thumbnailed (and old thumbs aren't stale).
+    useEffect(() => {
+        for (const url of urlsRef.current)
+            URL.revokeObjectURL(url);
+        urlsRef.current.clear();
+        setMeta({});
+    }, [refreshKey]);
+    // Close on outside click / Escape.
+    useEffect(() => {
+        if (!open)
+            return;
+        function onDocClick(e) {
+            const t = e.target;
+            if (!t)
+                return;
+            if (popoverRef.current?.contains(t))
+                return;
+            if (triggerRef.current?.contains(t))
+                return;
+            setOpen(false);
+        }
+        function onKey(e) {
+            if (e.key === 'Escape')
+                setOpen(false);
+        }
+        document.addEventListener('mousedown', onDocClick);
+        document.addEventListener('keydown', onKey);
+        return () => {
+            document.removeEventListener('mousedown', onDocClick);
+            document.removeEventListener('keydown', onKey);
+        };
+    }, [open]);
+    const handleRevert = useCallback(async (v) => {
+        setBusyTimestamp(v.timestamp.getTime());
+        try {
+            await onRevert(v);
+            setOpen(false);
+        }
+        catch (err) {
+            console.warn('[squisq-editor] image-edit revert failed:', err instanceof Error ? err.message : err);
+        }
+        finally {
+            setBusyTimestamp(null);
+        }
+    }, [onRevert]);
+    return (_jsxs("div", { className: "squisq-image-editor-version-dropdown", children: [_jsxs("button", { ref: triggerRef, type: "button", className: "squisq-image-editor-tool-button squisq-image-editor-tool-button--with-label", onClick: () => setOpen((o) => !o), "aria-expanded": open, "aria-haspopup": "menu", title: "Version history", "data-testid": "image-editor-history-trigger", children: [_jsx("span", { children: "History" }), _jsx("span", { "aria-hidden": "true", style: { fontSize: '0.8em' }, children: "\u25BE" })] }), open && (_jsxs("div", { ref: popoverRef, className: "squisq-image-editor-version-popover", role: "menu", "data-testid": "image-editor-history-popover", children: [_jsx("div", { className: "squisq-image-editor-version-popover__title", children: "Version history" }), loading && _jsx("div", { className: "squisq-image-editor-version-popover__empty", children: "Loading\u2026" }), !loading && versions.length === 0 && (_jsx("div", { className: "squisq-image-editor-version-popover__empty", children: "No snapshots yet" })), !loading && versions.length > 0 && (_jsx("ul", { className: "squisq-image-editor-version-popover__list", children: versions.map((v, i) => {
+                            const ts = v.timestamp.getTime();
+                            const m = meta[v.path];
+                            const isCurrent = i === 0;
+                            const isOriginal = i + 1 >= versions.length;
+                            // Diff is computed against the *next* (older) version in
+                            // the newest-first list. The oldest snapshot has no
+                            // older neighbor, so we label it "Original".
+                            const olderMeta = i + 1 < versions.length ? meta[versions[i + 1].path] : undefined;
+                            const summary = isOriginal
+                                ? 'Original'
+                                : m && olderMeta
+                                    ? summarizeDiff(olderMeta.doc, m.doc)
+                                    : '';
+                            return (_jsxs("li", { className: 'squisq-image-editor-version-popover__row' +
+                                    (isCurrent ? ' squisq-image-editor-version-popover__row--current' : ''), children: [_jsx("div", { className: "squisq-image-editor-version-popover__thumb", children: m?.thumbUrl ? (_jsx("img", { src: m.thumbUrl, alt: "", className: "squisq-image-editor-version-popover__thumb-img" })) : (_jsx("div", { className: "squisq-image-editor-version-popover__thumb-placeholder", "aria-hidden": "true" })) }), _jsxs("div", { className: "squisq-image-editor-version-popover__info", children: [_jsxs("div", { className: "squisq-image-editor-version-popover__when", children: [isCurrent && (_jsx("span", { className: "squisq-image-editor-version-popover__badge", children: "Current" })), formatTimestamp(v.timestamp)] }), _jsx("div", { className: "squisq-image-editor-version-popover__summary", title: summary, children: summary || (m ? '' : 'Loading…') })] }), _jsx("button", { type: "button", className: "squisq-image-editor-tool-button", onClick: () => handleRevert(v), disabled: isCurrent || busyTimestamp === ts, title: isCurrent ? 'This is the current version' : 'Revert to this version', children: busyTimestamp === ts ? 'Loading…' : 'Revert' })] }, ts));
+                        }) }))] }))] }));
+}
+/**
+ * Pick a `scale` factor for `exportImageEditDoc` so the rendered
+ * thumbnail's longest side is at most `THUMB_MAX_DIM` pixels. Always
+ * ≤1 to avoid up-rendering small canvases.
+ */
+function computeThumbScale(width, height) {
+    const longest = Math.max(width, height);
+    if (longest <= THUMB_MAX_DIM)
+        return 1;
+    return THUMB_MAX_DIM / longest;
+}
+/**
+ * Convert a Date to a human-readable local time.
+ */
+function formatTimestamp(stamp) {
+    if (Number.isNaN(stamp.getTime()))
+        return String(stamp);
+    return stamp.toLocaleString(undefined, {
+        month: 'short',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
+        second: '2-digit',
+    });
+}
+/**
+ * Build a one-line, human-readable summary of what changed between
+ * two snapshots. Reports (in priority order):
+ *
+ *   1. Canvas size change      — "Resized 4800×920 → 1200×920"
+ *   2. Layer additions/removals — "Added text", "Removed Background"
+ *   3. Per-layer position/size  — "Moved Text", "Resized Image"
+ *   4. Per-layer content/style  — "Edited Text"
+ *
+ * Returns "No changes" if the two docs are byte-equivalent in the
+ * fields we compare.
+ */
+function summarizeDiff(prev, next) {
+    const parts = [];
+    // 1. Canvas size.
+    if (prev.canvas.width !== next.canvas.width || prev.canvas.height !== next.canvas.height) {
+        parts.push(`Resized ${prev.canvas.width}×${prev.canvas.height} → ${next.canvas.width}×${next.canvas.height}`);
+    }
+    else if (prev.canvas.background !== next.canvas.background) {
+        parts.push('Changed background');
+    }
+    // 2. Layer add / remove (by id).
+    const prevIds = new Set(prev.layers.map((l) => l.id));
+    const nextIds = new Set(next.layers.map((l) => l.id));
+    const added = next.layers.filter((l) => !prevIds.has(l.id));
+    const removed = prev.layers.filter((l) => !nextIds.has(l.id));
+    for (const l of added)
+        parts.push(`Added ${describeLayer(l)}`);
+    for (const l of removed)
+        parts.push(`Removed ${describeLayer(l)}`);
+    // 3 & 4. Per-layer changes for layers present in both.
+    for (const n of next.layers) {
+        const p = prev.layers.find((l) => l.id === n.id);
+        if (!p)
+            continue;
+        const change = describeLayerChange(p, n);
+        if (change)
+            parts.push(change);
+    }
+    if (parts.length === 0)
+        return 'No changes';
+    // Cap to a sane length — the popover row is one line.
+    return parts.slice(0, 3).join(' · ') + (parts.length > 3 ? ` (+${parts.length - 3})` : '');
+}
+function describeLayer(layer) {
+    const name = layer.name?.trim();
+    return name && name.length > 0 ? `“${name}”` : layer.type;
+}
+function describeLayerChange(p, n) {
+    const label = describeLayer(n);
+    const posChanged = p.position.x !== n.position.x ||
+        p.position.y !== n.position.y ||
+        p.position.width !== n.position.width ||
+        p.position.height !== n.position.height;
+    const sizeChanged = p.position.width !== n.position.width || p.position.height !== n.position.height;
+    // Treat content + style as a single "edited" bucket.
+    const contentChanged = JSON.stringify(p.content) !== JSON.stringify(n.content);
+    if (sizeChanged && !contentChanged)
+        return `Resized ${label}`;
+    if (posChanged && !contentChanged)
+        return `Moved ${label}`;
+    if (contentChanged)
+        return `Edited ${label}`;
+    return null;
+}
+/**
+ * Fallback used when a snapshot fails to load — keeps render code
+ * branch-free without polluting the diff summary with errors.
+ */
+function emptyDoc() {
+    return {
+        version: 1,
+        canvas: { width: 0, height: 0, background: 'transparent' },
+        layers: [],
+    };
+}
+//# sourceMappingURL=ImageVersionHistoryDropdown.js.map

package/dist/imageEditor/ImageVersionHistoryDropdown.js.map

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

package/dist/imageEditor/LayersPanel.d.ts

@@ -0,0 +1,14 @@
+/**
+ * LayersPanel — list of layers with visibility / lock / reorder / delete
+ * controls. Newest layer is rendered last (top of the SVG stack), so the
+ * panel shows the array reversed so "top" appears at the top of the list.
+ */
+import type { ImageEditDoc } from '@bendyline/squisq/schemas';
+import type { ImageEditorAction } from './state.js';
+export interface LayersPanelProps {
+    doc: ImageEditDoc;
+    selectedLayerId: string | null;
+    dispatch: (action: ImageEditorAction) => void;
+}
+export declare function LayersPanel({ doc, selectedLayerId, dispatch }: LayersPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LayersPanel.d.ts.map

package/dist/imageEditor/LayersPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayersPanel.d.ts","sourceRoot":"","sources":["../../src/imageEditor/LayersPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAWpD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,YAAY,CAAC;IAClB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAyG/E"}

package/dist/imageEditor/LayersPanel.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronUpIcon, CloseIcon, EyeIcon, EyeOffIcon, LockIcon, UnlockIcon, } from './icons.js';
+export function LayersPanel({ doc, selectedLayerId, dispatch }) {
+    // Visual order: top of stack first.
+    const ordered = doc.layers.slice().reverse();
+    return (_jsxs("div", { className: "squisq-image-editor-layers", "data-testid": "image-editor-layers", children: [_jsx("div", { className: "squisq-image-editor-panel-header", children: "Layers" }), _jsxs("ul", { className: "squisq-image-editor-layer-list", children: [ordered.length === 0 && _jsx("li", { className: "squisq-image-editor-layer-empty", children: "No layers yet" }), ordered.map((layer) => {
+                        const visible = layer.visible !== false;
+                        const locked = !!layer.locked;
+                        const stackIndex = doc.layers.findIndex((l) => l.id === layer.id);
+                        const canMoveUp = stackIndex < doc.layers.length - 1;
+                        const canMoveDown = stackIndex > 0;
+                        const isSelected = selectedLayerId === layer.id;
+                        return (_jsxs("li", { className: [
+                                'squisq-image-editor-layer-item',
+                                isSelected ? 'is-selected' : '',
+                                visible ? '' : 'is-hidden',
+                            ]
+                                .filter(Boolean)
+                                .join(' '), children: [_jsx("button", { type: "button", className: "squisq-image-editor-layer-toggle", onClick: () => dispatch({
+                                        type: 'update-layer',
+                                        layerId: layer.id,
+                                        patch: { visible: !visible },
+                                    }), "aria-label": visible ? 'Hide layer' : 'Show layer', title: visible ? 'Hide layer' : 'Show layer', children: visible ? _jsx(EyeIcon, {}) : _jsx(EyeOffIcon, {}) }), _jsx("button", { type: "button", className: "squisq-image-editor-layer-toggle", onClick: () => dispatch({
+                                        type: 'update-layer',
+                                        layerId: layer.id,
+                                        patch: { locked: !locked },
+                                    }), "aria-label": locked ? 'Unlock layer' : 'Lock layer', title: locked ? 'Unlock layer' : 'Lock layer', children: locked ? _jsx(LockIcon, {}) : _jsx(UnlockIcon, {}) }), _jsxs("button", { type: "button", className: "squisq-image-editor-layer-name", onClick: () => dispatch({ type: 'select', layerId: layer.id }), children: [layer.name ?? defaultLayerName(layer), _jsx("span", { className: "squisq-image-editor-layer-kind", children: layer.type })] }), _jsx("button", { type: "button", className: "squisq-image-editor-layer-toggle", disabled: !canMoveUp, onClick: () => dispatch({ type: 'reorder-layer', layerId: layer.id, toIndex: stackIndex + 1 }), "aria-label": "Move layer up", title: "Move layer up", children: _jsx(ChevronUpIcon, {}) }), _jsx("button", { type: "button", className: "squisq-image-editor-layer-toggle", disabled: !canMoveDown, onClick: () => dispatch({ type: 'reorder-layer', layerId: layer.id, toIndex: stackIndex - 1 }), "aria-label": "Move layer down", title: "Move layer down", children: _jsx(ChevronDownIcon, {}) }), _jsx("button", { type: "button", className: "squisq-image-editor-layer-toggle", onClick: () => dispatch({ type: 'remove-layer', layerId: layer.id }), "aria-label": "Delete layer", title: "Delete layer", children: _jsx(CloseIcon, {}) })] }, layer.id));
+                    })] })] }));
+}
+function defaultLayerName(layer) {
+    if (layer.type === 'text') {
+        const c = layer.content;
+        return c?.text?.split('\n')[0]?.slice(0, 24) || 'Text';
+    }
+    if (layer.type === 'image')
+        return 'Image';
+    if (layer.type === 'shape') {
+        const c = layer.content;
+        return c?.shape ? c.shape[0].toUpperCase() + c.shape.slice(1) : 'Shape';
+    }
+    return layer.type;
+}
+//# sourceMappingURL=LayersPanel.js.map

package/dist/imageEditor/LayersPanel.js.map

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

package/dist/imageEditor/PropertiesPanel.d.ts

@@ -0,0 +1,14 @@
+/**
+ * PropertiesPanel — kind-aware editors for the canvas and the selected
+ * layer. Plain controls only (no JsonEditor dependency) so the panel
+ * stays focused on the image-editing vocabulary.
+ */
+import type { ImageEditDoc } from '@bendyline/squisq/schemas';
+import type { ImageEditorAction } from './state.js';
+export interface PropertiesPanelProps {
+    doc: ImageEditDoc;
+    selectedLayerId: string | null;
+    dispatch: (action: ImageEditorAction) => void;
+}
+export declare function PropertiesPanel({ doc, selectedLayerId, dispatch }: PropertiesPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PropertiesPanel.d.ts.map

package/dist/imageEditor/PropertiesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesPanel.d.ts","sourceRoot":"","sources":["../../src/imageEditor/PropertiesPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGpD,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,YAAY,CAAC;IAClB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAgBvF"}

package/dist/imageEditor/PropertiesPanel.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { NoneIcon } from './icons.js';
+export function PropertiesPanel({ doc, selectedLayerId, dispatch }) {
+    const selected = selectedLayerId
+        ? (doc.layers.find((l) => l.id === selectedLayerId) ?? null)
+        : null;
+    return (_jsxs("div", { className: "squisq-image-editor-properties", "data-testid": "image-editor-properties", children: [_jsx("div", { className: "squisq-image-editor-panel-header", children: "Properties" }), _jsx(CanvasSection, { doc: doc, dispatch: dispatch }), selected ? (_jsx(LayerSection, { layer: selected, dispatch: dispatch })) : (_jsx("div", { className: "squisq-image-editor-properties-empty", children: "No layer selected" }))] }));
+}
+// ============================================
+// Canvas section
+// ============================================
+function CanvasSection({ doc, dispatch, }) {
+    const setCanvas = (patch) => {
+        dispatch({ type: 'set-canvas', canvas: { ...doc.canvas, ...patch } });
+    };
+    return (_jsxs("fieldset", { className: "squisq-image-editor-fieldset", children: [_jsx("legend", { children: "Canvas" }), _jsx(NumberField, { label: "Width", value: doc.canvas.width, min: 1, onChange: (v) => setCanvas({ width: Math.round(v) }) }), _jsx(NumberField, { label: "Height", value: doc.canvas.height, min: 1, onChange: (v) => setCanvas({ height: Math.round(v) }) }), _jsx(ColorField, { label: "Background", value: doc.canvas.background ?? 'transparent', allowTransparent: true, onChange: (v) => setCanvas({ background: v }) })] }));
+}
+// ============================================
+// Layer section
+// ============================================
+function LayerSection({ layer, dispatch, }) {
+    const update = (patch) => dispatch({ type: 'update-layer', layerId: layer.id, patch });
+    return (_jsxs(_Fragment, { children: [_jsxs("fieldset", { className: "squisq-image-editor-fieldset", children: [_jsx("legend", { children: "Layer" }), _jsx(TextField, { label: "Name", value: layer.name ?? '', onChange: (name) => update({ name }) }), _jsx(NumberField, { label: "Opacity", value: layer.opacity ?? 1, min: 0, max: 1, step: 0.05, onChange: (opacity) => update({ opacity }) })] }), _jsx(PositionFields, { layer: layer, update: update }), layer.type === 'image' && _jsx(ImageFields, { layer: layer, update: update }), layer.type === 'text' && _jsx(TextFields, { layer: layer, update: update }), layer.type === 'shape' && _jsx(ShapeFields, { layer: layer, update: update })] }));
+}
+function PositionFields({ layer, update, }) {
+    const p = layer.position;
+    const setPos = (patch) => update({ position: { ...p, ...patch } });
+    return (_jsxs("fieldset", { className: "squisq-image-editor-fieldset", children: [_jsx("legend", { children: "Position" }), _jsx(NumberField, { label: "X", value: typeof p.x === 'number' ? p.x : 0, onChange: (x) => setPos({ x: Math.round(x) }) }), _jsx(NumberField, { label: "Y", value: typeof p.y === 'number' ? p.y : 0, onChange: (y) => setPos({ y: Math.round(y) }) }), _jsx(NumberField, { label: "Width", value: typeof p.width === 'number' ? p.width : 0, onChange: (width) => setPos({ width: Math.round(width) }) }), _jsx(NumberField, { label: "Height", value: typeof p.height === 'number' ? p.height : 0, onChange: (height) => setPos({ height: Math.round(height) }) })] }));
+}
+function ImageFields({ layer, update, }) {
+    const c = layer.content;
+    const setContent = (patch) => update({ content: { ...c, ...patch } });
+    return (_jsxs("fieldset", { className: "squisq-image-editor-fieldset", children: [_jsx("legend", { children: "Image" }), _jsx(TextField, { label: "Alt", value: c.alt ?? '', onChange: (alt) => setContent({ alt }) }), _jsx(SelectField, { label: "Fit", value: c.fit ?? 'fill', options: [
+                    ['fill', 'Fill'],
+                    ['contain', 'Contain'],
+                    ['cover', 'Cover'],
+                ], onChange: (fit) => setContent({ fit: fit }) })] }));
+}
+function TextFields({ layer, update, }) {
+    const c = layer.content;
+    const setContent = (patch) => update({ content: { ...c, ...patch } });
+    const setStyle = (patch) => setContent({ style: { ...c.style, ...patch } });
+    return (_jsxs("fieldset", { className: "squisq-image-editor-fieldset", children: [_jsx("legend", { children: "Text" }), _jsx(TextAreaField, { label: "Text", value: c.text, onChange: (text) => setContent({ text }) }), _jsx(NumberField, { label: "Font size", value: c.style.fontSize, min: 1, onChange: (fontSize) => setStyle({ fontSize: Math.round(fontSize) }) }), _jsx(ColorField, { label: "Color", value: c.style.color, onChange: (color) => setStyle({ color }) }), _jsx(SelectField, { label: "Weight", value: c.style.fontWeight ?? 'normal', options: [
+                    ['normal', 'Normal'],
+                    ['bold', 'Bold'],
+                ], onChange: (fontWeight) => setStyle({ fontWeight: fontWeight }) }), _jsx(SelectField, { label: "Align", value: c.style.textAlign ?? 'left', options: [
+                    ['left', 'Left'],
+                    ['center', 'Center'],
+                    ['right', 'Right'],
+                ], onChange: (textAlign) => setStyle({ textAlign: textAlign }) })] }));
+}
+function ShapeFields({ layer, update, }) {
+    const c = layer.content;
+    const setContent = (patch) => update({ content: { ...c, ...patch } });
+    return (_jsxs("fieldset", { className: "squisq-image-editor-fieldset", children: [_jsx("legend", { children: "Shape" }), _jsx(SelectField, { label: "Shape", value: c.shape, options: [
+                    ['rect', 'Rectangle'],
+                    ['circle', 'Circle'],
+                    ['line', 'Line'],
+                ], onChange: (shape) => setContent({ shape: shape }) }), _jsx(ColorField, { label: "Fill", value: c.fill ?? '#000000', allowTransparent: true, onChange: (fill) => setContent({ fill }) }), _jsx(ColorField, { label: "Stroke", value: c.stroke ?? '#000000', allowTransparent: true, onChange: (stroke) => setContent({ stroke }) }), _jsx(NumberField, { label: "Stroke width", value: c.strokeWidth ?? 0, min: 0, onChange: (strokeWidth) => setContent({ strokeWidth }) }), c.shape === 'rect' && (_jsx(NumberField, { label: "Corner radius", value: c.borderRadius ?? 0, min: 0, onChange: (borderRadius) => setContent({ borderRadius: Math.round(borderRadius) }) }))] }));
+}
+// ============================================
+// Field primitives
+// ============================================
+function NumberField({ label, value, min, max, step, onChange, }) {
+    return (_jsxs("label", { className: "squisq-image-editor-field", children: [_jsx("span", { children: label }), _jsx("input", { type: "number", value: Number.isFinite(value) ? value : 0, min: min, max: max, step: step ?? 1, onChange: (e) => {
+                    const n = Number(e.target.value);
+                    if (Number.isFinite(n))
+                        onChange(n);
+                } })] }));
+}
+function TextField({ label, value, onChange, }) {
+    return (_jsxs("label", { className: "squisq-image-editor-field", children: [_jsx("span", { children: label }), _jsx("input", { type: "text", value: value, onChange: (e) => onChange(e.target.value) })] }));
+}
+function TextAreaField({ label, value, onChange, }) {
+    return (_jsxs("label", { className: "squisq-image-editor-field squisq-image-editor-field--multiline", children: [_jsx("span", { children: label }), _jsx("textarea", { rows: 3, value: value, onChange: (e) => onChange(e.target.value) })] }));
+}
+function SelectField({ label, value, options, onChange, }) {
+    return (_jsxs("label", { className: "squisq-image-editor-field", children: [_jsx("span", { children: label }), _jsx("select", { value: value, onChange: (e) => onChange(e.target.value), children: options.map(([v, l]) => (_jsx("option", { value: v, children: l }, v))) })] }));
+}
+function ColorField({ label, value, allowTransparent, onChange, }) {
+    const isTransparent = value === 'transparent' || value === 'none';
+    return (_jsxs("label", { className: "squisq-image-editor-field", children: [_jsx("span", { children: label }), _jsxs("span", { className: "squisq-image-editor-color-row", children: [_jsx("input", { type: "color", value: isTransparent ? '#000000' : normalizeColor(value), onChange: (e) => onChange(e.target.value) }), _jsx("input", { type: "text", value: value, onChange: (e) => onChange(e.target.value), spellCheck: false }), allowTransparent && (_jsx("button", { type: "button", onClick: () => onChange('transparent'), title: "Set transparent", "aria-label": "Set transparent", className: "squisq-image-editor-color-clear", children: _jsx(NoneIcon, {}) }))] })] }));
+}
+function normalizeColor(v) {
+    if (/^#[0-9a-f]{6}$/i.test(v))
+        return v;
+    if (/^#[0-9a-f]{3}$/i.test(v)) {
+        return ('#' +
+            v
+                .slice(1)
+                .split('')
+                .map((c) => c + c)
+                .join(''));
+    }
+    return '#000000';
+}
+//# sourceMappingURL=PropertiesPanel.js.map

package/dist/imageEditor/PropertiesPanel.js.map

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

package/dist/imageEditor/Toolbar.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Toolbar — tool selector, layer-creation buttons, file-bin uploader,
+ * and a Save/Export button. Versioning controls live in
+ * `<ImageEditor>` so the toolbar stays purely about authoring tools.
+ */
+import type { ImageEditDoc } from '@bendyline/squisq/schemas';
+import type { ImageEditorAction, ImageEditorTool } from './state.js';
+export interface ToolbarProps {
+    doc: ImageEditDoc;
+    tool: ImageEditorTool;
+    dispatch: (a: ImageEditorAction) => void;
+    /** Upload an image asset and return its sidecar-relative path. */
+    uploadAsset: (file: Blob, suggestedName?: string) => Promise<string>;
+    /** Trigger an export (PNG/JPEG/WebP) of the flattened canvas. */
+    onExport: (format: 'png' | 'jpeg' | 'webp') => void;
+    /** Force-flush the state.json (host's "save" button). */
+    onSave?: () => void;
+    /** Override the Save button label. Default: "Save". */
+    saveLabel?: string;
+    /** Override the Save button tooltip. Default: "Save state.json". */
+    saveTitle?: string;
+    /**
+     * Optional extra controls rendered just before the Save / Export
+     * buttons in the right-aligned tool group. Used by `<ImageEditor>` to
+     * mount the version-history dropdown when versioning is enabled.
+     */
+    extraTools?: React.ReactNode;
+}
+export declare function Toolbar({ doc, tool, dispatch, uploadAsset, onExport, onSave, saveLabel, saveTitle, extraTools, }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/imageEditor/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/imageEditor/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGrE,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,YAAY,CAAC;IAClB,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzC,kEAAkE;IAClE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACrE,iEAAiE;IACjE,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACpD,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAaD,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAkB,EAClB,SAA6B,EAC7B,UAAU,GACX,EAAE,YAAY,2CA6Fd"}