dishui 0.0.76 → 0.0.77

package/dist/components/pro/RichTextEditor/extensions/MarkdownBlock.js

@@ -1,24 +1,25 @@
-import { useCallback as e, useEffect as t, useRef as n, useState as r, useSyncExternalStore as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Prism as s } from "react-syntax-highlighter";
-import { oneLight as c } from "react-syntax-highlighter/dist/esm/styles/prism";
-import l from "react-markdown";
-import u from "remark-gfm";
-import d from "rehype-katex";
-import f from "remark-math";
-import p from "mermaid";
+import { normalizeLegacyMermaid as e } from "./legacyMermaid.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i, useSyncExternalStore as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Prism as c } from "react-syntax-highlighter";
+import { oneLight as l } from "react-syntax-highlighter/dist/esm/styles/prism";
+import u from "react-markdown";
+import d from "remark-gfm";
+import f from "rehype-katex";
+import p from "remark-math";
+import m from "mermaid";
 import "katex/dist/katex.min.css";
-import { Node as m, NodeViewWrapper as h, ReactNodeViewRenderer as g, mergeAttributes as _ } from "@tiptap/react";
+import { Node as h, NodeViewWrapper as g, ReactNodeViewRenderer as _, mergeAttributes as v } from "@tiptap/react";
 //#region src/components/pro/RichTextEditor/extensions/MarkdownBlock.tsx
