@bendyline/squisq-editor-react 1.4.0 → 1.5.0

package/dist/ImageEditor.js

@@ -0,0 +1,166 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ImageEditor — top-level shell that wires together the toolbar,
+ * canvas surface, layers panel, and properties panel against an
+ * `ImageEditDoc` persisted in a sidecar `ContentContainer`.
+ *
+ * Hosts pass an already-scoped container (typically built with
+ * `scopeContainer(parent, basename + '_files')`). On first mount, if
+ * the sidecar has no `state.json`, the editor seeds it from
+ * `initialSrc` — the source bytes are copied to `assets/source.<ext>`
+ * so the doc is portable and round-trips through ZIP serialization.
+ *
+ * The export pipeline is `state.json` → SVG → raster blob via
+ * `exportImageEditDoc` from `@bendyline/squisq/imageEdit`.
+ */
+import { useCallback, useState } from 'react';
+import { exportImageEditDoc } from '@bendyline/squisq/imageEdit';
+import { CanvasSurface } from './imageEditor/CanvasSurface.js';
+import { ImageVersionHistoryDropdown } from './imageEditor/ImageVersionHistoryDropdown.js';
+import { LayersPanel } from './imageEditor/LayersPanel.js';
+import { PropertiesPanel } from './imageEditor/PropertiesPanel.js';
+import { Toolbar } from './imageEditor/Toolbar.js';
+import { useImageEditor } from './imageEditor/useImageEditor.js';
+import { useImageEditorTokens } from './imageEditor/useImageEditorTokens.js';
+export function ImageEditor(props) {
+    const { filesContainer, initialSrc, stateFilename, allowVersioning, versioningAutoSaveIdleMs, onExport, saveBehavior = 'flush', saveFormat = 'png', saveLabel, saveTitle, theme, surface, className, } = props;
+    const tokens = useImageEditorTokens(theme, surface);
+    const { state, dispatch, flush, resolveAssetUrl, uploadAsset, versioning, ready, error } = useImageEditor({
+        container: filesContainer,
+        initialSrc,
+        stateFilename,
+        allowVersioning,
+        versioningAutoSaveIdleMs,
+    });
+    // Bumped after every save/version write so the history popover
+    // re-lists without polling.
+    const [historyRefreshKey, setHistoryRefreshKey] = useState(0);
+    const handleExport = useCallback(async (format) => {
+        if (!state)
+            return;
+        try {
+            const blob = await exportImageEditDoc(state.doc, filesContainer, { format });
+            if (onExport) {
+                onExport(blob, format);
+            }
+            else {
+                // Default behavior: trigger a browser download.
+                const url = URL.createObjectURL(blob);
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = `image.${format === 'jpeg' ? 'jpg' : format}`;
+                document.body.appendChild(a);
+                a.click();
+                document.body.removeChild(a);
+                URL.revokeObjectURL(url);
+            }
+        }
+        catch (err) {
+            console.warn('[squisq-editor] image export failed:', err instanceof Error ? err.message : err);
+        }
+    }, [state, filesContainer, onExport]);
+    /**
+     * Save-and-close pipeline. Critical: we must `await flush()` *before*
+     * triggering the export, otherwise the parent modal may close (via the
+     * `onExport` chain) before the debounced state.json write fires —
+     * losing any layer/edit changes since the last debounce. We also save
+     * a version snapshot so the history dropdown captures the moment of
+     * save and the user can revert later.
+     */
+    const handleSaveAndClose = useCallback(async () => {
+        try {
+            await flush();
+            if (versioning) {
+                try {
+                    await versioning.saveVersion();
+                    setHistoryRefreshKey((k) => k + 1);
+                }
+                catch (err) {
+                    console.warn('[squisq-editor] image-edit save-version failed:', err instanceof Error ? err.message : err);
+                }
+            }
+            await handleExport(saveFormat);
+        }
+        catch (err) {
+            console.warn('[squisq-editor] image-edit save-and-close failed:', err instanceof Error ? err.message : err);
+        }
+    }, [flush, versioning, handleExport, saveFormat]);
+    /**
+     * Revert `state.json` (and the in-memory editor state) to a prior
+     * snapshot. We delegate to `versioning.revertToVersion` so the
+     * sidecar write happens through the same code path as direct API
+     * use, including a snapshot of the *current* state before overwrite
+     * — that way the user can undo a revert via the same dropdown.
+     */
+    const handleRevertToVersion = useCallback(async (version) => {
+        if (!versioning)
+            return;
+        // Cancel any pending debounced write so it can't clobber the
+        // reverted state.json after we replace it.
+        try {
+            await flush();
+        }
+        catch {
+            /* swallow — best effort */
+        }
+        const result = await versioning.revertToVersion(version);
+        if (!result.reverted)
+            return;
+        const doc = await versioning.readVersion(version);
+        if (doc) {
+            dispatch({ type: 'load', doc });
+            // Bump the history list so the just-saved \"pre-revert\"
+            // snapshot shows up in the dropdown.
+            setHistoryRefreshKey((k) => k + 1);
+        }
+    }, [dispatch, flush, versioning]);
+    const handleCreateTextAt = useCallback((x, y) => {
+        dispatch({
+            type: 'add-layer',
+            layer: {
+                type: 'text',
+                name: 'Text',
+                position: { x: Math.round(x), y: Math.round(y), width: 240, height: 48 },
+                content: {
+                    text: 'New text',
+                    style: { fontSize: 32, color: '#111111', fontFamily: 'sans-serif' },
+                },
+            },
+        });
+        dispatch({ type: 'set-tool', tool: 'select' });
+    }, [dispatch]);
+    const handleCreateShapeAt = useCallback((x, y) => {
+        dispatch({
+            type: 'add-layer',
+            layer: {
+                type: 'shape',
+                name: 'Rectangle',
+                position: {
+                    x: Math.round(x - 60),
+                    y: Math.round(y - 40),
+                    width: 120,
+                    height: 80,
+                },
+                content: {
+                    shape: 'rect',
+                    fill: '#3399ff',
+                    stroke: '#1a4d80',
+                    strokeWidth: 2,
+                    borderRadius: 8,
+                },
+            },
+        });
+        dispatch({ type: 'set-tool', tool: 'select' });
+    }, [dispatch]);
+    if (error) {
+        return (_jsx("div", { className: ['squisq-image-editor', className].filter(Boolean).join(' '), style: tokens.style, children: _jsxs("div", { className: "squisq-image-editor-error", children: ["Failed to load image editor: ", error.message] }) }));
+    }
+    if (!ready || !state) {
+        return (_jsx("div", { className: ['squisq-image-editor', className].filter(Boolean).join(' '), style: tokens.style, children: _jsx("div", { className: "squisq-image-editor-loading", children: "Loading image editor\u2026" }) }));
+    }
+    return (_jsxs("div", { className: ['squisq-image-editor', className].filter(Boolean).join(' '), style: tokens.style, "data-testid": "image-editor", children: [_jsx(Toolbar, { doc: state.doc, tool: state.tool, dispatch: dispatch, uploadAsset: uploadAsset, onExport: handleExport, onSave: saveBehavior === 'export' ? handleSaveAndClose : flush, saveLabel: saveLabel ?? (saveBehavior === 'export' ? 'Save and close' : 'Save'), saveTitle: saveTitle ??
+                    (saveBehavior === 'export'
+                        ? `Rasterize and save as ${saveFormat.toUpperCase()}`
+                        : 'Save state.json'), extraTools: versioning ? (_jsx(ImageVersionHistoryDropdown, { versioning: versioning, container: filesContainer, onRevert: handleRevertToVersion, refreshKey: historyRefreshKey })) : null }), _jsxs("div", { className: "squisq-image-editor-body", children: [_jsx("div", { className: "squisq-image-editor-center", children: _jsx(CanvasSurface, { doc: state.doc, selectedLayerId: state.selectedLayerId, tool: state.tool, resolveAssetUrl: resolveAssetUrl, dispatch: dispatch, onCreateTextAt: handleCreateTextAt, onCreateShapeAt: handleCreateShapeAt }) }), _jsxs("div", { className: "squisq-image-editor-side", children: [_jsx(LayersPanel, { doc: state.doc, selectedLayerId: state.selectedLayerId, dispatch: dispatch }), _jsx(PropertiesPanel, { doc: state.doc, selectedLayerId: state.selectedLayerId, dispatch: dispatch })] })] })] }));
+}
+//# sourceMappingURL=ImageEditor.js.map

