@bendyline/squisq-editor-react 1.5.0 → 1.5.2

package/dist/ImageNodeView.js

@@ -1,215 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * ImageNodeView — Custom Tiptap NodeView for images.
- *
- * Resolves image `src` attributes through the EditorContext's MediaProvider,
- * converting relative paths (e.g. "images/hero.jpg") to displayable blob URLs.
- *
- * 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, useRef, useState } from 'react';
-import { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';
-import Image from '@tiptap/extension-image';
-import { useEditorContext } from './EditorContext';
-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 || !resolveAs) {
-            setResolvedSrc(src);
-            return;
-        }
-        let cancelled = false;
-        mediaProvider.resolveUrl(resolveAs).then((resolved) => {
-            if (!cancelled)
-                setResolvedSrc(resolved);
-        }, () => {
-            if (!cancelled)
-                setResolvedSrc(src);
-        });
-        return () => {
-            cancelled = true;
-        };
-        // `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, 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);
-    },
-});
-//# sourceMappingURL=ImageNodeView.js.map

package/dist/ImageNodeView.js.map

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

package/dist/ImageViewer.d.ts

@@ -1,26 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,119 +0,0 @@
-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

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

package/dist/InlineIcon.d.ts

@@ -1,17 +0,0 @@
-/**
- * InlineIcon — Tiptap Node Extension
- *
- * Atomic inline node that round-trips FontAwesome icons through the
- * WYSIWYG editor. The markdown bridge stashes `{[github]}` source as
- * `<i data-icon="github" data-family="brands" data-name="github"
- * class="fa-brands fa-github"></i>`; this extension lets ProseMirror
- * recognize that markup, persist the attributes through edits, and
- * re-emit it when serializing back to HTML/markdown.
- *
- * Atom / inline / non-selectable means the icon behaves like an emoji:
- * the caret can land before or after it, Backspace deletes it whole,
- * and Tiptap won't try to put content inside it.
- */
-import { Node } from '@tiptap/core';
-export declare const InlineIcon: Node<any, any>;
-//# sourceMappingURL=InlineIcon.d.ts.map

package/dist/InlineIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineIcon.d.ts","sourceRoot":"","sources":["../src/InlineIcon.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AASrD,eAAO,MAAM,UAAU,gBA2DrB,CAAC"}

package/dist/InlineIcon.js

@@ -1,72 +0,0 @@
-/**
- * InlineIcon — Tiptap Node Extension
- *
- * Atomic inline node that round-trips FontAwesome icons through the
- * WYSIWYG editor. The markdown bridge stashes `{[github]}` source as
- * `<i data-icon="github" data-family="brands" data-name="github"
- * class="fa-brands fa-github"></i>`; this extension lets ProseMirror
- * recognize that markup, persist the attributes through edits, and
- * re-emit it when serializing back to HTML/markdown.
- *
- * Atom / inline / non-selectable means the icon behaves like an emoji:
- * the caret can land before or after it, Backspace deletes it whole,
- * and Tiptap won't try to put content inside it.
- */
-import { Node, mergeAttributes } from '@tiptap/core';
-export const InlineIcon = Node.create({
-    name: 'inlineIcon',
-    group: 'inline',
-    inline: true,
-    atom: true,
-    selectable: true,
-    draggable: false,
-    addAttributes() {
-        return {
-            token: {
-                default: '',
-                parseHTML: (el) => el.getAttribute('data-icon') ?? '',
-                renderHTML: (attrs) => (attrs.token ? { 'data-icon': attrs.token } : {}),
-            },
-            family: {
-                default: 'solid',
-                parseHTML: (el) => el.getAttribute('data-family') ?? 'solid',
-                renderHTML: (attrs) => attrs.family ? { 'data-family': attrs.family } : {},
-            },
-            name: {
-                default: '',
-                parseHTML: (el) => el.getAttribute('data-name') ?? '',
-                renderHTML: (attrs) => (attrs.name ? { 'data-name': attrs.name } : {}),
-            },
-        };
-    },
-    parseHTML() {
-        // Tiptap's built-in Italic mark also claims `<i>` tags. We need a
-        // higher priority than the default (50) so ProseMirror picks
-        // InlineIcon over Italic for `<i data-icon=…>` markup — otherwise
-        // the markdown → WYSIWYG round-trip silently drops the icon and
-        // produces an empty italic mark instead.
-        return [
-            {
-                tag: 'i[data-icon]',
-                priority: 100,
-            },
-        ];
-    },
-    renderHTML({ HTMLAttributes }) {
-        const family = HTMLAttributes['data-family'] ?? 'solid';
-        const name = HTMLAttributes['data-name'] ?? '';
-        // The `<i>` carries `class="fa-brands fa-github"` so the bundled
-        // FontAwesome CSS picks it up. We also keep `data-*` mirrors so
-        // the bridge regex can round-trip back to markdown without
-        // parsing the class string.
-        const className = name ? `fa-${family} fa-${name}` : '';
-        return [
-            'i',
-            mergeAttributes(HTMLAttributes, {
-                class: className,
-                contenteditable: 'false',
-            }),
-        ];
-    },
-});
-//# sourceMappingURL=InlineIcon.js.map

