@bendyline/squisq-editor-react 1.4.0 → 1.5.1

package/dist/useHeadingLayout.js

@@ -0,0 +1,260 @@
+/**
+ * useHeadingLayout
+ *
+ * Shared positioning hook for the editor gutters (`OutlinePanel` and
+ * `InlinePreviewGutter`). Each gutter needs to know:
+ *   - where every heading sits vertically inside the wrapper
+ *   - where the editor "page" edges sit horizontally
+ *   - how to scroll the editor to a particular heading
+ *
+ * Two backends, picked from `EditorContext.activeView`:
+ *   - **wysiwyg** — query DOM headings inside `.squisq-wysiwyg-container`,
+ *     measure with `getBoundingClientRect`, scroll via `scrollIntoView`.
+ *     Live updates via `ResizeObserver` + `MutationObserver`.
+ *   - **raw** — walk `doc.blocks`, derive each heading's line number from
+ *     `MarkdownHeading.position.start.line`, ask Monaco for the line's
+ *     pixel offset via `getTopForLineNumber`, scroll via
+ *     `revealLineInCenterIfOutsideViewport` + `setPosition`. Live updates
+ *     via `onDidScrollChange` + `onDidChangeModelContent`.
+ *
+ * Both backends produce coordinates in the *wrapper's* reference frame
+ * (i.e., `.squisq-editor-with-gutter`), so the rendering layers — cards,
+ * extent bars, outline rows — don't care which editor is active.
+ */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { flattenBlocks, hasTemplate } from '@bendyline/squisq/doc';
+import { useEditorContext } from './EditorContext';
+/**
+ * @param refInsideWrapper — any DOM ref under `.squisq-editor-with-gutter`.
+ *        The hook walks up to find the wrapper.
+ */
+export function useHeadingLayout(refInsideWrapper) {
+    const { doc, activeView, monacoEditor, tiptapEditor } = useEditorContext();
+    const flatBlocks = useMemo(() => (doc ? flattenBlocks(doc.blocks) : []), [doc]);
+    const [entries, setEntries] = useState([]);
+    const [pageEdges, setPageEdges] = useState(null);
+    // ── WYSIWYG backend ────────────────────────────────────────────────
+    useEffect(() => {
+        if (activeView !== 'wysiwyg')
+            return;
+        const node = refInsideWrapper.current;
+        if (!node)
+            return;
+        const wrapper = findWrapper(node);
+        if (!wrapper)
+            return;
+        const wysiwygContainer = wrapper.querySelector('.squisq-wysiwyg-container');
+        if (!wysiwygContainer)
+            return;
+        let raf = 0;
+        const recompute = () => {
+            cancelAnimationFrame(raf);
+            raf = requestAnimationFrame(() => {
+                const headings = Array.from(wysiwygContainer.querySelectorAll('h1, h2, h3, h4, h5, h6'));
+                const wrapperRect = wrapper.getBoundingClientRect();
+                const editorRect = wysiwygContainer.getBoundingClientRect();
+                const next = [];
+                flatBlocks.forEach((block, i) => {
+                    const h = headings[i];
+                    if (!h)
+                        return;
+                    const top = h.getBoundingClientRect().top - wrapperRect.top;
+                    const nextH = headings[i + 1];
+                    const bottom = nextH
+                        ? nextH.getBoundingClientRect().top - wrapperRect.top
+                        : editorRect.bottom - wrapperRect.top;
+                    next.push({
+                        block,
+                        top,
+                        bottom,
+                        annotated: !!h.getAttribute('data-template'),
+                    });
+                });
+                setEntries((prev) => (sameEntries(prev, next) ? prev : next));
+                // Page edges — anchor to the .squisq-wysiwyg-editor (the centered "page").
+                const page = wysiwygContainer.querySelector('.squisq-wysiwyg-editor');
+                if (page) {
+                    const pageRect = page.getBoundingClientRect();
+                    const left = pageRect.left - wrapperRect.left;
+                    const right = pageRect.right - wrapperRect.left;
+                    setPageEdges((prev) => prev != null && Math.abs(prev.left - left) < 0.5 && Math.abs(prev.right - right) < 0.5
+                        ? prev
+                        : { left, right });
+                }
+            });
+        };
+        recompute();
+        const ro = new ResizeObserver(recompute);
+        ro.observe(wysiwygContainer);
+        const editorSurface = wysiwygContainer.querySelector('.squisq-wysiwyg-editor');
+        if (editorSurface)
+            ro.observe(editorSurface);
+        const mo = new MutationObserver(recompute);
+        mo.observe(wysiwygContainer, {
+            childList: true,
+            subtree: true,
+            characterData: true,
+            attributes: true,
+            attributeFilter: ['data-template', 'data-template-params'],
+        });
+        wysiwygContainer.addEventListener('scroll', recompute, { passive: true });
+        window.addEventListener('resize', recompute);
+        const settle = window.setTimeout(recompute, 250);
+        return () => {
+            cancelAnimationFrame(raf);
+            window.clearTimeout(settle);
+            ro.disconnect();
+            mo.disconnect();
+            wysiwygContainer.removeEventListener('scroll', recompute);
+            window.removeEventListener('resize', recompute);
+        };
+    }, [activeView, flatBlocks, refInsideWrapper]);
+    // ── Raw (Monaco) backend ───────────────────────────────────────────
+    useEffect(() => {
+        if (activeView !== 'raw')
+            return;
+        if (!monacoEditor)
+            return;
+        const node = refInsideWrapper.current;
+        if (!node)
+            return;
+        const wrapper = findWrapper(node);
+        if (!wrapper)
+            return;
+        let raf = 0;
+        const recompute = () => {
+            cancelAnimationFrame(raf);
+            raf = requestAnimationFrame(() => {
+                const wrapperRect = wrapper.getBoundingClientRect();
+                const monacoRoot = monacoEditor.getDomNode();
+                if (!monacoRoot)
+                    return;
+                const monacoRect = monacoRoot.getBoundingClientRect();
+                // Y of the editor's content top in wrapper coordinates.
+                const monacoTop = monacoRect.top - wrapperRect.top;
+                const scrollTop = monacoEditor.getScrollTop();
+                const layoutInfo = monacoEditor.getLayoutInfo();
+                const next = [];
+                flatBlocks.forEach((block, i) => {
+                    const line = block.sourceHeading?.position?.start.line;
+                    if (typeof line !== 'number')
+                        return;
+                    const lineTop = monacoEditor.getTopForLineNumber(line) - scrollTop + monacoTop;
+                    // Bottom = next block's top, or the visible bottom of the editor.
+                    const nextBlock = flatBlocks[i + 1];
+                    const nextLine = nextBlock?.sourceHeading?.position?.start.line;
+                    const bottom = typeof nextLine === 'number'
+                        ? monacoEditor.getTopForLineNumber(nextLine) - scrollTop + monacoTop
+                        : monacoTop + layoutInfo.height;
+                    const tplName = block.sourceHeading?.templateAnnotation?.template;
+                    next.push({
+                        block,
+                        top: lineTop,
+                        bottom,
+                        annotated: !!tplName && hasTemplate(tplName),
+                    });
+                });
+                setEntries((prev) => (sameEntries(prev, next) ? prev : next));
+                // Page edges — Monaco's editor area extends to its container's
+                // box edges; treat the whole editor as the "page".
+                const left = monacoRect.left - wrapperRect.left;
+                const right = monacoRect.right - wrapperRect.left;
+                setPageEdges((prev) => prev != null && Math.abs(prev.left - left) < 0.5 && Math.abs(prev.right - right) < 0.5
+                    ? prev
+                    : { left, right });
+            });
+        };
+        recompute();
+        const scrollSub = monacoEditor.onDidScrollChange(recompute);
+        const contentSub = monacoEditor.onDidChangeModelContent(recompute);
+        const layoutSub = monacoEditor.onDidLayoutChange(recompute);
+        const ro = new ResizeObserver(recompute);
+        const monacoRoot = monacoEditor.getDomNode();
+        if (monacoRoot)
+            ro.observe(monacoRoot);
+        window.addEventListener('resize', recompute);
+        const settle = window.setTimeout(recompute, 250);
+        return () => {
+            cancelAnimationFrame(raf);
+            window.clearTimeout(settle);
+            scrollSub.dispose();
+            contentSub.dispose();
+            layoutSub.dispose();
+            ro.disconnect();
+            window.removeEventListener('resize', recompute);
+        };
+    }, [activeView, monacoEditor, flatBlocks, refInsideWrapper]);
+    // Reset edges when the active view changes — the previous view's
+    // measurements don't carry over to the next.
+    useEffect(() => {
+        setEntries([]);
+        setPageEdges(null);
+    }, [activeView]);
+    // ── scrollToBlock ──────────────────────────────────────────────────
+    const scrollToBlock = useCallback((block) => {
+        if (activeView === 'wysiwyg') {
+            const node = refInsideWrapper.current;
+            const wrapper = node ? findWrapper(node) : null;
+            const wysiwygContainer = wrapper?.querySelector('.squisq-wysiwyg-container');
+            if (!wysiwygContainer)
+                return;
+            const headings = wysiwygContainer.querySelectorAll('h1, h2, h3, h4, h5, h6');
+            const index = flatBlocks.findIndex((b) => b.id === block.id);
+            if (index < 0 || index >= headings.length)
+                return;
+            headings[index].scrollIntoView({ behavior: 'smooth', block: 'start' });
+            if (tiptapEditor) {
+                try {
+                    tiptapEditor.chain().focus().run();
+                }
+                catch {
+                    // ignore
+                }
+            }
+            return;
+        }
+        if (activeView === 'raw' && monacoEditor) {
+            const line = block.sourceHeading?.position?.start.line;
+            if (typeof line !== 'number')
+                return;
+            monacoEditor.revealLineInCenter(line);
+            monacoEditor.setPosition({ lineNumber: line, column: 1 });
+            monacoEditor.focus();
+        }
+    }, [activeView, flatBlocks, monacoEditor, refInsideWrapper, tiptapEditor]);
+    return {
+        entries,
+        pageEdges,
+        scrollToBlock,
+        ready: entries.length > 0 || pageEdges != null,
+    };
+}
+// ── Helpers ────────────────────────────────────────────────────────
+function findWrapper(node) {
+    let cur = node.parentElement;
+    while (cur) {
+        if (cur.classList.contains('squisq-editor-with-gutter'))
+            return cur;
+        cur = cur.parentElement;
+    }
+    // Fallback: immediate parent (during transitional renames).
+    return node.parentElement;
+}
+function sameEntries(a, b) {
+    if (a.length !== b.length)
+        return false;
+    for (let i = 0; i < a.length; i++) {
+        const x = a[i];
+        const y = b[i];
+        if (x.block.id !== y.block.id)
+            return false;
+        if (x.annotated !== y.annotated)
+            return false;
+        if (Math.abs(x.top - y.top) > 0.5)
+            return false;
+        if (Math.abs(x.bottom - y.bottom) > 0.5)
+            return false;
+    }
+    return true;
+}
+//# sourceMappingURL=useHeadingLayout.js.map