package/dist/ImageEditor.js.map

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

package/dist/ImageNodeView.d.ts

@@ -6,10 +6,22 @@
  *
  * The ProseMirror node retains the original relative path so markdown roundtrip
  * is preserved — only the rendered DOM uses the resolved URL.
+ *
+ * When the image is hovered or selected, a small floating "Edit" affordance
+ * appears in the top-right corner — clicking it calls `openImageEdit` on the
+ * editor context, which `<EditorShell>` consumes to open a modal
+ * `<ImageEditor>` on the source path. Only shown for paths that are
+ * relative (i.e. live in the document's media container).
  */
 /**
  * Image extension with a custom React NodeView that resolves URLs
- * through the EditorContext's MediaProvider.
+ * through the EditorContext's MediaProvider, plus author-controlled
+ * width/height attributes for in-editor resizing.
+ *
+ * When `width` (and optionally `height`) is set, the markdown serializer
+ * (`tiptapToMarkdown` in `tiptapBridge.ts`) emits an HTML `<img>` tag
+ * rather than the `![alt](src)` shorthand so dimensions survive a
+ * markdown ↔ WYSIWYG round-trip.
  */
 export declare const ImageWithMediaProvider: import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any>;
 //# sourceMappingURL=ImageNodeView.d.ts.map

package/dist/ImageNodeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageNodeView.d.ts","sourceRoot":"","sources":["../src/ImageNodeView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAkEH;;;GAGG;AACH,eAAO,MAAM,sBAAsB,kFAIjC,CAAC"}
+{"version":3,"file":"ImageNodeView.d.ts","sourceRoot":"","sources":["../src/ImageNodeView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AA4NH;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,kFAuCjC,CAAC"}

package/dist/ImageNodeView.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * ImageNodeView — Custom Tiptap NodeView for images.
  *
@@ -7,28 +7,49 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * The ProseMirror node retains the original relative path so markdown roundtrip
  * is preserved — only the rendered DOM uses the resolved URL.
+ *
+ * When the image is hovered or selected, a small floating "Edit" affordance
+ * appears in the top-right corner — clicking it calls `openImageEdit` on the
+ * editor context, which `<EditorShell>` consumes to open a modal
+ * `<ImageEditor>` on the source path. Only shown for paths that are
+ * relative (i.e. live in the document's media container).
  */
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';
 import Image from '@tiptap/extension-image';
 import { useEditorContext } from './EditorContext';
-function ImageComponent({ node }) {
-    const { src, alt, title } = node.attrs;
-    const { mediaProvider, imageDisplayMode } = useEditorContext();
+import { normalizeMalformedAssetUrl } from './utils/normalizeMalformedAssetUrl';
+function ImageComponent({ node, selected, editor, updateAttributes }) {
+    const { src, alt, title, width } = node.attrs;
+    const { mediaProvider, imageDisplayMode, openImageEdit, mediaRevision } = useEditorContext();
     const [resolvedSrc, setResolvedSrc] = useState(src);
+    const [hovered, setHovered] = useState(false);
+    const imgRef = useRef(null);
+    // Live preview width while a resize gesture is in flight. Null means
+    // "use the persisted width attr". Committed to node attrs on mouseup.
+    const [previewWidth, setPreviewWidth] = useState(null);
     const isThumbnail = imageDisplayMode === 'thumbnail';
+    const isEditable = editor?.isEditable ?? true;
+    // MS "Save Page As Web Page" / pandoc-style imports sometimes leave
+    // image srcs in the shape `http://<doc>_files/<asset>` — the asset
+    // folder got URL-parsed as a hostname because no scheme separator was
+    // ever there. Detect that shape (bare hostname, no dots/ports, ending
+    // in `_files`) and recover the original relative path so the media
+    // provider can resolve it from the workspace.
+    const normalizedRelativePath = normalizeMalformedAssetUrl(src);
     const isRelative = src &&
         !src.startsWith('blob:') &&
         !src.startsWith('http') &&
         !src.startsWith('data:') &&
         !src.startsWith('/');
+    const resolveAs = normalizedRelativePath ?? (isRelative ? src : null);
     useEffect(() => {
-        if (!mediaProvider || !isRelative) {
+        if (!mediaProvider || !resolveAs) {
             setResolvedSrc(src);
             return;
         }
         let cancelled = false;
-        mediaProvider.resolveUrl(src).then((resolved) => {
+        mediaProvider.resolveUrl(resolveAs).then((resolved) => {
             if (!cancelled)
                 setResolvedSrc(resolved);
         }, () => {
@@ -38,23 +59,155 @@ function ImageComponent({ node }) {
         return () => {
             cancelled = true;
         };
-    }, [src, mediaProvider, isRelative]);
-    return (_jsx(NodeViewWrapper, { as: "figure", style: { margin: '0.5em 0' }, children: _jsx("img", { src: resolvedSrc, alt: alt || '', title: title || undefined, className: isThumbnail ? 'squisq-image squisq-image--thumbnail' : 'squisq-image', style: isThumbnail
-                ? {
-                    maxWidth: '100px',
-                    maxHeight: '100px',
-                    width: 'auto',
-                    height: 'auto',
-                    objectFit: 'contain',
-                    display: 'block',
-                }
-                : { maxWidth: '100%', height: 'auto', display: 'block' } }) }));
+        // `mediaRevision` is bumped after the image editor writes back to the
+        // same path — re-resolve so we pick up the fresh blob URL.
+    }, [src, resolveAs, mediaProvider, mediaRevision]);
+    // The Edit affordance is only meaningful when:
+    //  - the editor is editable (read-only previews skip it),
+    //  - the path is relative (lives in the doc's container, so the editor
+    //    can read+write it back), and
+    //  - a media provider is wired (the modal resolves the URL through it).
+    const canEdit = isEditable && isRelative && mediaProvider !== null;
+    const showAffordance = canEdit && (selected || hovered);
+    // Resize handle is shown for any selected image in an editable view —
+    // even non-relative ones (external URLs, data URIs) — so authors can
+    // size remote pictures the same way as local ones.
+    const canResize = isEditable && !isThumbnail;
+    const showResize = canResize && (selected || hovered);
+    // Effective render width: live preview while dragging, otherwise the
+    // persisted attr. Height is always derived from the natural aspect
+    // ratio of the image element so authors can't accidentally squash it.
+    const effectiveWidth = previewWidth ?? width ?? null;
+    const beginResize = (event) => {
+        if (!canResize)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const imgEl = imgRef.current;
+        if (!imgEl)
+            return;
+        const startWidth = imgEl.getBoundingClientRect().width;
+        const startX = event.clientX;
+        // Cap at the image's natural width so dragging out doesn't upscale
+        // past the source pixels (which just looks blurry).
+        const maxWidth = imgEl.naturalWidth || Infinity;
+        const minWidth = 24;
+        const onMove = (e) => {
+            const next = Math.max(minWidth, Math.min(maxWidth, startWidth + (e.clientX - startX)));
+            setPreviewWidth(Math.round(next));
+        };
+        const onUp = (e) => {
+            window.removeEventListener('mousemove', onMove);
+            window.removeEventListener('mouseup', onUp);
+            const finalWidth = Math.max(minWidth, Math.min(maxWidth, startWidth + (e.clientX - startX)));
+            const naturalW = imgEl.naturalWidth;
+            const naturalH = imgEl.naturalHeight;
+            const w = Math.round(finalWidth);
+            const h = naturalW > 0 && naturalH > 0 ? Math.round((w * naturalH) / naturalW) : null;
+            setPreviewWidth(null);
+            updateAttributes({ width: w, height: h });
+        };
+        window.addEventListener('mousemove', onMove);
+        window.addEventListener('mouseup', onUp);
+    };
+    const resetSize = (event) => {
+        if (!canResize)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        setPreviewWidth(null);
+        updateAttributes({ width: null, height: null });
+    };
+    const baseStyle = isThumbnail
+        ? {
+            maxWidth: '100px',
+            maxHeight: '100px',
+            width: 'auto',
+            height: 'auto',
+            objectFit: 'contain',
+            display: 'block',
+        }
+        : effectiveWidth
+            ? {
+                width: `${effectiveWidth}px`,
+                maxWidth: '100%',
+                height: 'auto',
+                display: 'block',
+            }
+            : { maxWidth: '100%', height: 'auto', display: 'block' };
+    return (_jsxs(NodeViewWrapper, { as: "figure", 
+        // `data-drag-handle` tells ProseMirror that drags starting on this
+        // wrapper are NODE moves (not OS-level image drags). Without it,
+        // grabbing the inner `<img>` fires the browser's default image-drag
+        // behaviour: the picture is packaged as a virtual file in
+        // `dataTransfer.files`, the drop is treated as an external upload,
+        // and the source node is never removed — producing a duplicate.
+        // Combined with `draggable: true` in the node spec, this gives
+        // ProseMirror's default dropHandler a real internal move which
+        // preserves the `width`/`height` attrs and deletes the original.
+        draggable: true, "data-drag-handle": true, style: { margin: '0.5em 0', position: 'relative', display: 'inline-block', maxWidth: '100%' }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsx("img", { ref: imgRef, src: resolvedSrc, alt: alt || '', title: title || undefined, className: isThumbnail ? 'squisq-image squisq-image--thumbnail' : 'squisq-image', style: baseStyle, 
+                // Disable the inner `<img>`'s native HTML5 drag so the gesture is
+                // captured by the wrapper's `data-drag-handle` instead. (Without
+                // this the browser still emits its own dragstart on the image
+                // and ProseMirror sees an external file drop.)
+                draggable: false, onDragStart: (e) => e.preventDefault(), "data-selected": selected ? 'true' : undefined }), showAffordance && (_jsxs("button", { type: "button", className: "squisq-image-edit-affordance", "data-testid": "image-edit-affordance", 
+                // Stop the click from re-selecting the ProseMirror node and from
+                // bubbling to host handlers like file-drop overlays.
+                onMouseDown: (e) => e.preventDefault(), onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    openImageEdit(src);
+                }, title: "Edit image", "aria-label": `Edit image ${alt || src}`, children: [_jsx("span", { "aria-hidden": "true", style: { fontSize: '0.95em', lineHeight: 1 }, children: "\u270E" }), _jsx("span", { children: "Edit" })] })), showResize && (_jsxs(_Fragment, { children: [_jsx("span", { className: "squisq-image-resize-handle", "data-testid": "image-resize-handle", onMouseDown: beginResize, 
+                        // Double-click clears the persisted width/height so the image
+                        // returns to its natural rendered size.
+                        onDoubleClick: resetSize, title: "Drag to resize \u00B7 double-click to reset", "aria-label": "Resize image", role: "separator" }), (previewWidth != null || width != null) && (_jsxs("span", { className: "squisq-image-resize-readout", "aria-hidden": "true", children: [Math.round(effectiveWidth ?? 0), "px"] }))] }))] }));
 }
 /**
  * Image extension with a custom React NodeView that resolves URLs
- * through the EditorContext's MediaProvider.
+ * through the EditorContext's MediaProvider, plus author-controlled
+ * width/height attributes for in-editor resizing.
+ *
+ * When `width` (and optionally `height`) is set, the markdown serializer
+ * (`tiptapToMarkdown` in `tiptapBridge.ts`) emits an HTML `<img>` tag
+ * rather than the `![alt](src)` shorthand so dimensions survive a
+ * markdown ↔ WYSIWYG round-trip.
  */
 export const ImageWithMediaProvider = Image.extend({
+    // Mark the node draggable so ProseMirror handles drag-to-reposition
+    // as an internal node move (preserves `width`/`height` attrs and
+    // removes the source node automatically). Combined with the
+    // `data-drag-handle` on the NodeViewWrapper, this is what makes the
+    // `moved` flag true in `handleDrop` so the editor's file-upload path
+    // doesn't fire on a drag-reorder.
+    draggable: true,
+    addAttributes() {
+        const parent = this.parent?.() ?? {};
+        return {
+            ...parent,
+            width: {
+                default: null,
+                parseHTML: (element) => {
+                    const raw = element.getAttribute('width');
+                    if (!raw)
+                        return null;
+                    const n = parseInt(raw, 10);
+                    return Number.isFinite(n) && n > 0 ? n : null;
+                },
+                renderHTML: (attrs) => attrs.width ? { width: String(attrs.width) } : {},
+            },
+            height: {
+                default: null,
+                parseHTML: (element) => {
+                    const raw = element.getAttribute('height');
+                    if (!raw)
+                        return null;
+                    const n = parseInt(raw, 10);
+                    return Number.isFinite(n) && n > 0 ? n : null;
+                },
+                renderHTML: (attrs) => attrs.height ? { height: String(attrs.height) } : {},
+            },
+        };
+    },
     addNodeView() {
         return ReactNodeViewRenderer(ImageComponent);
     },

package/dist/ImageNodeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageNodeView.js","sourceRoot":"","sources":["../src/ImageNodeView.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,SAAS,cAAc,CAAC,EAAE,IAAI,EAAiB;IAC7C,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAoD,CAAC;IACtF,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,gBAAgB,KAAK,WAAW,CAAC;IAErD,MAAM,UAAU,GACd,GAAG;QACH,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;QACxB,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;QACvB,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;QACxB,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,cAAc,CAAC,GAAG,CAAC,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,CAChC,CAAC,QAAQ,EAAE,EAAE;YACX,IAAI,CAAC,SAAS;gBAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC3C,CAAC,EACD,GAAG,EAAE;YACH,IAAI,CAAC,SAAS;gBAAE,cAAc,CAAC,GAAG,CAAC,CAAC;QACtC,CAAC,CACF,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAErC,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YACvD,cACE,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE,GAAG,IAAI,EAAE,EACd,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,cAAc,EAChF,KAAK,EACH,WAAW;gBACT,CAAC,CAAC;oBACE,QAAQ,EAAE,OAAO;oBACjB,SAAS,EAAE,OAAO;oBAClB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE,SAAS;oBACpB,OAAO,EAAE,OAAO;iBACjB;gBACH,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAE5D,GACc,CACnB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,CAAC;IACjD,WAAW;QACT,OAAO,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAC/C,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"ImageNodeView.js","sourceRoot":"","sources":["../src/ImageNodeView.tsx"],"names":[],"mappings":"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"}

package/dist/ImageViewer.d.ts

@@ -0,0 +1,26 @@
+/**
+ * ImageViewer
+ *
+ * Read-only image viewer used when EditorShell runs in `image` file mode
+ * (PNG/JPEG/etc.). Renders a centered image that fits its container with
+ * a small overlay toolbar for fit / 100% / zoom in / zoom out, and a
+ * status row showing intrinsic dimensions and current zoom.
+ *
+ * Lifecycle of the `src` URL is the caller's responsibility — when fed a
+ * blob URL, the host should `URL.revokeObjectURL` on unmount or src change.
+ *
+ * Future image-editing actions (rotate, flip, crop) will slot in alongside
+ * the existing zoom controls.
+ */
+export interface ImageViewerProps {
+    /** Image source — typically a blob: URL the host owns and revokes. */
+    src: string;
+    /** Alt text for accessibility. Defaults to empty string (decorative). */
+    alt?: string;
+    /** Additional class name on the outer container. */
+    className?: string;
+    /** Color theme for the chrome around the image. */
+    theme?: 'light' | 'dark';
+}
+export declare function ImageViewer({ src, alt, className, theme }: ImageViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageViewer.d.ts.map

package/dist/ImageViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageViewer.d.ts","sourceRoot":"","sources":["../src/ImageViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAKH,MAAM,WAAW,gBAAgB;IAC/B,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAQD,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,GAAQ,EAAE,SAAS,EAAE,KAAe,EAAE,EAAE,gBAAgB,2CAyL1F"}

package/dist/ImageViewer.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ImageViewer
+ *
+ * Read-only image viewer used when EditorShell runs in `image` file mode
+ * (PNG/JPEG/etc.). Renders a centered image that fits its container with
+ * a small overlay toolbar for fit / 100% / zoom in / zoom out, and a
+ * status row showing intrinsic dimensions and current zoom.
+ *
+ * Lifecycle of the `src` URL is the caller's responsibility — when fed a
+ * blob URL, the host should `URL.revokeObjectURL` on unmount or src change.
+ *
+ * Future image-editing actions (rotate, flip, crop) will slot in alongside
+ * the existing zoom controls.
+ */
+import { useCallback, useEffect, useRef, useState } from 'react';
+const MIN_ZOOM = 0.1;
+const MAX_ZOOM = 16;
+const ZOOM_STEP = 1.25;
+export function ImageViewer({ src, alt = '', className, theme = 'light' }) {
+    const imgRef = useRef(null);
+    const stageRef = useRef(null);
+    const [naturalSize, setNaturalSize] = useState(null);
+    const [fitZoom, setFitZoom] = useState(1);
+    const [state, setState] = useState({ mode: 'fit' });
+    const [pan, setPan] = useState({ x: 0, y: 0 });
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        setNaturalSize(null);
+        setState({ mode: 'fit' });
+        setPan({ x: 0, y: 0 });
+        setError(null);
+    }, [src]);
+    const recomputeFitZoom = useCallback(() => {
+        const stage = stageRef.current;
+        if (!stage || !naturalSize)
+            return;
+        const { clientWidth, clientHeight } = stage;
+        if (clientWidth === 0 || clientHeight === 0)
+            return;
+        const fit = Math.min(clientWidth / naturalSize.w, clientHeight / naturalSize.h, 1);
+        setFitZoom(fit > 0 ? fit : 1);
+    }, [naturalSize]);
+    useEffect(() => {
+        recomputeFitZoom();
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const stage = stageRef.current;
+        if (!stage)
+            return;
+        const ro = new ResizeObserver(() => recomputeFitZoom());
+        ro.observe(stage);
+        return () => ro.disconnect();
+    }, [recomputeFitZoom]);
+    const handleLoad = useCallback(() => {
+        const img = imgRef.current;
+        if (!img)
+            return;
+        setNaturalSize({ w: img.naturalWidth, h: img.naturalHeight });
+    }, []);
+    const handleError = useCallback(() => {
+        setError('Failed to load image');
+    }, []);
+    const effectiveZoom = state.mode === 'fit' ? fitZoom : state.zoom;
+    const setZoom = useCallback((next) => {
+        const clamped = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, next));
+        setState({ mode: 'manual', zoom: clamped });
+    }, []);
+    const onFit = useCallback(() => {
+        setState({ mode: 'fit' });
+        setPan({ x: 0, y: 0 });
+    }, []);
+    const onActual = useCallback(() => {
+        setZoom(1);
+        setPan({ x: 0, y: 0 });
+    }, [setZoom]);
+    const onZoomIn = useCallback(() => setZoom(effectiveZoom * ZOOM_STEP), [effectiveZoom, setZoom]);
+    const onZoomOut = useCallback(() => setZoom(effectiveZoom / ZOOM_STEP), [effectiveZoom, setZoom]);
+    const dragRef = useRef(null);
+    const onMouseDown = useCallback((e) => {
+        if (effectiveZoom <= fitZoom)
+            return;
+        dragRef.current = { startX: e.clientX, startY: e.clientY, panX: pan.x, panY: pan.y };
+        e.preventDefault();
+    }, [effectiveZoom, fitZoom, pan.x, pan.y]);
+    useEffect(() => {
+        const onMove = (e) => {
+            const drag = dragRef.current;
+            if (!drag)
+                return;
+            setPan({
+                x: drag.panX + (e.clientX - drag.startX),
+                y: drag.panY + (e.clientY - drag.startY),
+            });
+        };
+        const onUp = () => {
+            dragRef.current = null;
+        };
+        window.addEventListener('mousemove', onMove);
+        window.addEventListener('mouseup', onUp);
+        return () => {
+            window.removeEventListener('mousemove', onMove);
+            window.removeEventListener('mouseup', onUp);
+        };
+    }, []);
+    const isPannable = effectiveZoom > fitZoom + 1e-6;
+    const imgStyle = naturalSize
+        ? {
+            width: `${naturalSize.w * effectiveZoom}px`,
+            height: `${naturalSize.h * effectiveZoom}px`,
+            transform: `translate(${pan.x}px, ${pan.y}px)`,
+        }
+        : { maxWidth: '100%', maxHeight: '100%' };
+    const containerCls = ['squisq-image-viewer', `squisq-image-viewer--${theme}`, className]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("div", { className: containerCls, "data-testid": "image-viewer", children: [_jsxs("div", { ref: stageRef, className: "squisq-image-viewer-stage", onMouseDown: onMouseDown, style: { cursor: isPannable ? (dragRef.current ? 'grabbing' : 'grab') : 'default' }, children: [error ? (_jsx("div", { className: "squisq-image-viewer-error", children: error })) : (_jsx("img", { ref: imgRef, src: src, alt: alt, className: "squisq-image-viewer-img", style: imgStyle, onLoad: handleLoad, onError: handleError, draggable: false })), _jsxs("div", { className: "squisq-image-viewer-toolbar", children: [_jsx("button", { type: "button", className: "squisq-image-viewer-btn", onClick: onZoomOut, "aria-label": "Zoom out", title: "Zoom out", children: "\u2212" }), _jsx("button", { type: "button", className: "squisq-image-viewer-btn", onClick: onFit, "aria-pressed": state.mode === 'fit', title: "Fit to viewport", children: "Fit" }), _jsx("button", { type: "button", className: "squisq-image-viewer-btn", onClick: onActual, title: "Actual size (100%)", children: "100%" }), _jsx("button", { type: "button", className: "squisq-image-viewer-btn", onClick: onZoomIn, "aria-label": "Zoom in", title: "Zoom in", children: "+" })] })] }), _jsx("div", { className: "squisq-image-viewer-status", children: naturalSize ? (_jsxs(_Fragment, { children: [_jsxs("span", { children: [naturalSize.w, " \u00D7 ", naturalSize.h] }), _jsxs("span", { children: [Math.round(effectiveZoom * 100), "%"] })] })) : (_jsx("span", { children: "Loading\u2026" })) })] }));
+}
+//# sourceMappingURL=ImageViewer.js.map

package/dist/ImageViewer.js.map

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