@richhtmleditor/diagrams 1.1.0

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import type { EditorPlugin } from "@richhtmleditor/core";
+export type DiagramsPluginOptions = {
+    /**
+     * Render diagram source code to an HTML/SVG string for insertion into the editor.
+     * The returned HTML goes through editor.setContent() so embedded <style> blocks may be
+     * stripped — use inline styles or a data-URL if needed.
+     * If omitted the raw code is displayed in a styled `<pre>` block.
+     */
+    renderDiagram?: (code: string) => string | Promise<string>;
+    /**
+     * Optional separate renderer used only for the modal live-preview panel.
+     * Because the preview never goes through editor.setContent(), you can return
+     * the raw SVG (with its embedded <style>) for correct color/font rendering.
+     * Falls back to renderDiagram when not provided.
+     */
+    renderPreview?: (code: string) => string | Promise<string>;
+    /** Starter code shown in the modal. Default: 'graph TD\n  A[Start] --> B[End]' */
+    placeholder?: string;
+    /** Label shown on the toolbar button. Default: 'Diagram' */
+    label?: string;
+};
+/**
+ * Mermaid / flowchart diagram blocks plugin.
+ *
+ * Adds an `insertDiagram` toolbar button. Diagrams are stored as
+ * `<figure class="de-diagram" data-diagram="...">` in the HTML.
+ * Click a diagram in the editor to edit it.
+ *
+ * Pass `renderDiagram` to enable live preview and rendered output:
+ * ```ts
+ * import mermaid from "mermaid";
+ * mermaid.initialize({ startOnLoad: false });
+ *
+ * createEditor({
+ *   plugins: [createDiagramsPlugin({
+ *     renderDiagram: async (code) => {
+ *       const { svg } = await mermaid.render("d" + Date.now(), code);
+ *       return svg;
+ *     }
+ *   })]
+ * });
+ * ```
+ */
+export declare function createDiagramsPlugin(options?: DiagramsPluginOptions): EditorPlugin;
+/** Strip rendered content from diagram figures, leaving only the `data-diagram` source attribute. */
+export declare function prepareDiagramsForExport(html: string): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3D;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3D,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAwYF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,qBAA0B,GAAG,YAAY,CAoKtF;AAED,qGAAqG;AACrG,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQ7D"}

package/dist/index.js

