@bendyline/squisq-editor-react 1.4.0 → 1.5.1

package/dist/InlineIcon.d.ts

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

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

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

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

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

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

package/dist/InlinePreviewGutter.js

@@ -0,0 +1,397 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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 { useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { VIEWPORT_PRESETS } from '@bendyline/squisq/schemas';
+import { flattenBlocks, getLayers, hasTemplate, DEFAULT_THEME, } from '@bendyline/squisq/doc';
+import { extractPlainText, getChildren } from '@bendyline/squisq/markdown';
+import { usePreviewSettingsOptional } from './PreviewControls';
+import { BlockRenderer, MediaContext } from '@bendyline/squisq-react';
+import { useEditorContext } from './EditorContext';
+import { templateLabel } from './TemplatePicker';
+import { useHeadingLayout } from './useHeadingLayout';
+// ── Helpers (mirrored from LinearDocView; kept local to avoid cross-package
+// churn — extract to a shared module if a fourth copy appears) ────────────
+function isAnnotated(block) {
+    const annotation = block.sourceHeading?.templateAnnotation;
+    if (!annotation)
+        return false;
+    return !!annotation.template && hasTemplate(annotation.template);
+}
+function extractBodyPlainText(contents) {
+    if (!contents || contents.length === 0)
+        return '';
+    return contents
+        .map((n) => extractPlainText(n))
+        .join('\n')
+        .trim();
+}
+function extractListItems(contents) {
+    if (!contents)
+        return [];
+    const items = [];
+    for (const node of contents) {
+        if (node.type === 'list') {
+            for (const item of node.children) {
+                const text = extractPlainText(item).trim();
+                if (text)
+                    items.push(text);
+            }
+        }
+    }
+    return items;
+}
+function parseDim(raw) {
+    if (raw === undefined)
+        return undefined;
+    const n = parseFloat(raw);
+    return Number.isFinite(n) && n > 0 ? n : undefined;
+}
+function extractBlockImages(contents) {
+    if (!contents || contents.length === 0)
+        return [];
+    const images = [];
+    // Walk an HTML sub-DOM looking for <img src="..."> elements that the
+    // markdown parser produced for HTML-block / inline-HTML image tags.
+    // (When WYSIWYG persists an explicit width/height the image round-trips
+    // as <img …> rather than the ![](src) shorthand.)
+    function walkHtml(node) {
+        if (node.type === 'htmlElement' && node.tagName === 'img') {
+            const src = node.attributes?.src;
+            if (src) {
+                images.push({
+                    src,
+                    alt: node.attributes?.alt ?? '',
+                    width: parseDim(node.attributes?.width),
+                    height: parseDim(node.attributes?.height),
+                });
+            }
+        }
+        if (Array.isArray(node.children)) {
+            for (const child of node.children) {
+                walkHtml(child);
+            }
+        }
+    }
+    function walk(node) {
+        if ('type' in node && node.type === 'image' && 'url' in node) {
+            const img = node;
+            if (img.url)
+                images.push({ src: img.url, alt: img.alt ?? '' });
+        }
+        if ('type' in node && node.type === 'htmlBlock') {
+            const block = node;
+            for (const child of block.htmlChildren ?? []) {
+                walkHtml(child);
+            }
+        }
+        for (const child of getChildren(node))
+            walk(child);
+    }
+    for (const node of contents)
+        walk(node);
+    return images;
+}
+/** Like extractBlockImages, but also descends into the block's child blocks
+ *  so an annotated parent block can pick up media defined in a sub-section. */
+function collectImagesDeep(block) {
+    const images = [];
+    const seen = new Set();
+    function visit(b) {
+        for (const img of extractBlockImages(b.contents)) {
+            if (seen.has(img.src))
+                continue;
+            seen.add(img.src);
+            images.push(img);
+        }
+        for (const child of b.children ?? [])
+            visit(child);
+    }
+    visit(block);
+    return images;
+}
+function extractTableData(contents) {
+    if (!contents)
+        return null;
+    for (const node of contents) {
+        if (node.type === 'table') {
+            const table = node;
+            const [headerRow, ...bodyRows] = table.children;
+            if (!headerRow)
+                return null;
+            const headers = headerRow.children.map((cell) => extractPlainText(cell).trim());
+            const rows = bodyRows.map((row) => row.children.map((cell) => extractPlainText(cell).trim()));
+            return { headers, rows, align: table.align };
+        }
+    }
+    return null;
+}
+function getTemplateDefaults(templateName, headingText, bodyText, contents, images = []) {
+    switch (templateName) {
+        case 'statHighlight':
+            return { stat: headingText, description: bodyText || headingText };
+        case 'quote':
+        case 'fullBleedQuote':
+        case 'pullQuote':
+            return { quote: bodyText || headingText };
+        case 'factCard':
+            return { fact: headingText, explanation: bodyText || headingText };
+        case 'comparisonBar':
+            return { leftLabel: 'A', leftValue: 60, rightLabel: 'B', rightValue: 40 };
+        case 'list': {
+            const items = extractListItems(contents);
+            return { items: items.length > 0 ? items : ['Item 1', 'Item 2', 'Item 3'] };
+        }
+        case 'definitionCard':
+            return { term: headingText, definition: bodyText || headingText };
+        case 'dateEvent':
+            return { date: headingText, description: bodyText || headingText };
+        case 'dataTable': {
+            const tableData = extractTableData(contents);
+            return tableData ?? { headers: ['Column'], rows: [['Data']] };
+        }
+        case 'imageWithCaption': {
+            const first = images[0];
+            return {
+                imageSrc: first?.src ?? '',
+                imageAlt: first?.alt ?? headingText,
+                caption: bodyText || headingText,
+                captionPosition: 'bottom',
+            };
+        }
+        case 'leftFeature':
+        case 'rightFeature': {
+            // Mirror the LinearDocView / buildPreviewDoc defaults so the
+            // mini gutter card shows the same content as the main preview.
+            const first = images[0];
+            return {
+                imageSrc: first?.src ?? '',
+                imageAlt: first?.alt ?? headingText,
+                imageWidth: first?.width,
+                imageHeight: first?.height,
+                title: headingText,
+                body: bodyText,
+            };
+        }
+        case 'videoWithCaption': {
+            const first = images[0];
+            return {
+                videoSrc: first?.src ?? '',
+                caption: bodyText || headingText,
+                captionPosition: 'bottom',
+            };
+        }
+        default:
+            return {};
+    }
+}
+// ── Connector layout constants ─────────────────────────────────────
+/** Distance from the strip's right edge to the bar's right edge (px). */
+const BAR_RIGHT_OFFSET = 14;
+/** Vertical offset within a card to the center of the caption row. Card
+ *  padding (8) + half line-height of the 12px label (~8) ≈ 16. */
+const CARD_LABEL_OFFSET = 16;
+/** Vertical offset from heading top to the left connector dot. Matches
+ *  CARD_LABEL_OFFSET so the line is horizontal when the card sits at its
+ *  natural (heading-aligned) position. */
+const EXTENT_TOP_PAD = CARD_LABEL_OFFSET;
+/** Card's `left: 12px` inside the gutter — used to land the right circle on
+ *  the card's left edge for the diagonal connector line. */
+const CARD_LEFT_INSET = 12;
+// ── Component ──────────────────────────────────────────────────────
+export function InlinePreviewGutter({ width = 320, basePath = '/', viewport = VIEWPORT_PRESETS.landscape, className, connectorWidth = 24, mediaProvider = null, }) {
+    const { doc } = useEditorContext();
+    const gutterRef = useRef(null);
+    const { entries: headingEntries, scrollToBlock } = useHeadingLayout(gutterRef);
+    // Follow the document's active theme so the mini cards reflect the
+    // same palette as the main preview surface. PreviewSettingsProvider
+    // resolves this from frontmatter (`squisq-theme` / legacy `theme`)
+    // and theme overrides, so we never duplicate that logic here. Falls
+    // back to DEFAULT_THEME when the gutter is mounted outside the
+    // provider (defensive — EditorShell always wraps with it).
+    const previewSettings = usePreviewSettingsOptional();
+    const activeTheme = previewSettings?.activeTheme ?? DEFAULT_THEME;
+    // Build the renderable PreviewItem list (just for annotated blocks).
+    const items = useMemo(() => {
+        if (!doc || !doc.blocks.length)
+            return [];
+        const flat = flattenBlocks(doc.blocks);
+        const totalBlocks = flat.length;
+        const result = [];
+        flat.forEach((block, index) => {
+            if (!isAnnotated(block))
+                return;
+            const annotation = block.sourceHeading.templateAnnotation;
+            const template = annotation.template;
+            const headingText = block.sourceHeading ? extractPlainText(block.sourceHeading) : '';
+            const bodyText = extractBodyPlainText(block.contents);
+            const templateBlock = {
+                id: block.id,
+                template,
+                startTime: 0,
+                duration: 1,
+                audioSegment: 0,
+                title: headingText,
+                ...getTemplateDefaults(template, headingText, bodyText, block.contents, collectImagesDeep(block)),
+                ...annotation.params,
+                ...block.templateOverrides,
+            };
+            const ctx = {
+                blockIndex: index,
+                totalBlocks,
+                theme: activeTheme,
+                viewport,
+            };
+            try {
+                const layers = getLayers(templateBlock, ctx);
+                const visualBlock = {
+                    ...block,
+                    layers,
+                    template,
+                };
+                result.push({
+                    id: block.id,
+                    template,
+                    headingText,
+                    block: visualBlock,
+                });
+            }
+            catch (err) {
+                const message = err instanceof Error ? err.message : String(err);
+                console.warn(`[InlinePreviewGutter] Skipped block "${block.id}" (${template}): ${message}`);
+            }
+        });
+        return result;
+    }, [doc, viewport, activeTheme]);
+    // Heading top per item id — derived from the layout hook. The connector
+    // dot tracks this even when stacking pushes the card below.
+    const connectorTops = useMemo(() => {
+        const m = new Map();
+        headingEntries.forEach((e) => m.set(e.block.id, e.top));
+        return m;
+    }, [headingEntries]);
+    // Card stacking state — populated by a small post-render measurement
+    // pass that reads each card's height to push subsequent cards down.
+    const [positions, setPositions] = useState(new Map());
+    useLayoutEffect(() => {
+        if (items.length === 0) {
+            setPositions((prev) => (prev.size === 0 ? prev : new Map()));
+            return;
+        }
+        const gutter = gutterRef.current;
+        if (!gutter)
+            return;
+        const cardEls = gutter.querySelectorAll('.squisq-inline-preview-card');
+        const STACK_GAP = 12;
+        const FALLBACK_CARD_HEIGHT = 220;
+        let lastBottom = -Infinity;
+        const next = new Map();
+        items.forEach((item, i) => {
+            const headingTop = connectorTops.get(item.id);
+            if (headingTop == null)
+                return;
+            const top = Math.max(headingTop, lastBottom + STACK_GAP);
+            next.set(item.id, top);
+            const cardEl = cardEls[i];
+            const cardHeight = cardEl ? cardEl.getBoundingClientRect().height : FALLBACK_CARD_HEIGHT;
+            lastBottom = top + cardHeight;
+        });
+        setPositions((prev) => {
+            if (prev.size === next.size) {
+                let same = true;
+                for (const [k, v] of next) {
+                    const p = prev.get(k);
+                    if (p == null || Math.abs(p - v) > 0.5) {
+                        same = false;
+                        break;
+                    }
+                }
+                if (same)
+                    return prev;
+            }
+            return next;
+        });
+    }, [items, connectorTops]);
+    const isEmpty = items.length === 0;
+    const totalWidth = width + connectorWidth;
+    const gutterStyle = {
+        position: 'relative',
+        width: `${totalWidth}px`,
+        flex: `0 0 ${totalWidth}px`,
+        overflow: 'hidden',
+    };
+    return (_jsxs("aside", { ref: gutterRef, className: `squisq-inline-preview-gutter ${className ?? ''}`, style: gutterStyle, "data-testid": "inline-preview-gutter", "aria-label": "Block previews", children: [headingEntries.length > 0 && (_jsx("div", { className: "squisq-inline-preview-connectors", "aria-hidden": "true", style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    width: connectorWidth,
+                    height: '100%',
+                    overflow: 'hidden',
+                    pointerEvents: 'none',
+                }, children: headingEntries.map((ex, i) => {
+                    const EXTENT_GAP = 6;
+                    const height = Math.max(2, ex.bottom - ex.top - EXTENT_GAP);
+                    return (_jsx("div", { className: `squisq-inline-preview-extent${ex.annotated ? '' : ' squisq-inline-preview-extent--untagged'}`, style: {
+                            position: 'absolute',
+                            top: `${ex.top}px`,
+                            height: `${height}px`,
+                            right: `${BAR_RIGHT_OFFSET}px`,
+                        } }, `h-${i}-${ex.block.id}`));
+                }) })), items.length > 0 && (_jsx("svg", { className: "squisq-inline-preview-connector-svg", "aria-hidden": "true", style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    width: connectorWidth + CARD_LEFT_INSET,
+                    height: '100%',
+                    pointerEvents: 'none',
+                    overflow: 'visible',
+                }, children: items.map((item) => {
+                    const headingTop = connectorTops.get(item.id);
+                    const cardTop = positions.get(item.id);
+                    if (headingTop == null || cardTop == null)
+                        return null;
+                    const x1 = connectorWidth - BAR_RIGHT_OFFSET - 2;
+                    const y1 = headingTop + EXTENT_TOP_PAD;
+                    const x2 = connectorWidth + CARD_LEFT_INSET;
+                    const y2 = cardTop + CARD_LABEL_OFFSET;
+                    return (_jsxs("g", { children: [_jsx("line", { x1: x1, y1: y1, x2: x2, y2: y2, stroke: "#6366f1", strokeWidth: "2", strokeLinecap: "round" }), _jsx("circle", { cx: x1, cy: y1, r: "4", fill: "#6366f1", stroke: "#ffffff", strokeWidth: "2" }), _jsx("circle", { cx: x2, cy: y2, r: "4", fill: "#6366f1", stroke: "#ffffff", strokeWidth: "2" })] }, item.id));
+                }) })), isEmpty ? (_jsx("div", { className: "squisq-inline-preview-empty", style: { position: 'absolute', top: 12, left: connectorWidth + 12, right: 12 }, children: _jsx("p", { children: "Tag a heading with a template to see a preview here." }) })) : (_jsx(MediaContext.Provider, { value: mediaProvider ?? null, children: items.map((item) => {
+                    const top = positions.get(item.id);
+                    const hidden = top == null;
+                    return (_jsxs("div", { className: "squisq-inline-preview-card", "data-template": item.template, style: {
+                            position: 'absolute',
+                            top: `${top ?? 0}px`,
+                            left: connectorWidth + CARD_LEFT_INSET,
+                            right: 12,
+                            visibility: hidden ? 'hidden' : 'visible',
+                        }, onClick: () => scrollToBlock(item.block), children: [_jsxs("div", { className: "squisq-inline-preview-card-label", children: [_jsx("span", { className: "squisq-inline-preview-card-template", children: templateLabel(item.template) }), item.headingText && (_jsxs(_Fragment, { children: [_jsx("span", { className: "squisq-inline-preview-card-sep", children: "\u2014" }), _jsx("span", { className: "squisq-inline-preview-card-title", children: item.headingText })] }))] }), _jsx("div", { className: "squisq-inline-preview-card-svg", style: {
+                                    aspectRatio: `${viewport.width} / ${viewport.height}`,
+                                }, children: _jsx(BlockRenderer, { block: item.block, blockTime: 0, basePath: basePath, viewport: viewport }) })] }, item.id));
+                }) }))] }));
+}
+//# sourceMappingURL=InlinePreviewGutter.js.map