package/dist/useHeadingLayout.js.map

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

package/dist/utils/collectInlineFontAwesomeCss.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Collect FontAwesome `@font-face` + utility CSS rules from the host
+ * document's loaded stylesheets so we can inline them into a sandboxed
+ * iframe preview.
+ *
+ * Why: an iframe rendered via `srcDoc` cannot reliably load
+ * FontAwesome from a cross-origin CDN. Tracking prevention, stricter
+ * origin policies, and the iframe's about:srcdoc origin all conspire
+ * to silently drop font fetches. The icons end up invisible even
+ * though the `<i class="fa-…">` tags are present in the markup. The
+ * host page (editor-react ships a bundled `@import` of
+ * `@fortawesome/fontawesome-free`) already has the font loaded and its
+ * woff2 URLs resolve to same-origin assets, so we extract those rules
+ * once and pass them into the renderer as inline CSS.
+ *
+ * Returns `undefined` when no FA rules are found — typical for SSR or
+ * for hosts that don't bundle FA — in which case the renderer falls
+ * back to its cdnjs `<link>` (still works in plain standalone HTML).
+ */
+export declare function collectInlineFontAwesomeCss(): string | undefined;
+//# sourceMappingURL=collectInlineFontAwesomeCss.d.ts.map

package/dist/utils/collectInlineFontAwesomeCss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectInlineFontAwesomeCss.d.ts","sourceRoot":"","sources":["../../src/utils/collectInlineFontAwesomeCss.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,GAAG,SAAS,CAyBhE"}