@@ -0,0 +1,515 @@
+const DIAGRAM_CLASS = "de-diagram";
+const DIAGRAM_MODAL_CLASS = "de-diagram-modal";
+const DEFAULT_PLACEHOLDER = "graph TD\n  A[Start] --> B[End]";
+const DIAGRAM_STARTERS = [
+    {
+        label: "Flowchart",
+        code: "graph TD\n  A[Start] --> B{Decision}\n  B -->|Yes| C[Do it]\n  B -->|No| D[Skip]\n  C --> E[End]\n  D --> E"
+    },
+    {
+        label: "Sequence",
+        code: "sequenceDiagram\n  Alice->>Bob: Hello Bob!\n  Bob-->>Alice: Hi Alice!\n  Alice->>Bob: How are you?\n  Bob-->>Alice: Great, thanks!"
+    },
+    {
+        label: "Pie chart",
+        code: "pie title Browser Usage\n  \"Chrome\" : 65\n  \"Safari\" : 19\n  \"Firefox\" : 9\n  \"Other\" : 7"
+    },
+    {
+        label: "Gantt",
+        code: "gantt\n  title Project Timeline\n  dateFormat YYYY-MM-DD\n  section Planning\n    Research   :a1, 2024-01-01, 10d\n    Design     :a2, after a1, 7d\n  section Build\n    Development :b1, after a2, 20d\n    Testing     :b2, after b1, 5d"
+    },
+    {
+        label: "Class",
+        code: "classDiagram\n  class Animal {\n    +String name\n    +speak() void\n  }\n  class Dog {\n    +fetch() void\n  }\n  Animal <|-- Dog"
+    },
+    {
+        label: "State",
+        code: "stateDiagram-v2\n  [*] --> Idle\n  Idle --> Active : start\n  Active --> Idle : stop\n  Active --> [*] : finish"
+    },
+    {
+        label: "ER",
+        code: "erDiagram\n  CUSTOMER ||--o{ ORDER : places\n  ORDER ||--|{ LINE-ITEM : contains\n  CUSTOMER { string name\n    string email }\n  ORDER { int id\n    date created }"
+    }
+];
+function escapeHtml(s) {
+    return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+async function renderOrFallback(code, renderer) {
+    if (!code.trim())
+        return "";
+    if (renderer) {
+        try {
+            return await Promise.resolve(renderer(code));
+        }
+        catch (e) {
+            return `<span style="color:#dc2626;font-size:.8em;">Render error: ${escapeHtml(String(e))}</span>`;
+        }
+    }
+    return `<pre class="${DIAGRAM_CLASS}__code" style="font-family:monospace;font-size:.85rem;background:#f1f5f9;padding:12px;border-radius:6px;overflow:auto;white-space:pre;">${escapeHtml(code)}</pre>`;
+}
+/** Apply syntax highlighting to Mermaid code. Receives raw code, returns HTML string. */
+function highlightMermaid(code) {
+    return code
+        .split("\n")
+        .map((rawLine) => {
+        let line = escapeHtml(rawLine);
+        const trimmed = rawLine.trim();
+        // Comment lines
+        if (trimmed.startsWith("%%")) {
+            return `<span style="color:#64748b;font-style:italic">${line}</span>`;
+        }
+        // Diagram-type keyword at start of line
+        line = line.replace(/^(graph|sequenceDiagram|classDiagram|stateDiagram(?:-v2)?|erDiagram|gantt|pie(?:\s+title)?|flowchart|journey|gitGraph|mindmap|timeline)/, '<span style="color:#c084fc;font-weight:600">$1</span>');
+        // Direction keywords
+        line = line.replace(/\b(TD|TB|LR|RL|BT)\b/g, '<span style="color:#38bdf8">$1</span>');
+        // Block keywords
+        line = line.replace(/\b(section|dateFormat|title|participant|actor|loop|end|alt|else|opt|par|autonumber|note|over|activate|deactivate|rect|critical|break|class|namespace)\b/g, (m) => `<span style="color:#a78bfa">${m}</span>`);
+        // Escaped arrows (HTML-escaped forms of -->, ->>, etc.)
+        line = line.replace(/(--&gt;&gt;?|\.\.&gt;&gt;?|-&gt;&gt;?|==&gt;|--&gt;|\.\.&gt;|-&gt;|&lt;--&gt;?|&lt;-&gt;&gt;?)/g, '<span style="color:#38bdf8">$1</span>');
+        // ER / class relationship symbols (||--o{, <|--, etc.)
+        line = line.replace(/(\|\|--o\{|\|\|--\|\{|o\|--\|\||&lt;\|--|--\|&gt;)/g, '<span style="color:#38bdf8">$1</span>');
+        // Pipe labels |label| — content must not span lines or contain < >
+        line = line.replace(/\|([^|<>]{0,60})\|/g, '|<span style="color:#fbbf24">$1</span>|');
+        // Square bracket node labels [...]
+        line = line.replace(/\[([^\]<>]{0,80})\]/g, '[<span style="color:#4ade80">$1</span>]');
+        // Curly brace conditions {...}
+        line = line.replace(/\{([^}<>]{0,60})\}/g, '{<span style="color:#fb923c">$1</span>}');
+        // Quoted strings &quot;...&quot;
+        line = line.replace(/(&quot;)([^&]{0,80})(&quot;)/g, '$1<span style="color:#fbbf24">$2</span>$3');
+        return line;
+    })
+        .join("\n");
+}
+const ALIGN_BTNS = [
+    { value: "left", label: "⇤", title: "Align left" },
+    { value: "center", label: "↔", title: "Align center" },
+    { value: "right", label: "⇥", title: "Align right" },
+];
+function buildAlignBtns() {
+    return (`<span class="${DIAGRAM_CLASS}__align-btns" style="display:inline-flex;gap:2px;">` +
+        ALIGN_BTNS.map(({ value, label, title }) => `<button type="button" class="${DIAGRAM_CLASS}__align-btn" data-align-btn="${value}" title="${title}" ` +
+            `style="width:22px;height:18px;border:1px solid rgba(100,116,139,.25);border-radius:3px;background:none;` +
+            `cursor:pointer;font-size:11px;color:#64748b;padding:0;line-height:1;">${label}</button>`).join("") +
+        `</span>`);
+}
+function alignToJustify(align) {
+    return align === "left" ? "flex-start" : align === "right" ? "flex-end" : "center";
+}
+function buildFigureHtml(code, renderedHtml, align = "center") {
+    return (`<figure class="${DIAGRAM_CLASS}" data-diagram="${escapeHtml(code)}" data-align="${align}" contenteditable="false">` +
+        `<div class="${DIAGRAM_CLASS}__content" style="display:flex;justify-content:${alignToJustify(align)};">` +
+        renderedHtml +
+        `</div>` +
+        `<figcaption class="${DIAGRAM_CLASS}__edit-hint" style="align-items:center;justify-content:center;gap:8px;font-size:.75rem;color:#64748b;margin-top:6px;">` +
+        buildAlignBtns() +
+        `<span style="cursor:pointer;margin:0 4px;">Click to edit</span>` +
+        `<button type="button" class="${DIAGRAM_CLASS}__remove" title="Remove diagram" aria-label="Remove diagram" ` +
+        `style="width:18px;height:18px;border-radius:50%;border:none;background:rgba(100,116,139,.15);` +
+        `cursor:pointer;font-size:10px;color:#64748b;padding:0;display:inline-flex;align-items:center;justify-content:center;">✕</button>` +
+        `</figcaption>` +
+        `</figure>`);
+}
+const HELP_STARTERS = {
+    "graph TD": "graph TD\n  A[Start] --> B{Decision}\n  B -->|Yes| C[Do it]\n  B -->|No| D[Skip]\n  C --> E[End]\n  D --> E",
+    "sequenceDiagram": "sequenceDiagram\n  Alice->>Bob: Hello Bob!\n  Bob-->>Alice: Hi Alice!\n  Alice->>Bob: How are you?\n  Bob-->>Alice: Great, thanks!",
+    "classDiagram": "classDiagram\n  class Animal {\n    +String name\n    +speak() void\n  }\n  class Dog {\n    +fetch() void\n  }\n  Animal <|-- Dog",
+    "stateDiagram-v2": "stateDiagram-v2\n  [*] --> Idle\n  Idle --> Active : start\n  Active --> Idle : stop\n  Active --> [*] : finish",
+    "erDiagram": "erDiagram\n  CUSTOMER ||--o{ ORDER : places\n  ORDER ||--|{ LINE-ITEM : contains\n  CUSTOMER { string name\n    string email }\n  ORDER { int id\n    date created }",
+    "gantt": "gantt\n  title Project Timeline\n  dateFormat YYYY-MM-DD\n  section Planning\n    Research   :a1, 2024-01-01, 10d\n    Design     :a2, after a1, 7d\n  section Build\n    Development :b1, after a2, 20d\n    Testing     :b2, after b1, 5d",
+    "pie title X": "pie title Browser Usage\n  \"Chrome\" : 65\n  \"Safari\" : 19\n  \"Firefox\" : 9\n  \"Other\" : 7",
+    "mindmap": "mindmap\n  root((Topic))\n    Branch A\n      Leaf 1\n      Leaf 2\n    Branch B\n      Leaf 3",
+};
+function buildHelpHtml() {
+    const baseCode = "background:#1e293b;border:1px solid #334155;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:.75rem;";
+    function staticChip(text, color) {
+        return `<code style="${baseCode}color:${color};">${escapeHtml(text)}</code>`;
+    }
+    function typeBtn(keyword) {
+        const starter = HELP_STARTERS[keyword] ?? keyword;
+        return `<button type="button" class="${DIAGRAM_MODAL_CLASS}__help-type" data-insert="${escapeHtml(starter)}" ` +
+            `title="Insert ${keyword} template" ` +
+            `style="${baseCode}color:#c084fc;cursor:pointer;border:1px solid #334155;transition:background .12s,border-color .12s;">${escapeHtml(keyword)}</button>`;
+    }
+    function labeled(code, color, label) {
+        return `<span style="display:inline-flex;align-items:center;gap:4px;">${staticChip(code, color)}<span style="color:#64748b;font-size:.7rem;">${label}</span></span>`;
+    }
+    const diagramTypes = ["graph TD", "sequenceDiagram", "classDiagram", "stateDiagram-v2", "erDiagram", "gantt", "pie title X", "mindmap"];
+    const nodeShapes = [["[Rect]", "Rectangle"], ["(Round)", "Rounded"], ["{Diamond}", "Decision"], ["((Circle))", "Circle"], ["[/Parallel/]", "Parallelogram"], ["([Stadium])", "Stadium"]];
+    const arrowStyles = [["-->", "arrow"], ["---", "no arrow"], ["-.->", "dotted"], ["==>", "thick"], ["--x", "cross"], ["-- label -->", "labelled"]];
+    return (`<div style="background:#0f172a;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;">` +
+        `<div><p style="font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 7px;">Diagram types — click to insert</p>` +
+        `<div style="display:flex;flex-wrap:wrap;gap:5px;">${diagramTypes.map((k) => typeBtn(k)).join("")}</div></div>` +
+        `<div><p style="font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 7px;">Flowchart node shapes</p>` +
+        `<div style="display:flex;flex-wrap:wrap;gap:6px;align-items:center;">${nodeShapes.map(([c, l]) => labeled(c, "#4ade80", l)).join("")}</div></div>` +
+        `<div><p style="font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 7px;">Arrow styles</p>` +
+        `<div style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;">${arrowStyles.map(([a, l]) => labeled(a, "#38bdf8", l)).join("")}</div></div>` +
+        `<a href="https://mermaid.js.org/intro/" target="_blank" rel="noopener noreferrer" ` +
+        `style="font-size:.75rem;color:#60a5fa;text-decoration:none;display:inline-flex;align-items:center;gap:4px;width:fit-content;">` +
+        `Full Mermaid documentation ↗</a>` +
+        `</div>`);
+}
+function openDiagramModal(host, options, initialCode, initialAlign, onConfirm) {
+    // Inject modal CSS once (chip hover + textarea placeholder color)
+    const modalStyleId = "de-diagram-modal-styles";
+    if (!document.getElementById(modalStyleId)) {
+        const st = document.createElement("style");
+        st.id = modalStyleId;
+        st.textContent =
+            `.${DIAGRAM_MODAL_CLASS}__chip:hover{background:var(--de-primary-hover,#eff6ff)!important;border-color:var(--de-primary,#2563eb)!important;color:var(--de-primary,#2563eb)!important;}` +
+                `.${DIAGRAM_MODAL_CLASS}__input::placeholder{color:#475569;}` +
+                `.${DIAGRAM_MODAL_CLASS}__help-type:hover{background:#334155!important;border-color:#64748b!important;}` +
+                `.${DIAGRAM_MODAL_CLASS}__help-toggle:hover{background:rgba(100,116,139,.1)!important;border-color:#94a3b8!important;color:#334155!important;}`;
+        document.head.appendChild(st);
+    }
+    const backdrop = document.createElement("div");
+    backdrop.style.cssText = "position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center;";
+    const panel = document.createElement("div");
+    panel.className = DIAGRAM_MODAL_CLASS;
+    panel.setAttribute("role", "dialog");
+    panel.setAttribute("aria-modal", "true");
+    panel.setAttribute("aria-label", "Insert diagram");
+    panel.style.cssText = "background:var(--de-toolbar-bg,#fff);border-radius:12px;padding:24px;width:min(960px,96vw);max-height:94vh;overflow:auto;box-shadow:0 16px 48px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:12px;";
+    // Build starter chips HTML
+    const chipsHtml = DIAGRAM_STARTERS.map((s) => `<button type="button" class="${DIAGRAM_MODAL_CLASS}__chip" data-code="${escapeHtml(s.code)}"` +
+        ` style="padding:4px 11px;border:1px solid var(--de-border,#e2e8f0);border-radius:999px;` +
+        `background:none;cursor:pointer;font-size:.75rem;font-weight:500;color:#475569;` +
+        `white-space:nowrap;transition:border-color .12s,background .12s;">${s.label}</button>`).join("");
+    // Dark syntax-highlighted code editor: highlight layer (absolute) + transparent textarea on top
+    const editorWrapCss = "position:relative;height:320px;border-radius:8px;overflow:hidden;border:1px solid #334155;";
+    const highlightLayerCss = "position:absolute;inset:0;overflow:auto;padding:8px 10px;margin:0;" +
+        "font-family:monospace;font-size:.85rem;line-height:1.5;" +
+        "white-space:pre-wrap;word-wrap:break-word;" +
+        "background:#0f172a;color:#e2e8f0;pointer-events:none;box-sizing:border-box;";
+    const textareaCss = "position:absolute;inset:0;overflow:auto;padding:8px 10px;" +
+        "border:none;outline:none;resize:none;box-sizing:border-box;" +
+        "font-family:monospace;font-size:.85rem;line-height:1.5;" +
+        "white-space:pre-wrap;word-wrap:break-word;" +
+        "background:transparent;color:transparent;caret-color:#e2e8f0;z-index:1;";
+    const helpBtnStyle = "display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border:1px solid var(--de-border,#e2e8f0);border-radius:6px;background:none;cursor:pointer;font-size:.8rem;font-weight:600;color:#64748b;transition:color .12s,background .12s,border-color .12s;";
+    const helpCircleStyle = "display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:1.5px solid currentColor;font-size:.65rem;font-weight:800;flex-shrink:0;line-height:1;";
+    panel.innerHTML = `
+    <h3 style="margin:0;font-size:1rem;font-weight:600;">Insert diagram</h3>
+    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+      <div style="display:flex;flex-direction:column;gap:8px;">
+        <p style="font-size:.75rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.04em;color:#64748b;">Diagram code</p>
+        <div style="${editorWrapCss}">
+          <div class="${DIAGRAM_MODAL_CLASS}__highlight" style="${highlightLayerCss}"></div>
+          <textarea class="${DIAGRAM_MODAL_CLASS}__input" spellcheck="false"
+            placeholder="${escapeHtml(options.placeholder ?? DEFAULT_PLACEHOLDER)}"
+            style="${textareaCss}">${escapeHtml(initialCode)}</textarea>
+        </div>
+        <div>
+          <p style="font-size:.7rem;font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;">Quick start</p>
+          <div class="${DIAGRAM_MODAL_CLASS}__chips" style="display:flex;flex-wrap:wrap;gap:6px;">${chipsHtml}</div>
+        </div>
+      </div>
+      <div style="display:flex;flex-direction:column;gap:8px;">
+        <p style="font-size:.75rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.04em;color:#64748b;">Preview</p>
+        <div class="${DIAGRAM_MODAL_CLASS}__preview" style="height:280px;padding:8px;border:1px solid var(--de-border,#e2e8f0);border-radius:8px;background:var(--de-content-bg,#fff);overflow:auto;"></div>
+      </div>
+    </div>
+    <div>
+      <button type="button" class="${DIAGRAM_MODAL_CLASS}__help-toggle" style="${helpBtnStyle}">
+        <span style="${helpCircleStyle}">?</span>
+        Syntax reference
+        <span class="${DIAGRAM_MODAL_CLASS}__help-chevron" style="font-size:.7rem;transition:transform .2s;margin-left:2px;">▾</span>
+      </button>
+      <div class="${DIAGRAM_MODAL_CLASS}__help" hidden style="margin-top:8px;">${buildHelpHtml()}</div>
+    </div>
+    <div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px;">
+      <button type="button" class="${DIAGRAM_MODAL_CLASS}__cancel" style="padding:7px 16px;border:1px solid var(--de-border,#e2e8f0);background:none;border-radius:8px;cursor:pointer;font-size:.875rem;">Cancel</button>
+      <button type="button" class="${DIAGRAM_MODAL_CLASS}__confirm" style="padding:7px 16px;background:var(--de-primary,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;">Insert</button>
+    </div>
+  `;
+    backdrop.appendChild(panel);
+    document.body.appendChild(backdrop);
+    const textarea = panel.querySelector(`.${DIAGRAM_MODAL_CLASS}__input`);
+    const highlight = panel.querySelector(`.${DIAGRAM_MODAL_CLASS}__highlight`);
+    const preview = panel.querySelector(`.${DIAGRAM_MODAL_CLASS}__preview`);
+    const cancelBtn = panel.querySelector(`.${DIAGRAM_MODAL_CLASS}__cancel`);
+    const confirmBtn = panel.querySelector(`.${DIAGRAM_MODAL_CLASS}__confirm`);
+    let lastRendered = "";
+    let previewTimer = null;
+    const currentAlign = initialAlign;
+    const updateHighlight = () => {
+        highlight.innerHTML = highlightMermaid(textarea.value);
+    };
+    const updatePreview = () => {
+        if (previewTimer)
+            clearTimeout(previewTimer);
+        previewTimer = setTimeout(async () => {
+            // Use renderPreview (raw SVG, styles intact) for display; renderDiagram for insertion
+            const editorHtml = await renderOrFallback(textarea.value, options.renderDiagram);
+            lastRendered = editorHtml;
+            const previewHtml = options.renderPreview
+                ? await renderOrFallback(textarea.value, options.renderPreview)
+                : editorHtml;
+            preview.innerHTML = previewHtml || `<span style="color:#94a3b8;font-size:.85rem;">Preview will appear here…</span>`;
+            // Scale SVG to fit preview container
+            const svgEl = preview.querySelector("svg");
+            if (svgEl) {
+                svgEl.removeAttribute("width");
+                svgEl.removeAttribute("height");
+                svgEl.style.width = "100%";
+                svgEl.style.height = "auto";
+                svgEl.style.display = "block";
+            }
+        }, 300);
+    };
+    // Sync scroll between transparent textarea and highlight layer
+    textarea.addEventListener("scroll", () => {
+        highlight.scrollTop = textarea.scrollTop;
+        highlight.scrollLeft = textarea.scrollLeft;
+    });
+    textarea.addEventListener("input", () => {
+        updateHighlight();
+        updatePreview();
+    });
+    // Initial render
+    updateHighlight();
+    updatePreview();
+    // Wire starter chips
+    panel.querySelectorAll(`.${DIAGRAM_MODAL_CLASS}__chip`).forEach((chip) => {
+        chip.addEventListener("click", () => {
+            textarea.value = chip.dataset.code ?? "";
+            textarea.focus();
+            updateHighlight();
+            updatePreview();
+        });
+    });
+    // Wire help toggle
+    const helpToggle = panel.querySelector(`.${DIAGRAM_MODAL_CLASS}__help-toggle`);
+    const helpPanel = panel.querySelector(`.${DIAGRAM_MODAL_CLASS}__help`);
+    const helpChevron = helpToggle.querySelector(`.${DIAGRAM_MODAL_CLASS}__help-chevron`);
+    helpToggle.addEventListener("click", () => {
+        const isOpen = !helpPanel.hidden;
+        helpPanel.hidden = isOpen;
+        helpChevron.style.transform = isOpen ? "" : "rotate(180deg)";
+    });
+    // Wire help type chips — click inserts starter code into editor
+    panel.querySelectorAll(`.${DIAGRAM_MODAL_CLASS}__help-type`).forEach((btn) => {
+        btn.addEventListener("click", () => {
+            textarea.value = btn.dataset.insert ?? "";
+            textarea.focus();
+            updateHighlight();
+            updatePreview();
+        });
+    });
+    const close = () => {
+        if (previewTimer)
+            clearTimeout(previewTimer);
+        backdrop.remove();
+    };
+    cancelBtn.addEventListener("click", close);
+    backdrop.addEventListener("click", (e) => { if (e.target === backdrop)
+        close(); });
+    panel.addEventListener("keydown", (e) => { if (e.key === "Escape")
+        close(); });
+    confirmBtn.addEventListener("click", async () => {
+        const code = textarea.value.trim();
+        if (!code) {
+            close();
+            return;
+        }
+        const rendered = lastRendered || await renderOrFallback(code, options.renderDiagram);
+        onConfirm(code, rendered, currentAlign);
+        close();
+    });
+    setTimeout(() => textarea.focus(), 50);
+    void host;
+}
+/**
+ * Mermaid / flowchart diagram blocks plugin.
+ *
+ * Adds an `insertDiagram` toolbar button. Diagrams are stored as
+ * `<figure class="de-diagram" data-diagram="...">` in the HTML.
+ * Click a diagram in the editor to edit it.
+ *
+ * Pass `renderDiagram` to enable live preview and rendered output:
+ * ```ts
+ * import mermaid from "mermaid";
+ * mermaid.initialize({ startOnLoad: false });
+ *
+ * createEditor({
+ *   plugins: [createDiagramsPlugin({
+ *     renderDiagram: async (code) => {
+ *       const { svg } = await mermaid.render("d" + Date.now(), code);
+ *       return svg;
+ *     }
+ *   })]
+ * });
+ * ```
+ */
+export function createDiagramsPlugin(options = {}) {
+    return {
+        id: "richhtmleditor-diagrams",
+        tools: [
+            {
+                id: "insertDiagram",
+                type: "button",
+                label: options.label ?? "Diagram",
+                icon: "diagram",
+                display: "icon",
+                tooltip: "Insert Mermaid / flowchart diagram",
+                onClick: (editor) => {
+                    const host = editor.element;
+                    openDiagramModal(host, options, options.placeholder ?? DEFAULT_PLACEHOLDER, "center", async (code, rendered, align) => {
+                        const figHtml = buildFigureHtml(code, rendered, align);
+                        const current = editor.getHTML();
+                        editor.setContent(`${current}<p>${figHtml}</p>`);
+                    });
+                }
+            }
+        ],
+        attach: (editor) => {
+            const host = editor.element;
+            // Prevent re-entrant calls to rerenderAll triggered by our own setContent
+            let isRerendering = false;
+            /** Re-render figures that have no SVG yet, then sync the editor model. */
+            const rerenderAll = async () => {
+                if (!options.renderDiagram || isRerendering)
+                    return;
+                const temp = document.createElement("div");
+                temp.innerHTML = editor.getHTML();
+                const figs = Array.from(temp.querySelectorAll(`figure.${DIAGRAM_CLASS}`));
+                // Only process figures that are not yet rendered (no svg or img child)
+                const toRender = figs.filter((fig) => !fig.querySelector("svg, img"));
+                if (!toRender.length)
+                    return;
+                for (const fig of toRender) {
+                    const code = fig.dataset.diagram ?? "";
+                    if (!code)
+                        continue;
+                    const rendered = await renderOrFallback(code, options.renderDiagram);
+                    const align = fig.dataset.align ?? "center";
+                    const tmpl = document.createElement("template");
+                    tmpl.innerHTML = buildFigureHtml(code, rendered, align);
+                    fig.replaceWith(tmpl.content.firstChild);
+                }
+                isRerendering = true;
+                editor.setContent(temp.innerHTML);
+                isRerendering = false;
+            };
+            /** Return the 0-based index of a DOM figure among all diagram figures in the host. */
+            const figIndex = (fig) => Array.from(host.querySelectorAll(`figure.${DIAGRAM_CLASS}`)).indexOf(fig);
+            /** Replace the model figure at `idx` with `newFigHtml` and commit via setContent. */
+            const commitFigureUpdate = (idx, newFigHtml) => {
+                const temp = document.createElement("div");
+                temp.innerHTML = editor.getHTML();
+                const modelFigs = Array.from(temp.querySelectorAll(`figure.${DIAGRAM_CLASS}`));
+                const target = modelFigs[idx];
+                if (!target)
+                    return;
+                const tmpl = document.createElement("template");
+                tmpl.innerHTML = newFigHtml;
+                target.replaceWith(tmpl.content.firstChild);
+                isRerendering = true;
+                editor.setContent(temp.innerHTML);
+                isRerendering = false;
+            };
+            const onFigureClick = (e) => {
+                const target = e.target;
+                // ── Alignment buttons ────────────────────────────────────────
+                const alignBtn = target.closest(`[data-align-btn]`);
+                if (alignBtn) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    const fig = alignBtn.closest(`figure.${DIAGRAM_CLASS}`);
+                    if (!fig)
+                        return;
+                    const newAlign = alignBtn.dataset.alignBtn;
+                    const idx = figIndex(fig);
+                    const temp = document.createElement("div");
+                    temp.innerHTML = editor.getHTML();
+                    const modelFigs = Array.from(temp.querySelectorAll(`figure.${DIAGRAM_CLASS}`));
+                    if (modelFigs[idx]) {
+                        modelFigs[idx].setAttribute("data-align", newAlign);
+                        const contentDiv = modelFigs[idx].querySelector(`.${DIAGRAM_CLASS}__content`);
+                        if (contentDiv)
+                            contentDiv.style.justifyContent = alignToJustify(newAlign);
+                        isRerendering = true;
+                        editor.setContent(temp.innerHTML);
+                        isRerendering = false;
+                    }
+                    return;
+                }
+                // ── Delete button ────────────────────────────────────────────
+                if (target.closest(`.${DIAGRAM_CLASS}__remove`)) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    const fig = target.closest(`figure.${DIAGRAM_CLASS}`);
+                    if (!fig)
+                        return;
+                    const idx = figIndex(fig);
+                    const temp = document.createElement("div");
+                    temp.innerHTML = editor.getHTML();
+                    const modelFigs = Array.from(temp.querySelectorAll(`figure.${DIAGRAM_CLASS}`));
+                    if (idx >= 0 && modelFigs[idx]) {
+                        // Remove the wrapping <p> too if it is empty after removal
+                        const parent = modelFigs[idx].parentElement;
+                        modelFigs[idx].remove();
+                        if (parent && parent.tagName === "P" && !parent.textContent?.trim() && !parent.children.length) {
+                            parent.remove();
+                        }
+                        isRerendering = true;
+                        editor.setContent(temp.innerHTML);
+                        isRerendering = false;
+                    }
+                    else {
+                        fig.remove();
+                    }
+                    return;
+                }
+                // ── Edit click ───────────────────────────────────────────────
+                const fig = target.closest(`figure.${DIAGRAM_CLASS}`);
+                if (!fig)
+                    return;
+                e.preventDefault();
+                const code = fig.dataset.diagram ?? "";
+                const idx = figIndex(fig);
+                const currentAlign = fig.dataset.align ?? "center";
+                openDiagramModal(host, options, code, currentAlign, (newCode, rendered, align) => {
+                    commitFigureUpdate(idx, buildFigureHtml(newCode, rendered, align));
+                });
+            };
+            const offChange = editor.on("change", () => { void rerenderAll(); });
+            host.addEventListener("click", onFigureClick);
+            // Inject CSS
+            const styleId = "de-diagrams-styles";
+            if (!document.getElementById(styleId)) {
+                const style = document.createElement("style");
+                style.id = styleId;
+                style.textContent = `
+figure.de-diagram{display:block;margin:1rem 0;padding:12px;border:1px solid var(--de-border,#e2e8f0);border-radius:8px;background:var(--de-content-bg,#fff);cursor:pointer;}
+figure.de-diagram:hover{border-color:var(--de-primary,#2563eb);}
+figure.de-diagram svg,figure.de-diagram img{max-width:100%;height:auto;}
+.de-diagram__content{display:flex;}
+figure.de-diagram .de-diagram__edit-hint{display:none;}
+[contenteditable="true"] figure.de-diagram .de-diagram__edit-hint{display:flex;}
+figure.de-diagram[data-align="left"] [data-align-btn="left"],
+figure.de-diagram[data-align="center"] [data-align-btn="center"],
+figure.de-diagram[data-align="right"] [data-align-btn="right"]{background:var(--de-primary,#2563eb)!important;color:#fff!important;border-color:var(--de-primary,#2563eb)!important;}
+.de-diagram__remove:hover{background:rgba(220,38,38,.18)!important;color:#dc2626!important;}
+        `.trim();
+                document.head.appendChild(style);
+            }
+            // Initial render
+            void rerenderAll();
+            return () => {
+                offChange();
+                host.removeEventListener("click", onFigureClick);
+            };
+        }
+    };
+}
+/** Strip rendered content from diagram figures, leaving only the `data-diagram` source attribute. */
+export function prepareDiagramsForExport(html) {
+    const template = document.createElement("template");
+    template.innerHTML = html;
+    for (const fig of Array.from(template.content.querySelectorAll(`figure.${DIAGRAM_CLASS}`))) {
+        const code = fig.dataset.diagram ?? "";
+        fig.innerHTML = `<pre class="${DIAGRAM_CLASS}__code">${escapeHtml(code)}</pre>`;
+    }
+    return template.innerHTML;
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@richhtmleditor/diagrams",
+  "version": "1.1.0",
+  "description": "Mermaid / flowchart diagram blocks plugin for Rich HTML Editor.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepack": "node ../../scripts/assert-pack-ready.mjs"
+  },
+  "dependencies": {
+    "@richhtmleditor/core": "^1.1.0"
+  },
+  "keywords": ["richhtmleditor", "diagrams", "mermaid", "flowchart", "technical-docs"],
+  "license": "MIT",
+  "publishConfig": { "access": "public" },
+  "engines": { "node": ">=18" }
+}