package/dist/InlineIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineIcon.js","sourceRoot":"","sources":["../src/InlineIcon.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AASrD,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,KAAK;IAEhB,aAAa;QACX,OAAO;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,CAAC,EAAe,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE;gBAClE,UAAU,EAAE,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAC1F;YACD,MAAM,EAAE;gBACN,OAAO,EAAE,OAAO;gBAChB,SAAS,EAAE,CAAC,EAAe,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,OAAO;gBACzE,UAAU,EAAE,CAAC,KAAsB,EAAE,EAAE,CACrC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;aACtD;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,CAAC,EAAe,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE;gBAClE,UAAU,EAAE,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aACxF;SACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,kEAAkE;QAClE,6DAA6D;QAC7D,kEAAkE;QAClE,gEAAgE;QAChE,yCAAyC;QACzC,OAAO;YACL;gBACE,GAAG,EAAE,cAAc;gBACnB,QAAQ,EAAE,GAAG;aACd;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,MAAM,MAAM,GAAI,cAAc,CAAC,aAAa,CAAwB,IAAI,OAAO,CAAC;QAChF,MAAM,IAAI,GAAI,cAAc,CAAC,WAAW,CAAwB,IAAI,EAAE,CAAC;QACvE,iEAAiE;QACjE,gEAAgE;QAChE,2DAA2D;QAC3D,4BAA4B;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,MAAM,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACxD,OAAO;YACL,GAAG;YACH,eAAe,CAAC,cAAc,EAAE;gBAC9B,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,OAAO;aACzB,CAAC;SACH,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/InlinePreviewGutter.d.ts

@@ -1,52 +0,0 @@
-/**
- * InlinePreviewGutter
- *
- * Renders one small SVG preview card per template-annotated block in the
- * current document, positioned to vertically align with its corresponding
- * heading in whichever editor view is active. A diagonal connector line
- * + vertical block-extent bars bridge each heading and its preview card.
- *
- * The gutter consumes the parsed `Doc` from `useEditorContext()` and reuses
- * the same template-resolution path as `LinearDocView` (heading text →
- * template defaults → `getLayers()` → `BlockRenderer`).
- *
- * Auto-hides via container queries when the surrounding container is too
- * narrow (see `.squisq-editor-with-gutter` rules in `styles/editor.css`).
- *
- * Implementation notes:
- * - **View-agnostic positioning** — heading positions, page edges, and
- *   click-to-scroll all come from `useHeadingLayout()`, which has
- *   per-view backends (DOM-query for WYSIWYG, Monaco API for Markdown).
- *   The component only handles card stacking (which needs rendered card
- *   heights) and the visual rendering layer.
- * - **Card stacking** — cards are absolutely positioned with `top` set
- *   from each heading's hook-supplied position. If two headings sit too
- *   close together, the lower card slides down so cards never overlap;
- *   the connector line then slopes from the (still heading-anchored)
- *   bar across to the (now lower) card.
- */
-import type { ViewportConfig } from '@bendyline/squisq/schemas';
-import type { MediaProvider } from '@bendyline/squisq/schemas';
-export interface InlinePreviewGutterProps {
-    /** Width of the gutter in pixels (default: 320). */
-    width?: number;
-    /** Base path for resolving media URLs in card thumbnails. */
-    basePath?: string;
-    /** Viewport used to render each card (default: landscape preset). */
-    viewport?: ViewportConfig;
-    /** Optional CSS class for the outer container. */
-    className?: string;
-    /**
-     * Width in pixels of the connector strip that bridges the editor and
-     * the gutter. Defaults to 24.
-     */
-    connectorWidth?: number;
-    /**
-     * Optional MediaProvider used to resolve relative image src values inside
-     * preview cards. When omitted, images with relative paths fall back to
-     * `basePath`-prefixed URLs (which usually 404 in container-backed editors).
-     */
-    mediaProvider?: MediaProvider | null;
-}
-export declare function InlinePreviewGutter({ width, basePath, viewport, className, connectorWidth, mediaProvider, }: InlinePreviewGutterProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InlinePreviewGutter.d.ts.map

package/dist/InlinePreviewGutter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlinePreviewGutter.d.ts","sourceRoot":"","sources":["../src/InlinePreviewGutter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAGH,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAkBjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AA0M/D,MAAM,WAAW,wBAAwB;IACvC,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACtC;AA0BD,wBAAgB,mBAAmB,CAAC,EAClC,KAAW,EACX,QAAc,EACd,QAAqC,EACrC,SAAS,EACT,cAAmB,EACnB,aAAoB,GACrB,EAAE,wBAAwB,2CAuR1B"}