-function v(t) {
-	let n = e((e) => (t.on("update", e), t.on("transaction", e), t.on("destroy", e), () => {
-		t.off("update", e), t.off("transaction", e), t.off("destroy", e);
-	}), [t]);
-	return i(n, () => !t.isDestroyed && t.isEditable, () => !1);
+function y(e) {
+	let n = t((t) => (e.on("update", t), e.on("transaction", t), e.on("destroy", t), () => {
+		e.off("update", t), e.off("transaction", t), e.off("destroy", t);
+	}), [e]);
+	return a(n, () => !e.isDestroyed && e.isEditable, () => !1);
 }
-var y = Promise.resolve();
-function b(e, t) {
-	let n = y.then(() => (p.initialize({
+var b = Promise.resolve();
+function x(e, t) {
+	let n = b.then(() => (m.initialize({
 		startOnLoad: !1,
 		theme: "default",
 		securityLevel: "strict",
@@ -28,35 +29,35 @@ function b(e, t) {
 			useMaxWidth: !0,
 			htmlLabels: !1
 		}
-	}), p.mermaidAPI.render(e, t)));
-	return y = n.catch(() => void 0), n;
+	}), m.mermaidAPI.render(e, t)));
+	return b = n.catch(() => void 0), n;
 }
-var x = ({ code: e }) => {
-	let r = n(null);
-	return t(() => {
-		if (!r.current || (r.current.replaceChildren(), !e.trim())) return;
-		let t = !1;
+var S = ({ code: t }) => {
+	let i = r(null);
+	return n(() => {
+		if (!i.current || (i.current.replaceChildren(), !t.trim())) return;
+		let n = !1;
 		return (async () => {
 			try {
-				let { svg: n } = await b(`mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, e);
-				!t && r.current && (r.current.innerHTML = n);
+				let { svg: r } = await x(`mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, e(t));
+				!n && i.current && (i.current.innerHTML = r);
 			} catch (e) {
-				!t && r.current && (r.current.textContent = String(e));
+				!n && i.current && (i.current.textContent = String(e));
 			}
 		})(), () => {
-			t = !0;
+			n = !0;
 		};
-	}, [e]), /* @__PURE__ */ a("div", {
-		ref: r,
+	}, [t]), /* @__PURE__ */ o("div", {
+		ref: i,
 		className: "rte-mermaid-container"
 	});
-}, S = ({ content: e }) => /* @__PURE__ */ a(l, {
-	remarkPlugins: [u, f],
-	rehypePlugins: [d],
+}, C = ({ content: e }) => /* @__PURE__ */ o(u, {
+	remarkPlugins: [d, p],
+	rehypePlugins: [f],
 	components: { code({ className: e, children: t, ...n }) {
 		let r = /language-(\w+)/.exec(e || "")?.[1], i = String(t).replace(/\n$/, "");
-		return r === "mermaid" ? /* @__PURE__ */ a(x, { code: i }) : r ? /* @__PURE__ */ a(s, {
-			style: c,
+		return r === "mermaid" ? /* @__PURE__ */ o(S, { code: i }) : r ? /* @__PURE__ */ o(c, {
+			style: l,
 			language: r,
 			PreTag: "div",
 			customStyle: {
@@ -66,51 +67,51 @@ var x = ({ code: e }) => {
 				margin: "0.5em 0"
 			},
 			children: i
-		}) : /* @__PURE__ */ a("code", {
+		}) : /* @__PURE__ */ o("code", {
 			className: e,
 			...n,
 			children: t
 		});
 	} },
 	children: e
-}), C = ({ node: i, editor: s, updateAttributes: c, selected: l }) => {
-	let u = v(s), [d, f] = r(!1), [p, m] = r(i.attrs.content || ""), g = n(null);
-	t(() => {
-		m(i.attrs.content || ""), f(!1);
-	}, [i.attrs.content, u]), t(() => {
-		d && g.current && (g.current.focus(), _(g.current));
+}), w = ({ node: e, editor: a, updateAttributes: c, selected: l }) => {
+	let u = y(a), [d, f] = i(!1), [p, m] = i(e.attrs.content || ""), h = r(null);
+	n(() => {
+		m(e.attrs.content || ""), f(!1);
+	}, [e.attrs.content, u]), n(() => {
+		d && h.current && (h.current.focus(), _(h.current));
 	}, [d]);
 	let _ = (e) => {
 		e.style.height = "auto", e.style.height = e.scrollHeight + "px";
-	}, y = e((e) => {
+	}, v = t((e) => {
 		m(e.target.value), _(e.target);
-	}, []), b = e(() => {
-		!s.isDestroyed && s.isEditable && c({ content: p }), f(!1);
+	}, []), b = t(() => {
+		!a.isDestroyed && a.isEditable && c({ content: p }), f(!1);
 	}, [
-		s,
+		a,
 		p,
 		c
-	]), x = e((e) => {
+	]), x = t((e) => {
 		e.key === "Escape" && b();
-	}, [b]), C = p || "# Markdown Block\n\nWrite your **markdown** here.\n\n```mermaid\ngraph LR\n    A[Start] --> B[End]\n```\n";
-	return /* @__PURE__ */ o(h, {
+	}, [b]), S = p || "# Markdown Block\n\nWrite your **markdown** here.\n\n```mermaid\ngraph LR\n    A[Start] --> B[End]\n```\n";
+	return /* @__PURE__ */ s(g, {
 		contentEditable: !1,
 		className: `rte-markdown-block ${l ? "rte-markdown-block--selected" : ""}`,
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ s("div", {
 			className: "rte-markdown-block__header",
-			children: [/* @__PURE__ */ a("span", {
+			children: [/* @__PURE__ */ o("span", {
 				className: "rte-markdown-block__label",
 				children: "Markdown"
-			}), /* @__PURE__ */ o("button", {
+			}), /* @__PURE__ */ s("button", {
 				type: "button",
 				className: `rte-markdown-block__toggle ${d ? "rte-markdown-block__toggle--active" : ""}`,
 				disabled: !u,
 				onMouseDown: (e) => e.preventDefault(),
 				onClick: () => {
-					!s.isDestroyed && s.isEditable && (d && c({ content: p }), f(!d));
+					!a.isDestroyed && a.isEditable && (d && c({ content: p }), f(!d));
 				},
 				title: d ? "Preview" : "Edit",
-				children: [d ? /* @__PURE__ */ o("svg", {
+				children: [d ? /* @__PURE__ */ s("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -119,12 +120,12 @@ var x = ({ code: e }) => {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ a("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ a("circle", {
+					children: [/* @__PURE__ */ o("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ o("circle", {
 						cx: "12",
 						cy: "12",
 						r: "3"
 					})]
-				}) : /* @__PURE__ */ o("svg", {
+				}) : /* @__PURE__ */ s("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -133,33 +134,33 @@ var x = ({ code: e }) => {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ a("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ a("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
-				}), /* @__PURE__ */ a("span", { children: d ? "Preview" : "Edit" })]
+					children: [/* @__PURE__ */ o("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ o("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
+				}), /* @__PURE__ */ o("span", { children: d ? "Preview" : "Edit" })]
 			})]
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: "rte-markdown-block__body",
-			children: d && u ? /* @__PURE__ */ a("textarea", {
-				ref: g,
+			children: d && u ? /* @__PURE__ */ o("textarea", {
+				ref: h,
 				className: "rte-markdown-block__editor",
 				value: p,
-				onChange: y,
+				onChange: v,
 				onBlur: b,
 				onKeyDown: x,
 				placeholder: "Enter Markdown content...",
 				rows: 5
-			}) : /* @__PURE__ */ a("div", {
+			}) : /* @__PURE__ */ o("div", {
 				className: "rte-markdown-block__preview prose",
 				onDoubleClick: () => {
-					!s.isDestroyed && s.isEditable && f(!0);
+					!a.isDestroyed && a.isEditable && f(!0);
 				},
-				children: C.trim() ? /* @__PURE__ */ a(S, { content: C }) : /* @__PURE__ */ a("p", {
+				children: S.trim() ? /* @__PURE__ */ o(C, { content: S }) : /* @__PURE__ */ o("p", {
 					className: "rte-markdown-block__placeholder",
 					children: "Double-click to edit Markdown content..."
 				})
 			})
 		})]
 	});
-}, w = m.create({
+}, T = h.create({
 	name: "markdownBlock",
 	group: "block",
 	atom: !0,
@@ -171,13 +172,13 @@ var x = ({ code: e }) => {
 		return [{ tag: "div[data-type=\"markdown-block\"]" }];
 	},
 	renderHTML({ HTMLAttributes: e }) {
-		return ["div", _(e, { "data-type": "markdown-block" })];
+		return ["div", v(e, { "data-type": "markdown-block" })];
 	},
 	addNodeView() {
-		return g(C);
+		return _(w);
 	}
 });
 //#endregion
-export { w as MarkdownBlockExtension, w as default, x as MermaidRenderer, v as useNodeEditable };
+export { T as MarkdownBlockExtension, T as default, S as MermaidRenderer, y as useNodeEditable };
 
 //# sourceMappingURL=MarkdownBlock.js.map

package/dist/components/pro/RichTextEditor/extensions/MarkdownBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownBlock.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/MarkdownBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useSyncExternalStore } from 'react';\nimport { Node, mergeAttributes } from '@tiptap/react';\nimport { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport rehypeKatex from 'rehype-katex';\n\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport mermaid from 'mermaid';\nimport 'katex/dist/katex.min.css';\n\nexport function useNodeEditable(editor: NodeViewProps['editor']) {\n  const subscribe = useCallback((notify: () => void) => {\n    // setEditable emits update, not transaction, in Tiptap 3.\n    editor.on('update', notify);\n    editor.on('transaction', notify);\n    editor.on('destroy', notify);\n    return () => {\n      editor.off('update', notify);\n      editor.off('transaction', notify);\n      editor.off('destroy', notify);\n    };\n  }, [editor]);\n  return useSyncExternalStore(subscribe, () => !editor.isDestroyed && editor.isEditable, () => false);\n}\n\nlet renderQueue: Promise<unknown> = Promise.resolve();\n\nfunction renderMermaid(id: string, code: string) {\n  const result = renderQueue.then(() => {\n    // Capture strict config when rendering starts, not before Mermaid's global queue runs.\n    mermaid.initialize({\n      startOnLoad: false,\n      theme: 'default',\n      securityLevel: 'strict',\n      suppressErrorRendering: true,\n      fontFamily: 'inherit',\n      flowchart: { useMaxWidth: true, htmlLabels: false },\n    });\n    return mermaid.mermaidAPI.render(id, code);\n  });\n  renderQueue = result.catch(() => undefined);\n  return result;\n}\n\nexport const MermaidRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    containerRef.current.replaceChildren();\n    if (!code.trim()) return;\n\n    let cancelled = false;\n    const render = async () => {\n      try {\n        const id = `mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n        const { svg } = await renderMermaid(id, code);\n        if (!cancelled && containerRef.current) {\n          containerRef.current.innerHTML = svg;\n        }\n      } catch (err) {\n        if (!cancelled && containerRef.current) {\n          containerRef.current.textContent = String(err);\n        }\n      }\n    };\n    render();\n    return () => { cancelled = true; };\n  }, [code]);\n\n  return <div ref={containerRef} className=\"rte-mermaid-container\" />;\n};\n\nconst MarkdownPreview: React.FC<{ content: string }> = ({ content }) => {\n  return (\n    <ReactMarkdown\n      remarkPlugins={[remarkGfm, remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n      components={{\n        code({ className, children, ...props }) {\n          const match = /language-(\\w+)/.exec(className || '');\n          const lang = match?.[1];\n          const text = String(children).replace(/\\n$/, '');\n\n          if (lang === 'mermaid') {\n            return <MermaidRenderer code={text} />;\n          }\n\n          if (lang) {\n            return (\n              <SyntaxHighlighter\n                style={oneLight as Record<string, React.CSSProperties>}\n                language={lang}\n                PreTag=\"div\"\n                customStyle={{\n                  borderRadius: '0.5rem',\n                  fontSize: '0.875em',\n                  padding: '1em',\n                  margin: '0.5em 0',\n                }}\n              >\n                {text}\n              </SyntaxHighlighter>\n            );\n          }\n          return <code className={className} {...props}>{children}</code>;\n        },\n      }}\n    >\n      {content}\n    </ReactMarkdown>\n  );\n};\n\nconst MarkdownBlockView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes,\n  selected,\n}) => {\n  const editable = useNodeEditable(editor);\n  const [isEditing, setIsEditing] = useState(false);\n  const [localContent, setLocalContent] = useState(node.attrs.content || '');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    setLocalContent(node.attrs.content || '');\n    setIsEditing(false);\n  }, [node.attrs.content, editable]);\n\n  useEffect(() => {\n    if (isEditing && textareaRef.current) {\n      textareaRef.current.focus();\n      adjustTextareaHeight(textareaRef.current);\n    }\n  }, [isEditing]);\n\n  const adjustTextareaHeight = (el: HTMLTextAreaElement) => {\n    el.style.height = 'auto';\n    el.style.height = el.scrollHeight + 'px';\n  };\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setLocalContent(e.target.value);\n    adjustTextareaHeight(e.target);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    if (!editor.isDestroyed && editor.isEditable) updateAttributes({ content: localContent });\n    setIsEditing(false);\n  }, [editor, localContent, updateAttributes]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      handleBlur();\n    }\n  }, [handleBlur]);\n\n  const defaultContent = `# Markdown Block\n\nWrite your **markdown** here.\n\n\\`\\`\\`mermaid\ngraph LR\n    A[Start] --> B[End]\n\\`\\`\\`\n`;\n\n  const displayContent = localContent || defaultContent;\n\n  return (\n    <NodeViewWrapper contentEditable={false} className={`rte-markdown-block ${selected ? 'rte-markdown-block--selected' : ''}`}>\n      <div className=\"rte-markdown-block__header\">\n        <span className=\"rte-markdown-block__label\">Markdown</span>\n        <button\n          type=\"button\"\n          className={`rte-markdown-block__toggle ${isEditing ? 'rte-markdown-block__toggle--active' : ''}`}\n          disabled={!editable}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => {\n            if (editor.isDestroyed || !editor.isEditable) return;\n            if (isEditing) {\n              updateAttributes({ content: localContent });\n            }\n            setIsEditing(!isEditing);\n          }}\n          title={isEditing ? 'Preview' : 'Edit'}\n        >\n          {isEditing ? (\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          ) : (\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\" />\n              <path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\" />\n            </svg>\n          )}\n          <span>{isEditing ? 'Preview' : 'Edit'}</span>\n        </button>\n      </div>\n\n      <div className=\"rte-markdown-block__body\">\n        {isEditing && editable ? (\n          <textarea\n            ref={textareaRef}\n            className=\"rte-markdown-block__editor\"\n            value={localContent}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            placeholder=\"Enter Markdown content...\"\n            rows={5}\n          />\n        ) : (\n          <div\n            className=\"rte-markdown-block__preview prose\"\n            onDoubleClick={() => { if (!editor.isDestroyed && editor.isEditable) setIsEditing(true); }}\n          >\n            {displayContent.trim() ? (\n              <MarkdownPreview content={displayContent} />\n            ) : (\n              <p className=\"rte-markdown-block__placeholder\">\n                Double-click to edit Markdown content...\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport const MarkdownBlockExtension = Node.create({\n  name: 'markdownBlock',\n  group: 'block',\n  atom: true,\n  draggable: true,\n\n  addAttributes() {\n    return {\n      content: {\n        default: '',\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"markdown-block\"]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'markdown-block' })];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(MarkdownBlockView);\n  },\n});\n\nexport default MarkdownBlockExtension;\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownBlock.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/MarkdownBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useSyncExternalStore } from 'react';\nimport { Node, mergeAttributes } from '@tiptap/react';\nimport { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport rehypeKatex from 'rehype-katex';\n\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport mermaid from 'mermaid';\nimport { normalizeLegacyMermaid } from './legacyMermaid';\nimport 'katex/dist/katex.min.css';\n\nexport function useNodeEditable(editor: NodeViewProps['editor']) {\n  const subscribe = useCallback((notify: () => void) => {\n    // setEditable emits update, not transaction, in Tiptap 3.\n    editor.on('update', notify);\n    editor.on('transaction', notify);\n    editor.on('destroy', notify);\n    return () => {\n      editor.off('update', notify);\n      editor.off('transaction', notify);\n      editor.off('destroy', notify);\n    };\n  }, [editor]);\n  return useSyncExternalStore(subscribe, () => !editor.isDestroyed && editor.isEditable, () => false);\n}\n\nlet renderQueue: Promise<unknown> = Promise.resolve();\n\nfunction renderMermaid(id: string, code: string) {\n  const result = renderQueue.then(() => {\n    // Capture strict config when rendering starts, not before Mermaid's global queue runs.\n    mermaid.initialize({\n      startOnLoad: false,\n      theme: 'default',\n      securityLevel: 'strict',\n      suppressErrorRendering: true,\n      fontFamily: 'inherit',\n      flowchart: { useMaxWidth: true, htmlLabels: false },\n    });\n    return mermaid.mermaidAPI.render(id, code);\n  });\n  renderQueue = result.catch(() => undefined);\n  return result;\n}\n\nexport const MermaidRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    containerRef.current.replaceChildren();\n    if (!code.trim()) return;\n\n    let cancelled = false;\n    const render = async () => {\n      try {\n        const id = `mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n        const { svg } = await renderMermaid(id, normalizeLegacyMermaid(code));\n        if (!cancelled && containerRef.current) {\n          containerRef.current.innerHTML = svg;\n        }\n      } catch (err) {\n        if (!cancelled && containerRef.current) {\n          containerRef.current.textContent = String(err);\n        }\n      }\n    };\n    render();\n    return () => { cancelled = true; };\n  }, [code]);\n\n  return <div ref={containerRef} className=\"rte-mermaid-container\" />;\n};\n\nconst MarkdownPreview: React.FC<{ content: string }> = ({ content }) => {\n  return (\n    <ReactMarkdown\n      remarkPlugins={[remarkGfm, remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n      components={{\n        code({ className, children, ...props }) {\n          const match = /language-(\\w+)/.exec(className || '');\n          const lang = match?.[1];\n          const text = String(children).replace(/\\n$/, '');\n\n          if (lang === 'mermaid') {\n            return <MermaidRenderer code={text} />;\n          }\n\n          if (lang) {\n            return (\n              <SyntaxHighlighter\n                style={oneLight as Record<string, React.CSSProperties>}\n                language={lang}\n                PreTag=\"div\"\n                customStyle={{\n                  borderRadius: '0.5rem',\n                  fontSize: '0.875em',\n                  padding: '1em',\n                  margin: '0.5em 0',\n                }}\n              >\n                {text}\n              </SyntaxHighlighter>\n            );\n          }\n          return <code className={className} {...props}>{children}</code>;\n        },\n      }}\n    >\n      {content}\n    </ReactMarkdown>\n  );\n};\n\nconst MarkdownBlockView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes,\n  selected,\n}) => {\n  const editable = useNodeEditable(editor);\n  const [isEditing, setIsEditing] = useState(false);\n  const [localContent, setLocalContent] = useState(node.attrs.content || '');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    setLocalContent(node.attrs.content || '');\n    setIsEditing(false);\n  }, [node.attrs.content, editable]);\n\n  useEffect(() => {\n    if (isEditing && textareaRef.current) {\n      textareaRef.current.focus();\n      adjustTextareaHeight(textareaRef.current);\n    }\n  }, [isEditing]);\n\n  const adjustTextareaHeight = (el: HTMLTextAreaElement) => {\n    el.style.height = 'auto';\n    el.style.height = el.scrollHeight + 'px';\n  };\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setLocalContent(e.target.value);\n    adjustTextareaHeight(e.target);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    if (!editor.isDestroyed && editor.isEditable) updateAttributes({ content: localContent });\n    setIsEditing(false);\n  }, [editor, localContent, updateAttributes]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      handleBlur();\n    }\n  }, [handleBlur]);\n\n  const defaultContent = `# Markdown Block\n\nWrite your **markdown** here.\n\n\\`\\`\\`mermaid\ngraph LR\n    A[Start] --> B[End]\n\\`\\`\\`\n`;\n\n  const displayContent = localContent || defaultContent;\n\n  return (\n    <NodeViewWrapper contentEditable={false} className={`rte-markdown-block ${selected ? 'rte-markdown-block--selected' : ''}`}>\n      <div className=\"rte-markdown-block__header\">\n        <span className=\"rte-markdown-block__label\">Markdown</span>\n        <button\n          type=\"button\"\n          className={`rte-markdown-block__toggle ${isEditing ? 'rte-markdown-block__toggle--active' : ''}`}\n          disabled={!editable}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => {\n            if (editor.isDestroyed || !editor.isEditable) return;\n            if (isEditing) {\n              updateAttributes({ content: localContent });\n            }\n            setIsEditing(!isEditing);\n          }}\n          title={isEditing ? 'Preview' : 'Edit'}\n        >\n          {isEditing ? (\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          ) : (\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\" />\n              <path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\" />\n            </svg>\n          )}\n          <span>{isEditing ? 'Preview' : 'Edit'}</span>\n        </button>\n      </div>\n\n      <div className=\"rte-markdown-block__body\">\n        {isEditing && editable ? (\n          <textarea\n            ref={textareaRef}\n            className=\"rte-markdown-block__editor\"\n            value={localContent}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            placeholder=\"Enter Markdown content...\"\n            rows={5}\n          />\n        ) : (\n          <div\n            className=\"rte-markdown-block__preview prose\"\n            onDoubleClick={() => { if (!editor.isDestroyed && editor.isEditable) setIsEditing(true); }}\n          >\n            {displayContent.trim() ? (\n              <MarkdownPreview content={displayContent} />\n            ) : (\n              <p className=\"rte-markdown-block__placeholder\">\n                Double-click to edit Markdown content...\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport const MarkdownBlockExtension = Node.create({\n  name: 'markdownBlock',\n  group: 'block',\n  atom: true,\n  draggable: true,\n\n  addAttributes() {\n    return {\n      content: {\n        default: '',\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"markdown-block\"]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'markdown-block' })];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(MarkdownBlockView);\n  },\n});\n\nexport default MarkdownBlockExtension;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/extensions/legacyMermaid.d.ts

@@ -0,0 +1,2 @@
+/** Convert only explicit legacy headers. Unsupported syntax fails rather than changing meaning. */
+export declare function normalizeLegacyMermaid(source: string): string;

package/dist/components/pro/RichTextEditor/extensions/legacyMermaid.js

@@ -0,0 +1,96 @@
+//#region src/components/pro/RichTextEditor/extensions/legacyMermaid.ts
+function e(e) {
+	return Array.from(e, (e) => /[\p{L}\p{N} ,.!?_-]/u.test(e) ? e : `#${e.codePointAt(0)};`).join("");
+}
+function t(t) {
+	let n = t.split(/\r?\n/), r = n[0].trim();
+	if (r !== "flow" && r !== "seq") return t;
+	let i = (e, t) => {
+		throw Error(`Legacy ${r}, line ${e + 1}: ${t}`);
+	}, a = n.map((e, t) => ({
+		value: e.trim(),
+		line: t
+	})).slice(1).filter(({ value: e }) => e && !e.startsWith("#"));
+	if (a.length || i(0, "Empty diagram"), r === "seq") {
+		let t = /* @__PURE__ */ new Map(), n = (e, n) => (e = e.trim(), (!e || /[\r\n:<>]/.test(e)) && i(n, "Invalid participant name"), t.has(e) || t.set(e, `p${t.size}`), t.get(e)), r = [], o = {
+			"->": "->>",
+			"-->": "-->>",
+			"->>": "->",
+			"-->>": "-->"
+		};
+		for (let { value: t, line: s } of a) {
+			let a = /^Note\s+(right of|left of|over)\s+([^:]+):\s*(.*)$/i.exec(t);
+			if (a) {
+				let t = a[1].toLowerCase(), o = a[2].split(",");
+				o.length > (t === "over" ? 2 : 1) && i(s, "Unsupported note participants"), r.push(`Note ${t} ${o.map((e) => n(e, s)).join(",")}: ${e(a[3])}`);
+				continue;
+			}
+			let c = /^([^:<>]+?)(-->>|->>|-->|->)([^:<>]+):\s*(.*)$/.exec(t);
+			(!c || /[-]$/.test(c[1].trim())) && i(s, "Unsupported sequence statement or arrow"), r.push(`${n(c[1], s)}${o[c[2]]}${n(c[3], s)}: ${e(c[4])}`);
+		}
+		return [
+			"sequenceDiagram",
+			...Array.from(t, ([t, n]) => `participant ${n} as ${e(t)}`),
+			...r
+		].join("\n");
+	}
+	let o = /* @__PURE__ */ new Map(), s = [], c = [], l = {
+		start: ["([", "])"],
+		end: ["([", "])"],
+		operation: ["[", "]"],
+		condition: ["{", "}"],
+		inputoutput: ["[/", "/]"],
+		subroutine: ["[[", "]]"]
+	};
+	for (let { value: t, line: n } of a) {
+		if (!t.includes("=>")) continue;
+		let r = /^([A-Za-z_][\w]*)=>([a-z]+)(?::\s*(.*))?$/.exec(t);
+		(!r || !Object.hasOwn(l, r[2])) && i(n, "Unsupported node declaration/type");
+		let [, a, c, u] = r;
+		o.has(a) && i(n, `Duplicate node: ${a}`), u && /\||:>/.test(u) && i(n, "Node styles and links are unsupported");
+		let d = `n${o.size}`;
+		o.set(a, {
+			id: d,
+			type: c
+		});
+		let [f, p] = l[c];
+		s.push(`${d}${f}"${e(u ?? c)}"${p}`);
+	}
+	let u, d = {
+		right: "LR",
+		left: "RL",
+		top: "BT",
+		bottom: "TD"
+	};
+	for (let { value: e, line: t } of a) {
+		if (e.includes("=>")) continue;
+		let n = e.split("->");
+		n.length < 2 && i(t, "Unsupported flow statement");
+		let r = n.map((e) => {
+			let n = /^\s*([A-Za-z_][\w]*)(?:\(([^()]+)\))?\s*$/.exec(e);
+			return (!n || !o.has(n[1])) && i(t, "Invalid or undefined node reference"), {
+				node: o.get(n[1]),
+				options: n[2]?.split(",").map((e) => e.trim()) ?? []
+			};
+		});
+		for (let e = 0; e < r.length; e++) {
+			let { node: n, options: a } = r[e];
+			if (e === r.length - 1) {
+				a.length && i(t, "Options on a terminal reference are unsupported");
+				break;
+			}
+			let o, s;
+			for (let e of a) (e === "yes" || e === "no") && n.type === "condition" && !o ? o = e : Object.hasOwn(d, e) && !s ? s = d[e] : i(t, `Unsupported branch/direction: ${e}`);
+			s && (u && u !== s && i(t, "Mixed edge directions cannot be represented reliably"), u = s), c.push(`${n.id} -->${o ? `|${o}|` : ""} ${r[e + 1].node.id}`);
+		}
+	}
+	return o.size || i(0, "No node declarations"), [
+		`flowchart ${u ?? "TD"}`,
+		...s,
+		...c
+	].join("\n");
+}
+//#endregion
+export { t as normalizeLegacyMermaid };
+
+//# sourceMappingURL=legacyMermaid.js.map

package/dist/components/pro/RichTextEditor/extensions/legacyMermaid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacyMermaid.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/legacyMermaid.ts"],"sourcesContent":["// Encode user text before embedding it in Mermaid syntax (including entity-like input).\nfunction text(value: string): string {\n  return Array.from(value, char => /[\\p{L}\\p{N} ,.!?_-]/u.test(char)\n    ? char : `#${char.codePointAt(0)};`).join('');\n}\n\n/** Convert only explicit legacy headers. Unsupported syntax fails rather than changing meaning. */\nexport function normalizeLegacyMermaid(source: string): string {\n  const lines = source.split(/\\r?\\n/);\n  const kind = lines[0].trim();\n  if (kind !== 'flow' && kind !== 'seq') return source;\n  const fail = (line: number, reason: string): never => {\n    throw new Error(`Legacy ${kind}, line ${line + 1}: ${reason}`);\n  };\n  const body = lines.map((value, line) => ({ value: value.trim(), line }))\n    .slice(1).filter(({ value }) => value && !value.startsWith('#'));\n  if (!body.length) fail(0, 'Empty diagram');\n\n  if (kind === 'seq') {\n    const actors = new Map<string, string>();\n    const actor = (name: string, line: number) => {\n      name = name.trim();\n      if (!name || /[\\r\\n:<>]/.test(name)) fail(line, 'Invalid participant name');\n      if (!actors.has(name)) actors.set(name, `p${actors.size}`);\n      return actors.get(name)!;\n    };\n    const output: string[] = [];\n    const arrows: Record<string, string> = { '->': '->>', '-->': '-->>', '->>': '->', '-->>': '-->' };\n    for (const { value, line } of body) {\n      const note = /^Note\\s+(right of|left of|over)\\s+([^:]+):\\s*(.*)$/i.exec(value);\n      if (note) {\n        const placement = note[1].toLowerCase();\n        const names = note[2].split(',');\n        if (names.length > (placement === 'over' ? 2 : 1)) fail(line, 'Unsupported note participants');\n        output.push(`Note ${placement} ${names.map(name => actor(name, line)).join(',')}: ${text(note[3])}`);\n        continue;\n      }\n      const message = /^([^:<>]+?)(-->>|->>|-->|->)([^:<>]+):\\s*(.*)$/.exec(value);\n      if (!message || /[-]$/.test(message[1].trim())) fail(line, 'Unsupported sequence statement or arrow');\n      output.push(`${actor(message![1], line)}${arrows[message![2]]}${actor(message![3], line)}: ${text(message![4])}`);\n    }\n    return ['sequenceDiagram', ...Array.from(actors, ([name, id]) => `participant ${id} as ${text(name)}`), ...output].join('\\n');\n  }\n\n  const nodes = new Map<string, { id: string; type: string }>();\n  const declarations: string[] = [];\n  const edges: string[] = [];\n  const shapes: Record<string, [string, string]> = {\n    start: ['([', '])'], end: ['([', '])'], operation: ['[', ']'],\n    condition: ['{', '}'], inputoutput: ['[/', '/]'], subroutine: ['[[', ']]'],\n  };\n  for (const { value, line } of body) {\n    if (!value.includes('=>')) continue;\n    const match = /^([A-Za-z_][\\w]*)=>([a-z]+)(?::\\s*(.*))?$/.exec(value);\n    if (!match || !Object.hasOwn(shapes, match[2])) fail(line, 'Unsupported node declaration/type');\n    const [, name, type, label] = match!;\n    if (nodes.has(name)) fail(line, `Duplicate node: ${name}`);\n    // flowchart.js uses these as state/link metadata, not literal label text.\n    if (label && /\\||:>/.test(label)) fail(line, 'Node styles and links are unsupported');\n    const id = `n${nodes.size}`;\n    nodes.set(name, { id, type });\n    const [open, close] = shapes[type];\n    declarations.push(`${id}${open}\"${text(label ?? type)}\"${close}`);\n  }\n  let direction: string | undefined;\n  const directions: Record<string, string> = { right: 'LR', left: 'RL', top: 'BT', bottom: 'TD' };\n  for (const { value, line } of body) {\n    if (value.includes('=>')) continue;\n    const parts = value.split('->');\n    if (parts.length < 2) fail(line, 'Unsupported flow statement');\n    const refs = parts.map(part => {\n      const match = /^\\s*([A-Za-z_][\\w]*)(?:\\(([^()]+)\\))?\\s*$/.exec(part);\n      if (!match || !nodes.has(match[1])) fail(line, 'Invalid or undefined node reference');\n      return { node: nodes.get(match![1])!, options: match![2]?.split(',').map(option => option.trim()) ?? [] };\n    });\n    for (let i = 0; i < refs.length; i++) {\n      const { node, options } = refs[i];\n      if (i === refs.length - 1) {\n        if (options.length) fail(line, 'Options on a terminal reference are unsupported');\n        break;\n      }\n      let branch: string | undefined;\n      let hint: string | undefined;\n      for (const option of options) {\n        if ((option === 'yes' || option === 'no') && node.type === 'condition' && !branch) branch = option;\n        else if (Object.hasOwn(directions, option) && !hint) hint = directions[option];\n        else fail(line, `Unsupported branch/direction: ${option}`);\n      }\n      if (hint) {\n        if (direction && direction !== hint) fail(line, 'Mixed edge directions cannot be represented reliably');\n        direction = hint;\n      }\n      edges.push(`${node.id} -->${branch ? `|${branch}|` : ''} ${refs[i + 1].node.id}`);\n    }\n  }\n  if (!nodes.size) fail(0, 'No node declarations');\n  return [`flowchart ${direction ?? 'TD'}`, ...declarations, ...edges].join('\\n');\n}\n"],"mappings":"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"}