package/dist/InlinePreviewGutter.js.map

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

package/dist/LinkDialog.d.ts

@@ -0,0 +1,43 @@
+/**
+ * LinkDialog — modal for inserting or editing a markdown link.
+ *
+ * Used by both the WYSIWYG and Raw markdown toolbars so the link-editing
+ * UX is identical regardless of view. Shows separate fields for the link
+ * text (caption) and the URL target so the user can see and edit both.
+ *
+ * When a `documentLinkProvider` is supplied, the dialog also exposes a
+ * second tab — "Browse documents" — that lists neighbor docs from the
+ * host's workspace. Selecting one fills the URL with the candidate
+ * path (and the caption, if it was still empty), so authors can link
+ * `home.md → resume.md` without typing the relative path by hand.
+ */
+import type { DocumentLinkProvider } from './EditorContext';
+export interface LinkDialogProps {
+    /** Whether this is a brand-new link (Insert) or an existing one (Update). */
+    mode: 'insert' | 'update';
+    /** Initial value for the caption field. */
+    initialText: string;
+    /** Initial value for the URL field. */
+    initialUrl: string;
+    /**
+     * Confirm — `text` may be empty if the caller wants to fall back to URL
+     * as the visible text. Empty `url` means the user cleared it; callers
+     * should treat that as "remove link" when in update mode.
+     */
+    onConfirm: (text: string, url: string) => void;
+    /** Dismiss without applying changes. */
+    onClose: () => void;
+    /**
+     * Optional sibling-document picker. When provided, the dialog shows
+     * a "Browse documents" tab that queries the provider as the author
+     * types and offers click-to-pick suggestions.
+     */
+    documentLinkProvider?: DocumentLinkProvider | null;
+}
+/**
+ * Centered modal with Text and URL inputs. Submits on Enter, dismisses
+ * on Escape or backdrop click. Auto-focuses URL when the text field is
+ * already populated; otherwise focuses Text.
+ */
+export declare function LinkDialog({ mode, initialText, initialUrl, onConfirm, onClose, documentLinkProvider, }: LinkDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinkDialog.d.ts.map

package/dist/LinkDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkDialog.d.ts","sourceRoot":"","sources":["../src/LinkDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,iBAAiB,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,oBAAoB,GACrB,EAAE,eAAe,2CA+NjB"}