@edv4h/usketch-plugin-shape-markdown 0.1.0

package/dist/plugin.js

@@ -0,0 +1,223 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DEFAULT_STYLE, generateId, withRotation, } from "@edv4h/usketch-shared";
+import { createAddShapeCommand } from "@edv4h/usketch-store";
+import { MARKDOWN_DEFAULT_SIZE, MARKDOWN_MIN_SIZE, MARKDOWN_SHORTCUT } from "./constants.js";
+import { createMarkdownTableHandler, createMarkdownTextHandler, } from "./external-content-handler.js";
+import { createMarkdownEditingService } from "./markdown-editing-machine.js";
+import { MD_BLUR_EVENT, MD_ESCAPE_EVENT, MD_INPUT_EVENT, MD_MEASURE_EVENT, renderMarkdown, SimplifiedMarkdown, } from "./render.js";
+import { markdownSelection } from "./selection-store.js";
+import { MARKDOWN_TYPE, readMarkdownMeta } from "./types.js";
+// ── Shape definition helpers ──
+function getBounds(data) {
+    return { x: data.x, y: data.y, width: data.width, height: data.height };
+}
+function hitTest(data, point) {
+    return (point.x >= data.x &&
+        point.x <= data.x + data.width &&
+        point.y >= data.y &&
+        point.y <= data.y + data.height);
+}
+function resize(data, handle, delta) {
+    let { x, y, width, height } = data;
+    switch (handle) {
+        case "se":
+            width += delta.x;
+            height += delta.y;
+            break;
+        case "nw":
+            x += delta.x;
+            y += delta.y;
+            width -= delta.x;
+            height -= delta.y;
+            break;
+        case "ne":
+            y += delta.y;
+            width += delta.x;
+            height -= delta.y;
+            break;
+        case "sw":
+            x += delta.x;
+            width -= delta.x;
+            height += delta.y;
+            break;
+        case "e":
+            width += delta.x;
+            break;
+        case "w":
+            x += delta.x;
+            width -= delta.x;
+            break;
+        case "n":
+            y += delta.y;
+            height -= delta.y;
+            break;
+        case "s":
+            height += delta.y;
+            break;
+    }
+    return {
+        ...data,
+        x,
+        y,
+        width: Math.max(MARKDOWN_MIN_SIZE.width, width),
+        height: Math.max(MARKDOWN_MIN_SIZE.height, height),
+    };
+}
+function createDefault(params) {
+    return {
+        id: params.id,
+        type: MARKDOWN_TYPE,
+        x: params.x,
+        y: params.y,
+        width: MARKDOWN_DEFAULT_SIZE.width,
+        height: MARKDOWN_DEFAULT_SIZE.height,
+        style: { ...DEFAULT_STYLE, fill: "transparent", strokeWidth: 0 },
+        meta: { source: "", isEditing: false },
+    };
+}
+function serializeForAi(shape) {
+    return { source: readMarkdownMeta(shape).source };
+}
+function debugFields(shape) {
+    const { source, isEditing } = readMarkdownMeta(shape);
+    return {
+        source: source.length > 40 ? `${source.slice(0, 40)}…` : source,
+        isEditing,
+    };
+}
+function MarkdownIcon() {
+    return (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", "aria-hidden": "true", children: _jsx("text", { x: "10", y: "14", textAnchor: "middle", fontSize: "11", fontWeight: "bold", fill: "currentColor", fontFamily: "ui-monospace, monospace", children: "M\u2193" }) }));
+}
+// ── Plugin ──
+export function createMarkdownPlugin() {
+    return {
+        id: "usketch-plugin-shape-markdown",
+        name: "Markdown",
+        setup(ctx) {
+            const service = createMarkdownEditingService(ctx);
+            const { send, matches, stop: stopMachine } = service;
+            // ── Editor CustomEvent listeners (dispatched from render.tsx) ──
+            const onInput = (e) => {
+                const { id, source, scrollHeight } = e.detail;
+                send({ type: "EDIT_INPUT", id, source, scrollHeight });
+            };
+            const onBlur = (e) => {
+                const { id } = e.detail;
+                requestAnimationFrame(() => send({ type: "EDIT_BLUR", id }));
+            };
+            const onEscape = (e) => {
+                const { id } = e.detail;
+                send({ type: "EDIT_ESCAPE", id });
+            };
+            // Auto-fit shape height to rendered content (view mode only). Applied
+            // directly (not via a command) so it never pollutes undo history.
+            const onMeasure = (e) => {
+                const { id, height } = e.detail;
+                const shape = ctx.store.getShape(id);
+                if (!shape || shape.type !== MARKDOWN_TYPE)
+                    return;
+                if (readMarkdownMeta(shape).isEditing)
+                    return;
+                if (height > 0 && Math.abs(shape.height - height) > 1) {
+                    ctx.store.updateShape(id, { height });
+                }
+            };
+            window.addEventListener(MD_INPUT_EVENT, onInput);
+            window.addEventListener(MD_BLUR_EVENT, onBlur);
+            window.addEventListener(MD_ESCAPE_EVENT, onEscape);
+            window.addEventListener(MD_MEASURE_EVENT, onMeasure);
+            // ── Outside-click exits edit mode ──
+            const onWindowPointerDown = (e) => {
+                if (!matches("editing"))
+                    return;
+                const target = e.target instanceof Element ? e.target : e.target?.parentElement;
+                if (target?.closest("[data-usketch-md-editor]"))
+                    return;
+                send({ type: "OUTSIDE_CLICK" });
+            };
+            window.addEventListener("pointerdown", onWindowPointerDown, true);
+            // ── Paste / drop → markdown shape ──
+            // Table handler (order 10) wins for tabular content; plain text falls
+            // through to the catch-all (order 0).
+            const offTableHandler = ctx.externalContent.register(createMarkdownTableHandler());
+            const offExternal = ctx.externalContent.register(createMarkdownTextHandler());
+            // The currently-selected single markdown shape, or null. Used by the
+            // "Edit source" action's isEnabled/run.
+            const selectedMarkdownId = () => {
+                const sel = ctx.store.getSelection();
+                if (sel.size !== 1)
+                    return null;
+                const id = [...sel][0];
+                return ctx.store.getShape(id)?.type === MARKDOWN_TYPE ? id : null;
+            };
+            // ── Explicit edit trigger: Control HUD "Edit source" action ──
+            // (Editing is intentionally NOT bound to double-click, so rendered
+            // content interactions stay free.)
+            const offEditAction = ctx.actions.register({
+                id: "markdown:edit",
+                label: "✎ Edit source",
+                group: "Markdown",
+                isEnabled: () => selectedMarkdownId() !== null,
+                run: () => {
+                    const id = selectedMarkdownId();
+                    if (id)
+                        send({ type: "BEGIN_EDIT", shapeId: id });
+                },
+            });
+            // ── Track selection (drives content interactivity) + exit edit on deselect ──
+            markdownSelection.set(ctx.store.getSelection());
+            const unsubscribe = ctx.store.subscribe(() => {
+                markdownSelection.set(ctx.store.getSelection());
+                const editingShapeId = service.context.editingShapeId;
+                if (editingShapeId && !ctx.store.getSelection().has(editingShapeId)) {
+                    send({ type: "DESELECTED" });
+                }
+            });
+            // ── Shape registration ──
+            ctx.shapes.register(MARKDOWN_TYPE, {
+                render: renderMarkdown,
+                getBounds,
+                hitTest: withRotation(hitTest),
+                resize,
+                createDefault,
+                renderTarget: "html",
+                minSize: MARKDOWN_MIN_SIZE,
+                simplifiedComponent: SimplifiedMarkdown,
+                serializeForAi,
+                debugFields,
+            });
+            // ── Draw tool ──
+            ctx.tools.register("markdown-draw", {
+                icon: MarkdownIcon,
+                cursor: "text",
+                shortcut: MARKDOWN_SHORTCUT,
+                order: 26,
+                onPointerDown(toolCtx, event) {
+                    const id = generateId();
+                    const defaults = createDefault({ id, x: event.worldPoint.x, y: event.worldPoint.y });
+                    const shape = { ...defaults, y: defaults.y - defaults.height / 2 };
+                    toolCtx.commands.execute(createAddShapeCommand(toolCtx.store, shape));
+                    toolCtx.store.setSelection([id]);
+                    toolCtx.store.resetToDefaultTool();
+                    send({ type: "CREATE_SHAPE", shapeId: id });
+                },
+                onPointerMove() { },
+                onPointerUp() { },
+            });
+            // ── Teardown ──
+            return () => {
+                stopMachine();
+                window.removeEventListener(MD_INPUT_EVENT, onInput);
+                window.removeEventListener(MD_BLUR_EVENT, onBlur);
+                window.removeEventListener(MD_ESCAPE_EVENT, onEscape);
+                window.removeEventListener(MD_MEASURE_EVENT, onMeasure);
+                window.removeEventListener("pointerdown", onWindowPointerDown, true);
+                offEditAction();
+                offTableHandler();
+                offExternal();
+                unsubscribe();
+            };
+        },
+    };
+}
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

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

package/dist/render.d.ts

@@ -0,0 +1,11 @@
+import type { ShapeData } from "@edv4h/usketch-shared";
+export declare const MD_INPUT_EVENT = "usketch:markdown-input";
+export declare const MD_BLUR_EVENT = "usketch:markdown-blur";
+export declare const MD_ESCAPE_EVENT = "usketch:markdown-escape";
+export declare const MD_MEASURE_EVENT = "usketch:markdown-measure";
+export declare function renderMarkdown(shape: ShapeData): import("react").JSX.Element;
+/** LOD: first non-empty line, stripped of common markdown markers. */
+export declare function SimplifiedMarkdown({ shape }: {
+    shape: ShapeData;
+}): import("react").JSX.Element;
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AASvD,eAAO,MAAM,cAAc,2BAA2B,CAAC;AACvD,eAAO,MAAM,aAAa,0BAA0B,CAAC;AACrD,eAAO,MAAM,eAAe,4BAA4B,CAAC;AACzD,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAiQ3D,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,+BAM9C;AAED,sEAAsE;AACtE,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,+BA+BjE"}

package/dist/render.js

@@ -0,0 +1,280 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useSyncExternalStore } from "react";
+import Markdown, {} from "react-markdown";
+import rehypeHighlight from "rehype-highlight";
+import remarkGfm from "remark-gfm";
+import { markdownSelection } from "./selection-store.js";
+import { readMarkdownMeta } from "./types.js";
+// ── Custom events (plugin.tsx listens on window) ──
+export const MD_INPUT_EVENT = "usketch:markdown-input";
+export const MD_BLUR_EVENT = "usketch:markdown-blur";
+export const MD_ESCAPE_EVENT = "usketch:markdown-escape";
+export const MD_MEASURE_EVENT = "usketch:markdown-measure";
+const STYLE_ID = "usketch-markdown-styles";
+/** Inject scoped markdown + highlight.js theme CSS once per document. */
+function ensureStyles() {
+    if (typeof document === "undefined")
+        return;
+    if (document.getElementById(STYLE_ID))
+        return;
+    const el = document.createElement("style");
+    el.id = STYLE_ID;
+    el.textContent = MARKDOWN_CSS;
+    document.head.appendChild(el);
+}
+function isDarkTheme() {
+    if (typeof document === "undefined")
+        return false;
+    const attr = document.documentElement.getAttribute("data-theme");
+    if (attr === "dark")
+        return true;
+    if (attr === "light")
+        return false;
+    return (typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches);
+}
+// ── Mermaid block (dynamic import; renders SVG into a ref container) ──
+function MermaidBlock({ code }) {
+    const ref = useRef(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        (async () => {
+            try {
+                // Dynamic import keeps the (large) mermaid bundle out of the main chunk.
+                const mermaid = (await import("mermaid")).default;
+                mermaid.initialize({
+                    startOnLoad: false,
+                    // strict: mermaid sanitizes labels, disables inline HTML & click handlers.
+                    securityLevel: "strict",
+                    theme: isDarkTheme() ? "dark" : "default",
+                });
+                const id = `usketch-mermaid-${Math.random().toString(36).slice(2)}`;
+                const { svg } = await mermaid.render(id, code);
+                if (cancelled || !ref.current)
+                    return;
+                // Parse the SVG string and adopt the <svg> node rather than assigning
+                // `innerHTML` — avoids a string-HTML sink (CSP / Trusted Types friendly).
+                const parsed = new DOMParser().parseFromString(svg, "image/svg+xml");
+                const svgEl = parsed.querySelector("svg");
+                if (!svgEl)
+                    throw new Error("Mermaid produced no <svg>");
+                ref.current.replaceChildren(document.importNode(svgEl, true));
+                setError(null);
+            }
+            catch (e) {
+                if (!cancelled)
+                    setError(e instanceof Error ? e.message : "Mermaid render error");
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [code]);
+    if (error) {
+        return (_jsx("pre", { className: "usketch-md-mermaid-error", title: error, children: `⚠ mermaid: ${error}\n\n${code}` }));
+    }
+    return _jsx("div", { ref: ref, className: "usketch-md-mermaid", role: "img", "aria-label": "mermaid diagram" });
+}
+// ── Rendered (view) mode ──
+const mdComponents = {
+    code({ className, children }) {
+        const lang = /language-(\w+)/.exec(className ?? "")?.[1];
+        if (lang === "mermaid") {
+            return _jsx(MermaidBlock, { code: String(children).replace(/\n$/, "") });
+        }
+        // rehype-highlight has already injected token <span>s into children.
+        return _jsx("code", { className: className, children: children });
+    },
+    // Links open in a new tab; never let a markdown link navigate the whole app.
+    a({ href, children }) {
+        return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", children: children }));
+    },
+};
+function MarkdownView({ shape }) {
+    const { source } = readMarkdownMeta(shape);
+    const ref = useRef(null);
+    // Content is interactive (links, text selection) only while the shape is
+    // selected; unselected shapes stay non-interactive so a click/drag on the
+    // canvas selects & moves the shape.
+    const selected = useSyncExternalStore(markdownSelection.subscribe, () => markdownSelection.has(shape.id));
+    useEffect(() => {
+        ensureStyles();
+    }, []);
+    // Auto-fit the shape height to the rendered content (GFM tables, mermaid
+    // diagrams etc. are usually taller than the raw source). Mermaid renders
+    // asynchronously, so a ResizeObserver catches the late height change.
+    useEffect(() => {
+        const el = ref.current;
+        if (!el || typeof ResizeObserver === "undefined")
+            return;
+        const ro = new ResizeObserver(() => {
+            window.dispatchEvent(new CustomEvent(MD_MEASURE_EVENT, {
+                detail: { id: shape.id, height: el.scrollHeight },
+            }));
+        });
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, [shape.id]);
+    return (_jsx("div", { className: "usketch-md", ref: ref, 
+        // When selected: links are clickable and Alt+drag selects text (stop
+        // propagation so the canvas doesn't move the shape); a plain drag moves
+        // the shape (bubbles to the select tool). When unselected the content is
+        // pass-through (pointerEvents:none) so the canvas handles select/move —
+        // i.e. links are only clickable while the shape is selected.
+        onPointerDown: selected
+            ? (e) => {
+                if (e.altKey) {
+                    e.currentTarget.style.userSelect = "text";
+                    e.stopPropagation();
+                }
+                else {
+                    e.currentTarget.style.userSelect = "none";
+                }
+            }
+            : undefined, 
+        // Reset the imperative userSelect after an Alt+drag so it doesn't linger
+        // into the next (plain) drag before a re-render clears it.
+        onPointerUp: selected ? (e) => (e.currentTarget.style.userSelect = "none") : undefined, onPointerCancel: selected ? (e) => (e.currentTarget.style.userSelect = "none") : undefined, style: {
+            width: "100%",
+            boxSizing: "border-box",
+            padding: 8,
+            overflow: "hidden",
+            // Selected → interactive content (links clickable, Alt+drag text select).
+            // Unselected → transparent to pointers so the canvas handles select/move.
+            pointerEvents: selected ? "auto" : "none",
+            userSelect: "none",
+            color: shape.style.stroke,
+            background: shape.style.fill === "transparent" ? "transparent" : shape.style.fill,
+        }, children: source.trim() === "" ? (_jsx("span", { className: "usketch-md-empty", children: "\uFF08\u7A7A\u306E Markdown \u2014 HUD \u306E Edit source \u3067\u7DE8\u96C6\uFF09" })) : (_jsx(Markdown, { remarkPlugins: [remarkGfm], 
+            // ignoreMissing: unsupported languages (incl. our ```mermaid``` blocks,
+            // which highlight.js doesn't know) fall back to plain code instead of
+            // throwing and breaking the whole render.
+            rehypePlugins: [[rehypeHighlight, { ignoreMissing: true }]], components: mdComponents, children: source })) }));
+}
+// ── Editor (raw markdown) mode ──
+function MarkdownEditor({ shape }) {
+    const { source } = readMarkdownMeta(shape);
+    const ref = useRef(null);
+    // Focus + place cursor at end once when entering edit mode. The textarea's
+    // own value is uncontrolled after mount so the caret isn't reset on input.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: init once per mount (textarea is uncontrolled afterwards)
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        el.value = source;
+        autoGrow(el);
+        requestAnimationFrame(() => {
+            el.focus();
+            el.setSelectionRange(el.value.length, el.value.length);
+        });
+    }, []);
+    const emitInput = (el) => {
+        autoGrow(el);
+        window.dispatchEvent(new CustomEvent(MD_INPUT_EVENT, {
+            detail: { id: shape.id, source: el.value, scrollHeight: el.scrollHeight },
+        }));
+    };
+    return (_jsx("textarea", { ref: ref, "data-usketch-md-editor": "1", defaultValue: source, spellCheck: false, onInput: (e) => {
+            if (e.nativeEvent.isComposing)
+                return;
+            emitInput(e.currentTarget);
+        }, onCompositionEnd: (e) => emitInput(e.currentTarget), onKeyDown: (e) => {
+            e.stopPropagation();
+            if (e.key === "Escape" && !e.nativeEvent.isComposing) {
+                window.dispatchEvent(new CustomEvent(MD_ESCAPE_EVENT, { detail: { id: shape.id } }));
+            }
+        }, onBlur: () => {
+            window.dispatchEvent(new CustomEvent(MD_BLUR_EVENT, { detail: { id: shape.id } }));
+        }, onPointerDown: (e) => e.stopPropagation(), style: {
+            width: "100%",
+            height: "100%",
+            boxSizing: "border-box",
+            padding: 8,
+            border: "none",
+            outline: "none",
+            resize: "none",
+            background: "var(--bg-input, #1e1e1e)",
+            color: "var(--fg-primary, #eee)",
+            fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+            fontSize: 13,
+            lineHeight: 1.5,
+            cursor: "text",
+            pointerEvents: "auto",
+            userSelect: "auto",
+        } }));
+}
+function autoGrow(el) {
+    el.style.height = "auto";
+    el.style.height = `${el.scrollHeight}px`;
+}
+// ── Entry point + LOD ──
+export function renderMarkdown(shape) {
+    return readMarkdownMeta(shape).isEditing ? (_jsx(MarkdownEditor, { shape: shape })) : (_jsx(MarkdownView, { shape: shape }));
+}
+/** LOD: first non-empty line, stripped of common markdown markers. */
+export function SimplifiedMarkdown({ shape }) {
+    const { source } = readMarkdownMeta(shape);
+    const firstLine = source
+        .split("\n")
+        .map((l) => l.trim())
+        .find((l) => l.length > 0) ?? "";
+    const plain = firstLine.replace(/^#{1,6}\s+/, "").replace(/[*_`>#-]/g, "");
+    return (_jsx("div", { style: {
+            position: "absolute",
+            left: shape.x,
+            top: shape.y,
+            width: shape.width,
+            height: shape.height,
+            padding: 8,
+            boxSizing: "border-box",
+            fontFamily: "system-ui, sans-serif",
+            fontSize: 14,
+            fontWeight: 600,
+            color: shape.style.stroke || "#222",
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis",
+            pointerEvents: "none",
+        }, children: plain || "Markdown" }));
+}
+// ── Scoped CSS (markdown layout + compact highlight.js github theme) ──
+const MARKDOWN_CSS = `
+.usketch-md { font-family: system-ui, -apple-system, sans-serif; font-size: 13px; line-height: 1.55; word-break: break-word; }
+.usketch-md > :first-child { margin-top: 0; }
+.usketch-md > :last-child { margin-bottom: 0; }
+.usketch-md h1, .usketch-md h2, .usketch-md h3 { margin: 0.4em 0 0.3em; line-height: 1.25; font-weight: 700; }
+.usketch-md h1 { font-size: 1.6em; } .usketch-md h2 { font-size: 1.35em; } .usketch-md h3 { font-size: 1.15em; }
+.usketch-md p { margin: 0.4em 0; }
+.usketch-md ul, .usketch-md ol { margin: 0.3em 0; padding-left: 1.4em; }
+.usketch-md li { margin: 0.1em 0; }
+.usketch-md a { color: #2563eb; text-decoration: underline; }
+.usketch-md blockquote { margin: 0.4em 0; padding: 0 0.8em; border-left: 3px solid currentColor; opacity: 0.75; }
+.usketch-md table { border-collapse: collapse; margin: 0.4em 0; font-size: 0.95em; }
+.usketch-md th, .usketch-md td { border: 1px solid rgba(128,128,128,0.4); padding: 3px 8px; }
+.usketch-md th { background: rgba(128,128,128,0.15); font-weight: 600; }
+.usketch-md code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; background: rgba(128,128,128,0.15); padding: 1px 4px; border-radius: 3px; }
+.usketch-md pre { margin: 0.4em 0; padding: 8px 10px; border-radius: 6px; overflow-x: auto; background: #f6f8fa; }
+.usketch-md pre code { background: none; padding: 0; }
+.usketch-md input[type="checkbox"] { margin-right: 6px; }
+.usketch-md-empty { opacity: 0.5; font-style: italic; }
+.usketch-md-mermaid { display: flex; justify-content: center; margin: 0.4em 0; }
+.usketch-md-mermaid svg { max-width: 100%; height: auto; }
+.usketch-md-mermaid-error { color: #dc2626; font-size: 0.85em; white-space: pre-wrap; }
+/* highlight.js (github light) */
+.usketch-md .hljs { color: #24292e; }
+.usketch-md .hljs-comment, .usketch-md .hljs-quote { color: #6a737d; }
+.usketch-md .hljs-keyword, .usketch-md .hljs-selector-tag, .usketch-md .hljs-literal, .usketch-md .hljs-type { color: #d73a49; }
+.usketch-md .hljs-string, .usketch-md .hljs-attr, .usketch-md .hljs-regexp, .usketch-md .hljs-addition { color: #032f62; }
+.usketch-md .hljs-number, .usketch-md .hljs-built_in, .usketch-md .hljs-symbol, .usketch-md .hljs-title { color: #005cc5; }
+.usketch-md .hljs-name, .usketch-md .hljs-section, .usketch-md .hljs-attribute { color: #22863a; }
+.usketch-md .hljs-variable, .usketch-md .hljs-template-variable, .usketch-md .hljs-deletion { color: #b31d28; }
+:root[data-theme="dark"] .usketch-md pre { background: #161b22; }
+:root[data-theme="dark"] .usketch-md .hljs { color: #c9d1d9; }
+:root[data-theme="dark"] .usketch-md .hljs-comment, :root[data-theme="dark"] .usketch-md .hljs-quote { color: #8b949e; }
+:root[data-theme="dark"] .usketch-md .hljs-keyword, :root[data-theme="dark"] .usketch-md .hljs-literal, :root[data-theme="dark"] .usketch-md .hljs-type { color: #ff7b72; }
+:root[data-theme="dark"] .usketch-md .hljs-string, :root[data-theme="dark"] .usketch-md .hljs-attr { color: #a5d6ff; }
+:root[data-theme="dark"] .usketch-md .hljs-number, :root[data-theme="dark"] .usketch-md .hljs-built_in, :root[data-theme="dark"] .usketch-md .hljs-title { color: #79c0ff; }
+:root[data-theme="dark"] .usketch-md .hljs-name, :root[data-theme="dark"] .usketch-md .hljs-section { color: #7ee787; }
+`;
+//# sourceMappingURL=render.js.map

package/dist/render.js.map

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

package/dist/selection-store.d.ts

@@ -0,0 +1,7 @@
+export declare const markdownSelection: {
+    /** Replace the selected-id set and notify subscribers (no-op if unchanged). */
+    set(ids: ReadonlySet<string>): void;
+    has(id: string): boolean;
+    subscribe(listener: () => void): () => void;
+};
+//# sourceMappingURL=selection-store.d.ts.map

package/dist/selection-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-store.d.ts","sourceRoot":"","sources":["../src/selection-store.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,iBAAiB;IAC7B,+EAA+E;IAC/E,GAAG,MAAM,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI;IAKnC,GAAG,KAAK,MAAM,GAAG,OAAO;IAGxB,SAAS,WAAW,MAAM,IAAI,GAAG,MAAM,IAAI;CAI3C,CAAC"}

package/dist/selection-store.js

@@ -0,0 +1,37 @@
+/**
+ * Tiny observable of "which markdown shapes are currently selected", shared
+ * between the plugin (writer, from `store.subscribe`) and the view renderer
+ * (reader, via `useSyncExternalStore`).
+ *
+ * The view uses this to make rendered content interactive (links / checkboxes)
+ * only while the shape is selected — unselected shapes stay `pointerEvents:none`
+ * so a click selects/moves the shape on the canvas.
+ */
+let selectedIds = new Set();
+const listeners = new Set();
+export const markdownSelection = {
+    /** Replace the selected-id set and notify subscribers (no-op if unchanged). */
+    set(ids) {
+        if (sameSet(ids, selectedIds))
+            return;
+        selectedIds = new Set(ids);
+        for (const l of listeners)
+            l();
+    },
+    has(id) {
+        return selectedIds.has(id);
+    },
+    subscribe(listener) {
+        listeners.add(listener);
+        return () => listeners.delete(listener);
+    },
+};
+function sameSet(a, b) {
+    if (a.size !== b.size)
+        return false;
+    for (const v of a)
+        if (!b.has(v))
+            return false;
+    return true;
+}
+//# sourceMappingURL=selection-store.js.map

package/dist/selection-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-store.js","sourceRoot":"","sources":["../src/selection-store.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAI,WAAW,GAAwB,IAAI,GAAG,EAAE,CAAC;AACjD,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,+EAA+E;IAC/E,GAAG,CAAC,GAAwB;QAC3B,IAAI,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC;YAAE,OAAO;QACtC,WAAW,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3B,KAAK,MAAM,CAAC,IAAI,SAAS;YAAE,CAAC,EAAE,CAAC;IAChC,CAAC;IACD,GAAG,CAAC,EAAU;QACb,OAAO,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,SAAS,CAAC,QAAoB;QAC7B,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC;CACD,CAAC;AAEF,SAAS,OAAO,CAAC,CAAsB,EAAE,CAAsB;IAC9D,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACpC,KAAK,MAAM,CAAC,IAAI,CAAC;QAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC;IAC/C,OAAO,IAAI,CAAC;AACb,CAAC"}

package/dist/table-paste.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Pure helpers to detect tabular clipboard content (HTML `<table>` from
+ * Excel/Google Sheets/web, or delimited TSV/CSV text) and turn it into a GFM
+ * markdown table string. Used by the table external-content handler so a paste
+ * of a spreadsheet selection becomes a rendered markdown table shape.
+ */
+/** Cheap check for `match`: does the HTML payload contain a table element? */
+export declare function htmlHasTable(html: string | null | undefined): boolean;
+/**
+ * Parse an HTML `<table>` (e.g. Excel / Google Sheets rich clipboard) into a
+ * grid of cell strings. Browser-only (uses DOMParser); returns null otherwise.
+ */
+export declare function parseHtmlTable(html: string | null | undefined): string[][] | null;
+/**
+ * Parse delimited plain text (TSV preferred, else CSV) into a grid. Conservative
+ * to avoid turning prose into a table: requires ≥2 non-empty lines, ≥2 columns,
+ * the delimiter present on *every* line, and a consistent column count.
+ * (No CSV quote handling — a pragmatic v1 for spreadsheet copies.)
+ */
+export declare function parseDelimited(text: string | null | undefined): string[][] | null;
+/** Render a grid as a GFM table. First row is the header. */
+export declare function toMarkdownTable(rows: string[][]): string;
+//# sourceMappingURL=table-paste.d.ts.map

package/dist/table-paste.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-paste.d.ts","sourceRoot":"","sources":["../src/table-paste.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAErE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,EAAE,EAAE,GAAG,IAAI,CAajF;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,EAAE,EAAE,GAAG,IAAI,CAmBjF;AAED,6DAA6D;AAC7D,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,GAAG,MAAM,CASxD"}