package/dist/utils/collectInlineFontAwesomeCss.js

@@ -0,0 +1,68 @@
+/**
+ * Collect FontAwesome `@font-face` + utility CSS rules from the host
+ * document's loaded stylesheets so we can inline them into a sandboxed
+ * iframe preview.
+ *
+ * Why: an iframe rendered via `srcDoc` cannot reliably load
+ * FontAwesome from a cross-origin CDN. Tracking prevention, stricter
+ * origin policies, and the iframe's about:srcdoc origin all conspire
+ * to silently drop font fetches. The icons end up invisible even
+ * though the `<i class="fa-…">` tags are present in the markup. The
+ * host page (editor-react ships a bundled `@import` of
+ * `@fortawesome/fontawesome-free`) already has the font loaded and its
+ * woff2 URLs resolve to same-origin assets, so we extract those rules
+ * once and pass them into the renderer as inline CSS.
+ *
+ * Returns `undefined` when no FA rules are found — typical for SSR or
+ * for hosts that don't bundle FA — in which case the renderer falls
+ * back to its cdnjs `<link>` (still works in plain standalone HTML).
+ */
+export function collectInlineFontAwesomeCss() {
+    if (typeof document === 'undefined')
+        return undefined;
+    const collected = [];
+    for (const sheet of Array.from(document.styleSheets)) {
+        let rules = null;
+        try {
+            rules = sheet.cssRules;
+        }
+        catch {
+            // Cross-origin stylesheets throw on `.cssRules` access. We can't
+            // read them, but they're also not where editor-react's bundled
+            // FA lives, so it's safe to skip them.
+            continue;
+        }
+        if (!rules)
+            continue;
+        for (const rule of Array.from(rules)) {
+            if (isFontAwesomeRule(rule)) {
+                collected.push(rule.cssText);
+            }
+        }
+    }
+    return collected.length > 0 ? collected.join('\n') : undefined;
+}
+/**
+ * Match `@font-face` declarations whose family starts with
+ * "Font Awesome", plus the FA utility classes (the `.fa-*` rules that
+ * set `content: "\fXXX"` and font-family). The former gets the woff2
+ * loaded into the iframe, the latter wires the `<i>` markup to it.
+ */
+function isFontAwesomeRule(rule) {
+    const text = rule.cssText;
+    // `@font-face { font-family: "Font Awesome 6 Brands"; … }`
+    if (rule.type === CSSRule.FONT_FACE_RULE) {
+        return /font-family:\s*['"]?Font Awesome/i.test(text);
+    }
+    // `.fa-github::before { content: "\f09b"; }` and the base
+    // `.fa-brands { font-family: "Font Awesome 6 Brands"; … }` rules.
+    // FA's stylesheet prefixes selectors with `.fa`, `.fas`, `.far`,
+    // `.fab`, `.fa-solid`, `.fa-regular`, `.fa-brands`. Match the
+    // family name in the declaration block to avoid false positives
+    // (e.g. someone else's `.fa-…` class that doesn't use the font).
+    if (rule.type === CSSRule.STYLE_RULE) {
+        return /Font Awesome/i.test(text) || /content:\s*["']\\[ef]/.test(text);
+    }
+    return false;
+}
+//# sourceMappingURL=collectInlineFontAwesomeCss.js.map

package/dist/utils/collectInlineFontAwesomeCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectInlineFontAwesomeCss.js","sourceRoot":"","sources":["../../src/utils/collectInlineFontAwesomeCss.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,2BAA2B;IACzC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,SAAS,CAAC;IAEtD,MAAM,SAAS,GAAa,EAAE,CAAC;IAE/B,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QACrD,IAAI,KAAK,GAAuB,IAAI,CAAC;QACrC,IAAI,CAAC;YACH,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;QACzB,CAAC;QAAC,MAAM,CAAC;YACP,iEAAiE;YACjE,+DAA+D;YAC/D,uCAAuC;YACvC,SAAS;QACX,CAAC;QACD,IAAI,CAAC,KAAK;YAAE,SAAS;QAErB,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACrC,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC5B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AACjE,CAAC;AAED;;;;;GAKG;AACH,SAAS,iBAAiB,CAAC,IAAa;IACtC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;IAC1B,2DAA2D;IAC3D,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC;QACzC,OAAO,mCAAmC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC;IACD,0DAA0D;IAC1D,kEAAkE;IAClE,iEAAiE;IACjE,8DAA8D;IAC9D,gEAAgE;IAChE,iEAAiE;IACjE,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC;QACrC,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/utils/dropUtils.d.ts

@@ -19,9 +19,28 @@ export declare function partitionFiles(files: File[]): {
 };
 /**
  * Add media files to a MediaProvider. Returns the relative paths
- * assigned by the provider.
+ * assigned by the provider, with `null` slots where a file could not
+ * be processed — keeping the result aligned with the input array so
+ * callers can correlate indices.
+ *
+ * Two failure modes are handled defensively:
+ *
+ * 1. `file.arrayBuffer()` throws (`InvalidStateError` — "An operation
+ *    that depends on state cached in an interface object was made but
+ *    the state had changed since it was read from disk"). This happens
+ *    with virtual drag sources whose File reference goes stale before
+ *    the async read completes — Phone Link / iOS continuity / certain
+ *    screenshot tools / etc.
+ *
+ * 2. `file.arrayBuffer()` returns a 0-byte buffer. Some virtual
+ *    sources resolve the read successfully but with no payload,
+ *    leaving an empty file in the media bin. We skip those so the
+ *    bin doesn't accumulate placeholders.
+ *
+ * In both cases we warn via console rather than throwing, so a single
+ * problematic file doesn't abort a multi-file drop.
  */
-export declare function processMediaFiles(files: File[], mediaProvider: MediaProvider): Promise<string[]>;
+export declare function processMediaFiles(files: File[], mediaProvider: MediaProvider): Promise<(string | null)[]>;
 /**
  * Read a text-content file and return its content as a markdown string.
  *

package/dist/utils/dropUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropUtils.d.ts","sourceRoot":"","sources":["../../src/utils/dropUtils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEvE,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,IAAI,EAAE,IAAI,EAAE,CAAA;CAAE,CAW7E;AAED;;;GAGG;AACH,wBAAsB,iBAAiB,CACrC,KAAK,EAAE,IAAI,EAAE,EACb,aAAa,EAAE,aAAa,GAC3B,OAAO,CAAC,MAAM,EAAE,CAAC,CAWnB;AAED;;;;;GAKG;AACH,wBAAsB,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAcjE;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CASrE"}
+{"version":3,"file":"dropUtils.d.ts","sourceRoot":"","sources":["../../src/utils/dropUtils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEvE,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,IAAI,EAAE,IAAI,EAAE,CAAA;CAAE,CAW7E;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAsB,iBAAiB,CACrC,KAAK,EAAE,IAAI,EAAE,EACb,aAAa,EAAE,aAAa,GAC3B,OAAO,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAwC5B;AAED;;;;;GAKG;AACH,wBAAsB,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAcjE;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CASrE"}

package/dist/utils/dropUtils.js

@@ -27,15 +27,54 @@ export function partitionFiles(files) {
 }
 /**
  * Add media files to a MediaProvider. Returns the relative paths
- * assigned by the provider.
+ * assigned by the provider, with `null` slots where a file could not
+ * be processed — keeping the result aligned with the input array so
+ * callers can correlate indices.
+ *
+ * Two failure modes are handled defensively:
+ *
+ * 1. `file.arrayBuffer()` throws (`InvalidStateError` — "An operation
+ *    that depends on state cached in an interface object was made but
+ *    the state had changed since it was read from disk"). This happens
+ *    with virtual drag sources whose File reference goes stale before
+ *    the async read completes — Phone Link / iOS continuity / certain
+ *    screenshot tools / etc.
+ *
+ * 2. `file.arrayBuffer()` returns a 0-byte buffer. Some virtual
+ *    sources resolve the read successfully but with no payload,
+ *    leaving an empty file in the media bin. We skip those so the
+ *    bin doesn't accumulate placeholders.
+ *
+ * In both cases we warn via console rather than throwing, so a single
+ * problematic file doesn't abort a multi-file drop.
  */
 export async function processMediaFiles(files, mediaProvider) {
     const paths = [];
     for (const file of files) {
-        const buffer = await file.arrayBuffer();
+        let buffer;
+        try {
+            buffer = await file.arrayBuffer();
+        }
+        catch (err) {
+            console.warn(`[squisq-editor] Skipped dropped file "${file.name}" — could not read its contents.`, 'This is typical for drags from virtual sources (Phone Link, screenshot tools, cross-tab drags) whose File reference goes stale before the async read completes.', err instanceof Error ? err.message : err);
+            paths.push(null);
+            continue;
+        }
+        if (buffer.byteLength === 0) {
+            console.warn(`[squisq-editor] Skipped dropped file "${file.name}" — its contents read as 0 bytes. ` +
+                'The drag source likely never materialized the file (try saving it to disk first, then dragging from there).');
+            paths.push(null);
+            continue;
+        }
         const mimeType = file.type || 'application/octet-stream';
-        const path = await mediaProvider.addMedia(file.name, buffer, mimeType);
-        paths.push(path);
+        try {
+            const path = await mediaProvider.addMedia(file.name, buffer, mimeType);
+            paths.push(path);
+        }
+        catch (err) {
+            console.warn(`[squisq-editor] Failed to save "${file.name}" via mediaProvider:`, err instanceof Error ? err.message : err);
+            paths.push(null);
+        }
     }
     return paths;
 }

package/dist/utils/dropUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropUtils.js","sourceRoot":"","sources":["../../src/utils/dropUtils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAqB,MAAM,sBAAsB,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAAa;IAC1C,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,MAAM,IAAI,GAAW,EAAE,CAAC;IAExB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,GAAG,KAAK,OAAO;YAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACjC,IAAI,GAAG,KAAK,MAAM;YAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACzB,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,iBAAiB,CACrC,KAAa,EACb,aAA4B;IAE5B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,0BAA0B,CAAC;QACzD,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,IAAU;IAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;IAE5D,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;QAClC,OAAO,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;QACnB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QACxC,MAAM,WAAW,GAAG,MAAM,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACpD,OAAO,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;AAC3B,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,KAAa;IAClD,MAAM,OAAO,GAAa,EAAE,CAAC;IAE7B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,CAAC;QAC5C,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC"}
+{"version":3,"file":"dropUtils.js","sourceRoot":"","sources":["../../src/utils/dropUtils.ts"],"names":[],"mappings":"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"}

package/dist/utils/normalizeMalformedAssetUrl.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Detect image URLs that were malformed by an MS "Save Page As Web Page" /
+ * pandoc import: a relative path like `mikehome_files/foo.png` gets
+ * `http://` prepended somewhere upstream, so the URL parser interprets
+ * `mikehome_files` as a hostname. The browser then either fails to load
+ * the image or has it blocked by CSP.
+ *
+ * Heuristic: hostname has no dots and no port, and ends in `_files` —
+ * that's the Word-style asset-folder naming convention, not a real host.
+ *
+ * Returns the recovered relative path (e.g. `mikehome_files/foo.png`)
+ * when the shape matches, or `null` otherwise.
+ */
+export declare function normalizeMalformedAssetUrl(src: string | null | undefined): string | null;
+//# sourceMappingURL=normalizeMalformedAssetUrl.d.ts.map

package/dist/utils/normalizeMalformedAssetUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeMalformedAssetUrl.d.ts","sourceRoot":"","sources":["../../src/utils/normalizeMalformedAssetUrl.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAQxF"}

package/dist/utils/normalizeMalformedAssetUrl.js

@@ -0,0 +1,27 @@
+/**
+ * Detect image URLs that were malformed by an MS "Save Page As Web Page" /
+ * pandoc import: a relative path like `mikehome_files/foo.png` gets
+ * `http://` prepended somewhere upstream, so the URL parser interprets
+ * `mikehome_files` as a hostname. The browser then either fails to load
+ * the image or has it blocked by CSP.
+ *
+ * Heuristic: hostname has no dots and no port, and ends in `_files` —
+ * that's the Word-style asset-folder naming convention, not a real host.
+ *
+ * Returns the recovered relative path (e.g. `mikehome_files/foo.png`)
+ * when the shape matches, or `null` otherwise.
+ */
+export function normalizeMalformedAssetUrl(src) {
+    if (!src)
+        return null;
+    const match = src.match(/^https?:\/\/([^/?#]+)\/(.+)$/i);
+    if (!match)
+        return null;
+    const [, host, rest] = match;
+    if (host.includes('.') || host.includes(':'))
+        return null;
+    if (!host.toLowerCase().endsWith('_files'))
+        return null;
+    return `${host}/${rest}`;
+}
+//# sourceMappingURL=normalizeMalformedAssetUrl.js.map

package/dist/utils/normalizeMalformedAssetUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeMalformedAssetUrl.js","sourceRoot":"","sources":["../../src/utils/normalizeMalformedAssetUrl.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,0BAA0B,CAAC,GAA8B;IACvE,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACzD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC;IAC7B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC1D,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAC;IACxD,OAAO,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC;AAC3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "1.4.0",
+  "version": "1.5.1",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -34,10 +34,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./styles": "./src/styles/editor.css"
+    "./styles": "./src/styles/index.css"
   },
   "scripts": {
     "build": "tsup",
+    "dev": "concurrently -n js,dts -c blue,gray -r \"tsup --watch --no-dts --no-clean\" \"tsup --watch --dts-only --no-clean\"",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -46,11 +47,13 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "1.3.0",
-    "@bendyline/squisq-formats": "1.2.3",
-    "@bendyline/squisq-react": "1.2.0",
+    "@bendyline/squisq": "1.4.0",
+    "@bendyline/squisq-formats": "1.3.0",
+    "@bendyline/squisq-react": "1.3.1",
+    "@fortawesome/fontawesome-free": "7.2.0",
     "@monaco-editor/react": "4.7.0",
     "@tiptap/extension-image": "2.27.2",
+    "@tiptap/extension-link": "2.27.2",
     "@tiptap/extension-mention": "2.27.2",
     "@tiptap/extension-placeholder": "2.27.2",
     "@tiptap/extension-table": "2.27.2",