dishui 0.0.104 → 0.0.106

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

@@ -1,30 +1,31 @@
-import { MermaidRenderer as e, useNodeEditable as t } from "./MarkdownBlock.js";
-import { useEffect as n, useState as r } from "react";
-import { Fragment as i, 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 e from "../../../Select/index.js";
+import { MermaidRenderer as t, useNodeEditable as n } from "./MarkdownBlock.js";
+import { useEffect as r, useState as i } from "react";
+import { Fragment as a, 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 "katex/dist/katex.min.css";
-import { Node as p, NodeViewContent as m, NodeViewWrapper as h, ReactNodeViewRenderer as g, mergeAttributes as _, textblockTypeInputRule as v } from "@tiptap/react";
-import { Plugin as y, PluginKey as b } from "@tiptap/pm/state";
+import { Node as m, NodeViewContent as h, NodeViewWrapper as g, ReactNodeViewRenderer as _, mergeAttributes as v, textblockTypeInputRule as y } from "@tiptap/react";
+import { Plugin as b, PluginKey as x } from "@tiptap/pm/state";
 //#region src/components/pro/RichTextEditor/extensions/CodeBlockView.tsx
-var x = ({ code: e }) => {
+var S = ({ code: e }) => {
 	let t = e.includes("$$") ? e : `$$\n${e}\n$$`;
-	return /* @__PURE__ */ a(l, {
-		remarkPlugins: [f],
-		rehypePlugins: [d],
+	return /* @__PURE__ */ o(u, {
+		remarkPlugins: [p],
+		rehypePlugins: [f],
 		children: t
 	});
-}, S = ({ code: t }) => /* @__PURE__ */ a(l, {
-	remarkPlugins: [u, f],
-	rehypePlugins: [d],
-	components: { code({ className: t, children: n, ...r }) {
-		let i = /language-(\w+)/.exec(t || "")?.[1], o = String(n).replace(/\n$/, "");
-		return i === "mermaid" ? /* @__PURE__ */ a(e, { code: o }) : i ? /* @__PURE__ */ a(s, {
-			style: c,
+}, C = ({ code: e }) => /* @__PURE__ */ o(u, {
+	remarkPlugins: [d, p],
+	rehypePlugins: [f],
+	components: { code({ className: e, children: n, ...r }) {
+		let i = /language-(\w+)/.exec(e || "")?.[1], a = String(n).replace(/\n$/, "");
+		return i === "mermaid" ? /* @__PURE__ */ o(t, { code: a }) : i ? /* @__PURE__ */ o(c, {
+			style: l,
 			language: i,
 			PreTag: "div",
 			customStyle: {
@@ -33,34 +34,47 @@ var x = ({ code: e }) => {
 				padding: "1em",
 				margin: "0.5em 0"
 			},
-			children: o
-		}) : /* @__PURE__ */ a("code", {
-			className: t,
+			children: a
+		}) : /* @__PURE__ */ o("code", {
+			className: e,
 			...r,
 			children: n
 		});
 	} },
-	children: t
-}), C = [
+	children: e
+}), w = [
 	"markdown",
 	"mermaid",
 	"math"
-], w = /* @__PURE__ */ ".javascript.typescript.python.rust.go.java.c.cpp.csharp.ruby.php.swift.kotlin.sql.bash.shell.html.css.json.yaml.toml.xml.docker.graphql.latex.tex".split(".");
-function T(e) {
+], T = [
+	{
+		label: "Plain text",
+		value: ""
+	},
+	...(/* @__PURE__ */ ".javascript.typescript.python.rust.go.java.c.cpp.csharp.ruby.php.swift.kotlin.sql.bash.shell.html.css.json.yaml.toml.xml.docker.graphql.latex.tex".split(".")).filter(Boolean).map((e) => ({
+		label: `Syntax · ${e}`,
+		value: e
+	})),
+	...w.map((e) => ({
+		label: `Render · ${e}`,
+		value: e
+	}))
+];
+function E(e) {
 	let t = e.startsWith("r-") ? e.slice(2) : e;
-	return C.includes(t) ? t : "";
+	return w.includes(t) ? t : "";
 }
-function E(e) {
+function D(e) {
 	return e === "math" || e === "latex" || e === "tex" ? "latex" : e;
 }
-var D = ({ node: l, editor: u, updateAttributes: d }) => {
-	let f = t(u), p = l.attrs.language || "", g = l.textContent, _ = !!p, v = T(p), y = !!v, [b, D] = r(!0);
-	n(() => {
-		_ || D(!0);
-	}, [p, _]), n(() => {
-		f || D(!1);
-	}, [f]);
-	let O = b && f, k = /* @__PURE__ */ o("svg", {
+var O = ({ node: u, editor: d, updateAttributes: f }) => {
+	let p = n(d), m = u.attrs.language || "", _ = u.textContent, v = !!m, y = E(m), b = !!y, [x, w] = i(!0);
+	r(() => {
+		v || w(!0);
+	}, [m, v]), r(() => {
+		p || w(!1);
+	}, [p]);
+	let O = x && p, k = /* @__PURE__ */ s("svg", {
 		width: "12",
 		height: "12",
 		viewBox: "0 0 24 24",
@@ -69,8 +83,8 @@ var D = ({ node: l, editor: u, updateAttributes: d }) => {
 		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" })]
-	}), A = /* @__PURE__ */ o("svg", {
+		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" })]
+	}), A = /* @__PURE__ */ s("svg", {
 		width: "12",
 		height: "12",
 		viewBox: "0 0 24 24",
@@ -79,116 +93,102 @@ var D = ({ node: l, editor: u, updateAttributes: d }) => {
 		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"
 		})]
-	}), j = () => v === "mermaid" ? g.trim() ? /* @__PURE__ */ a(e, { code: g }) : /* @__PURE__ */ a("p", {
+	}), j = () => y === "mermaid" ? _.trim() ? /* @__PURE__ */ o(t, { code: _ }) : /* @__PURE__ */ o("p", {
 		className: "rte-codeblock__placeholder",
 		children: "Enter mermaid diagram code..."
-	}) : v === "math" ? g.trim() ? /* @__PURE__ */ a(x, { code: g }) : /* @__PURE__ */ a("p", {
+	}) : y === "math" ? _.trim() ? /* @__PURE__ */ o(S, { code: _ }) : /* @__PURE__ */ o("p", {
 		className: "rte-codeblock__placeholder",
 		children: "Enter KaTeX math formula..."
-	}) : v === "markdown" ? g.trim() ? /* @__PURE__ */ a(S, { code: g }) : /* @__PURE__ */ a("p", {
+	}) : y === "markdown" ? _.trim() ? /* @__PURE__ */ o(C, { code: _ }) : /* @__PURE__ */ o("p", {
 		className: "rte-codeblock__placeholder",
 		children: "Enter Markdown content..."
-	}) : null, M = v ? v + " (render)" : p || "plain text";
-	return /* @__PURE__ */ a(h, {
-		className: `rte-codeblock-wrapper ${!b && _ ? "rte-codeblock-wrapper--preview" : ""}`,
-		children: O ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+	}) : null, M = y ? y + " (render)" : m || "plain text";
+	return /* @__PURE__ */ o(g, {
+		className: `rte-codeblock-wrapper ${!x && v ? "rte-codeblock-wrapper--preview" : ""}`,
+		children: O ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
 			className: "rte-codeblock__header",
-			children: [/* @__PURE__ */ o("select", {
-				className: "rte-codeblock__lang-select",
-				value: v || p,
-				disabled: !f,
-				onChange: (e) => {
-					!u.isDestroyed && u.isEditable && (d({ language: e.target.value }), e.target.value || D(!0));
-				},
+			children: [/* @__PURE__ */ o("div", {
 				contentEditable: !1,
-				children: [
-					/* @__PURE__ */ a("option", {
-						value: "",
-						children: "Plain text"
-					}),
-					/* @__PURE__ */ a("optgroup", {
-						label: "Syntax Highlight",
-						children: w.filter(Boolean).map((e) => /* @__PURE__ */ a("option", {
-							value: e,
-							children: e
-						}, e))
-					}),
-					/* @__PURE__ */ a("optgroup", {
-						label: "Live Render",
-						children: C.map((e) => /* @__PURE__ */ a("option", {
-							value: e,
-							children: e
-						}, e))
-					})
-				]
-			}), _ && /* @__PURE__ */ o("button", {
+				className: "rte-codeblock__lang-control",
+				children: /* @__PURE__ */ o(e, {
+					className: "rte-codeblock__lang-select",
+					"aria-label": "Code language",
+					value: y || m,
+					options: T,
+					onChange: (e) => {
+						if (d.isDestroyed || !d.isEditable) return;
+						let t = String(e);
+						f({ language: t }), t || w(!0);
+					}
+				})
+			}), v && /* @__PURE__ */ s("button", {
 				type: "button",
 				className: "rte-codeblock__preview-btn",
-				onClick: () => D(!1),
+				onClick: () => w(!1),
 				contentEditable: !1,
 				children: [A, " Preview"]
 			})]
-		}), /* @__PURE__ */ a("pre", {
+		}), /* @__PURE__ */ o("pre", {
 			className: "rte-codeblock__editable-pre",
-			children: /* @__PURE__ */ a(m, { as: "code" })
-		})] }) : y ? /* @__PURE__ */ o("div", {
+			children: /* @__PURE__ */ o(h, { as: "code" })
+		})] }) : b ? /* @__PURE__ */ s("div", {
 			className: "rte-codeblock__render-preview",
 			contentEditable: !1,
 			onDoubleClick: () => {
-				f && D(!0);
+				p && w(!0);
 			},
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "rte-codeblock__preview-toolbar",
 					contentEditable: !1,
-					children: [/* @__PURE__ */ a("span", {
+					children: [/* @__PURE__ */ o("span", {
 						className: "rte-codeblock__preview-label",
 						children: M
-					}), f && /* @__PURE__ */ o("button", {
+					}), p && /* @__PURE__ */ s("button", {
 						type: "button",
 						className: "rte-codeblock__preview-edit-btn",
-						onClick: () => D(!0),
+						onClick: () => w(!0),
 						children: [k, " Edit"]
 					})]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					className: "rte-codeblock__render-body",
 					children: j()
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					style: { display: "none" },
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ a(m, { as: "code" })
+					children: /* @__PURE__ */ o(h, { as: "code" })
 				})
 			]
-		}) : /* @__PURE__ */ o("div", {
+		}) : /* @__PURE__ */ s("div", {
 			className: "rte-codeblock__syntax-preview",
 			contentEditable: !1,
 			onDoubleClick: () => {
-				f && D(!0);
+				p && w(!0);
 			},
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "rte-codeblock__preview-toolbar",
 					contentEditable: !1,
-					children: [/* @__PURE__ */ a("span", {
+					children: [/* @__PURE__ */ o("span", {
 						className: "rte-codeblock__preview-label",
 						children: M
-					}), f && /* @__PURE__ */ o("button", {
+					}), p && /* @__PURE__ */ s("button", {
 						type: "button",
 						className: "rte-codeblock__preview-edit-btn",
-						onClick: () => D(!0),
+						onClick: () => w(!0),
 						children: [k, " Edit"]
 					})]
 				}),
-				/* @__PURE__ */ a(s, {
-					style: c,
-					language: E(p),
+				/* @__PURE__ */ o(c, {
+					style: l,
+					language: D(m),
 					PreTag: "div",
 					customStyle: {
 						borderRadius: "0 0 0.5rem 0.5rem",
@@ -196,17 +196,17 @@ var D = ({ node: l, editor: u, updateAttributes: d }) => {
 						padding: "1em",
 						margin: "0"
 					},
-					children: g || " "
+					children: _ || " "
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					style: { display: "none" },
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ a(m, { as: "code" })
+					children: /* @__PURE__ */ o(h, { as: "code" })
 				})
 			]
 		})
 	});
-}, O = /^```([a-z-]*)[\s\n]$/, k = /^~~~([a-z-]*)[\s\n]$/, A = /^(?:```|~~~)table(?:(\d+)[x×X*](\d+))?\s?$/, j = p.create({
+}, k = /^```([a-z-]*)[\s\n]$/, A = /^~~~([a-z-]*)[\s\n]$/, j = /^(?:```|~~~)table(?:(\d+)[x×X*](\d+))?\s?$/, M = m.create({
 	name: "codeBlock",
 	group: "block",
 	content: "text*",
@@ -232,7 +232,7 @@ var D = ({ node: l, editor: u, updateAttributes: d }) => {
 	renderHTML({ node: e, HTMLAttributes: t }) {
 		return [
 			"pre",
-			_(t, { "data-language": e.attrs.language }),
+			v(t, { "data-language": e.attrs.language }),
 			[
 				"code",
 				{ class: e.attrs.language ? `language-${e.attrs.language}` : void 0 },
@@ -241,31 +241,31 @@ var D = ({ node: l, editor: u, updateAttributes: d }) => {
 		];
 	},
 	addInputRules() {
-		return [v({
-			find: O,
+		return [y({
+			find: k,
 			type: this.type,
 			getAttributes: (e) => !e[1]?.startsWith("table") && { language: e[1] || null }
-		}), v({
-			find: k,
+		}), y({
+			find: A,
 			type: this.type,
 			getAttributes: (e) => !e[1]?.startsWith("table") && { language: e[1] || null }
 		})];
 	},
 	addProseMirrorPlugins() {
 		let e = this.editor;
-		return [new y({
-			key: new b("tableShortcut"),
+		return [new b({
+			key: new x("tableShortcut"),
 			props: {
 				handleTextInput(n, r, i, a) {
 					if (!e.isEditable || a !== " ") return !1;
-					let { state: o } = n, s = o.doc.resolve(r).start(), c = o.doc.textBetween(s, r, "\0") + " ", l = A.exec(c);
+					let { state: o } = n, s = o.doc.resolve(r).start(), c = o.doc.textBetween(s, r, "\0") + " ", l = j.exec(c);
 					return l ? (t(n, s, i, Math.min(Math.max(parseInt(l[1], 10) || 3, 1), 20), Math.min(Math.max(parseInt(l[2], 10) || 3, 1), 20)), !0) : !1;
 				},
 				handleKeyDown(n, r) {
 					if (!e.isEditable || r.key !== "Enter") return !1;
 					let { state: i } = n, { $from: a } = i.selection;
 					if (!a.parent.isTextblock) return !1;
-					let o = a.start(), s = i.doc.textBetween(o, a.pos, "\0"), c = A.exec(s);
+					let o = a.start(), s = i.doc.textBetween(o, a.pos, "\0"), c = j.exec(s);
 					if (!c) return !1;
 					r.preventDefault();
 					let l = Math.min(Math.max(parseInt(c[1], 10) || 3, 1), 20), u = Math.min(Math.max(parseInt(c[2], 10) || 3, 1), 20);
@@ -298,10 +298,10 @@ var D = ({ node: l, editor: u, updateAttributes: d }) => {
 		};
 	},
 	addNodeView() {
-		return g(D);
+		return _(O);
 	}
 });
 //#endregion
-export { j as CodeBlockExtension, j as default };
+export { M as CodeBlockExtension, M as default };
 
 //# sourceMappingURL=CodeBlockView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockView.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/CodeBlockView.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Node, mergeAttributes, textblockTypeInputRule } from '@tiptap/react';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport rehypeKatex from 'rehype-katex';\nimport { MermaidRenderer, useNodeEditable } from './MarkdownBlock';\nimport 'katex/dist/katex.min.css';\n\n\nconst KatexRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const wrapped = code.includes('$$') ? code : `$$\\n${code}\\n$$`;\n  return (\n    <ReactMarkdown\n      remarkPlugins={[remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n    >\n      {wrapped}\n    </ReactMarkdown>\n  );\n};\n\nconst MarkdownRenderer: React.FC<{ code: string }> = ({ code }) => {\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') return <MermaidRenderer code={text} />;\n\n          if (lang) {\n            return (\n              <SyntaxHighlighter\n                style={oneLight as Record<string, React.CSSProperties>}\n                language={lang}\n                PreTag=\"div\"\n                customStyle={{ borderRadius: '0.5rem', fontSize: '0.875em', padding: '1em', margin: '0.5em 0' }}\n              >\n                {text}\n              </SyntaxHighlighter>\n            );\n          }\n          return <code className={className} {...props}>{children}</code>;\n        },\n      }}\n    >\n      {code}\n    </ReactMarkdown>\n  );\n};\n\nconst RENDER_LANGUAGES = ['markdown', 'mermaid', 'math'];\n\nconst HIGHLIGHT_LANGUAGES = [\n  '', 'javascript', 'typescript', 'python', 'rust', 'go', 'java', 'c', 'cpp',\n  'csharp', 'ruby', 'php', 'swift', 'kotlin', 'sql', 'bash', 'shell',\n  'html', 'css', 'json', 'yaml', 'toml', 'xml',\n  'docker', 'graphql', 'latex', 'tex',\n];\n\nfunction renderLang(lang: string): string {\n  // Legacy documents keep their r- attributes; the selector uses canonical names.\n  const canonical = lang.startsWith('r-') ? lang.slice(2) : lang;\n  return RENDER_LANGUAGES.includes(canonical) ? canonical : '';\n}\n\nfunction highlightLang(lang: string): string {\n  if (lang === 'math' || lang === 'latex' || lang === 'tex') return 'latex';\n  return lang;\n}\n\nconst CodeBlockNodeView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes,\n}) => {\n  const editable = useNodeEditable(editor);\n  const language = node.attrs.language || '';\n  const textContent = node.textContent;\n  const hasLanguage = !!language;\n  const renderLanguage = renderLang(language);\n  const isRenderable = !!renderLanguage;\n\n  const [isEditing, setIsEditing] = useState(true);\n\n  useEffect(() => {\n    if (!hasLanguage) setIsEditing(true);\n  }, [language, hasLanguage]);\n\n  // Read-only viewers always get the rendered/preview state, never the editor chrome.\n  useEffect(() => {\n    if (!editable) setIsEditing(false);\n  }, [editable]);\n\n  const showEditing = isEditing && editable;\n\n  const editIcon = (\n    <svg width=\"12\" height=\"12\" 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  const previewIcon = (\n    <svg width=\"12\" height=\"12\" 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\n  const renderPreview = () => {\n    if (renderLanguage === 'mermaid') {\n      return textContent.trim()\n        ? <MermaidRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter mermaid diagram code...</p>;\n    }\n    if (renderLanguage === 'math') {\n      return textContent.trim()\n        ? <KatexRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter KaTeX math formula...</p>;\n    }\n    if (renderLanguage === 'markdown') {\n      return textContent.trim()\n        ? <MarkdownRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter Markdown content...</p>;\n    }\n    return null;\n  };\n\n  const displayLabel = renderLanguage ? renderLanguage + ' (render)' : language || 'plain text';\n\n  return (\n    <NodeViewWrapper className={`rte-codeblock-wrapper ${!isEditing && hasLanguage ? 'rte-codeblock-wrapper--preview' : ''}`}>\n      {showEditing ? (\n        <>\n          <div className=\"rte-codeblock__header\">\n            <select\n              className=\"rte-codeblock__lang-select\"\n              value={renderLanguage || language}\n              disabled={!editable}\n              onChange={(e) => {\n                if (editor.isDestroyed || !editor.isEditable) return;\n                updateAttributes({ language: e.target.value });\n                if (!e.target.value) setIsEditing(true);\n              }}\n              contentEditable={false}\n            >\n              <option value=\"\">Plain text</option>\n              <optgroup label=\"Syntax Highlight\">\n                {HIGHLIGHT_LANGUAGES.filter(Boolean).map((lang) => (\n                  <option key={lang} value={lang}>{lang}</option>\n                ))}\n              </optgroup>\n              <optgroup label=\"Live Render\">\n                {RENDER_LANGUAGES.map((lang) => (\n                  <option key={lang} value={lang}>{lang}</option>\n                ))}\n              </optgroup>\n            </select>\n            {hasLanguage && (\n              <button\n                type=\"button\"\n                className=\"rte-codeblock__preview-btn\"\n                onClick={() => setIsEditing(false)}\n                contentEditable={false}\n              >\n                {previewIcon} Preview\n              </button>\n            )}\n          </div>\n          <pre className=\"rte-codeblock__editable-pre\">\n            <NodeViewContent as={'code' as any} />\n          </pre>\n        </>\n      ) : isRenderable ? (\n        <div\n          className=\"rte-codeblock__render-preview\"\n          contentEditable={false}\n          onDoubleClick={() => { if (editable) setIsEditing(true); }}\n        >\n          <div className=\"rte-codeblock__preview-toolbar\" contentEditable={false}>\n            <span className=\"rte-codeblock__preview-label\">{displayLabel}</span>\n            {editable && (\n              <button\n                type=\"button\"\n                className=\"rte-codeblock__preview-edit-btn\"\n                onClick={() => setIsEditing(true)}\n              >\n                {editIcon} Edit\n              </button>\n            )}\n          </div>\n          <div className=\"rte-codeblock__render-body\">\n            {renderPreview()}\n          </div>\n          {/* 预览分支也必须挂载 contentDOM（隐藏）：不渲染 NodeViewContent 时\n              tiptap 会把代码文本以 data-node-view-content-react 形式再渲染\n              一份裸露副本，只读 / 预览下出现重复的原始代码。 */}\n          <div style={{ display: 'none' }} aria-hidden=\"true\">\n            <NodeViewContent as={'code' as any} />\n          </div>\n        </div>\n      ) : (\n        <div\n          className=\"rte-codeblock__syntax-preview\"\n          contentEditable={false}\n          onDoubleClick={() => { if (editable) setIsEditing(true); }}\n        >\n          <div className=\"rte-codeblock__preview-toolbar\" contentEditable={false}>\n            <span className=\"rte-codeblock__preview-label\">{displayLabel}</span>\n            {editable && (\n              <button\n                type=\"button\"\n                className=\"rte-codeblock__preview-edit-btn\"\n                onClick={() => setIsEditing(true)}\n              >\n                {editIcon} Edit\n              </button>\n            )}\n          </div>\n          <SyntaxHighlighter\n            style={oneLight as Record<string, React.CSSProperties>}\n            language={highlightLang(language)}\n            PreTag=\"div\"\n            customStyle={{\n              borderRadius: '0 0 0.5rem 0.5rem',\n              fontSize: '0.875em',\n              padding: '1em',\n              margin: '0',\n            }}\n          >\n            {textContent || ' '}\n          </SyntaxHighlighter>\n          <div style={{ display: 'none' }} aria-hidden=\"true\">\n            <NodeViewContent as={'code' as any} />\n          </div>\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nconst backtickInputRegex = /^```([a-z-]*)[\\s\\n]$/;\nconst tildeInputRegex = /^~~~([a-z-]*)[\\s\\n]$/;\nconst tableShortcutRegex = /^(?:```|~~~)table(?:(\\d+)[x×X*](\\d+))?\\s?$/;\n\nexport const CodeBlockExtension = Node.create({\n  name: 'codeBlock',\n  group: 'block',\n  content: 'text*',\n  marks: '',\n  code: true,\n  defining: true,\n\n  addAttributes() {\n    return {\n      language: {\n        default: null,\n        parseHTML: (element) => {\n          const classAttr = element.querySelector('code')?.className ||\n                            element.className || '';\n          const match = /language-([\\w-]+)/.exec(classAttr);\n          return match?.[1] || element.getAttribute('data-language') || null;\n        },\n        renderHTML: (attributes) => {\n          if (!attributes.language) return {};\n          return { 'data-language': attributes.language };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'pre',\n        preserveWhitespace: 'full',\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    return [\n      'pre',\n      mergeAttributes(HTMLAttributes, { 'data-language': node.attrs.language }),\n      ['code', { class: node.attrs.language ? `language-${node.attrs.language}` : undefined }, 0],\n    ];\n  },\n\n  addInputRules() {\n    return [\n      textblockTypeInputRule({\n        find: backtickInputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          if (match[1]?.startsWith('table')) return false;\n          return { language: match[1] || null };\n        },\n      }),\n      textblockTypeInputRule({\n        find: tildeInputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          if (match[1]?.startsWith('table')) return false;\n          return { language: match[1] || null };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins() {\n    const editorRef = this.editor;\n    return [\n      new Plugin({\n        key: new PluginKey('tableShortcut'),\n        props: {\n          handleTextInput(view, from, to, text) {\n            if (!editorRef.isEditable || text !== ' ') return false;\n            const { state } = view;\n            const $from = state.doc.resolve(from);\n            const blockStart = $from.start();\n            const textBefore = state.doc.textBetween(blockStart, from, '\\0');\n            const full = textBefore + ' ';\n            const m = tableShortcutRegex.exec(full);\n            if (!m) return false;\n\n            const rows = Math.min(Math.max(parseInt(m[1], 10) || 3, 1), 20);\n            const cols = Math.min(Math.max(parseInt(m[2], 10) || 3, 1), 20);\n            dispatchTable(view, blockStart, to, rows, cols);\n            return true;\n          },\n          handleKeyDown(view, event) {\n            if (!editorRef.isEditable || event.key !== 'Enter') return false;\n            const { state } = view;\n            const { $from } = state.selection;\n            if (!$from.parent.isTextblock) return false;\n            const blockStart = $from.start();\n            const textBefore = state.doc.textBetween(blockStart, $from.pos, '\\0');\n            const m = tableShortcutRegex.exec(textBefore);\n            if (!m) return false;\n\n            event.preventDefault();\n            const rows = Math.min(Math.max(parseInt(m[1], 10) || 3, 1), 20);\n            const cols = Math.min(Math.max(parseInt(m[2], 10) || 3, 1), 20);\n            dispatchTable(view, blockStart, $from.pos, rows, cols);\n            return true;\n          },\n        },\n      }),\n    ];\n\n    function dispatchTable(view: typeof editorRef.view, from: number, to: number, rows: number, cols: number) {\n      const { state } = view;\n      const $from = state.doc.resolve(from);\n      const blockNode = $from.parent;\n      const blockPos = $from.before();\n\n      const tableType = state.schema.nodes.table;\n      const rowType = state.schema.nodes.tableRow;\n      const headerType = state.schema.nodes.tableHeader;\n      const cellType = state.schema.nodes.tableCell;\n      if (!tableType || !rowType || !cellType) return;\n\n      const emptyParagraph = state.schema.nodes.paragraph.create();\n      const buildRow = (isHeader: boolean) => {\n        const type = isHeader && headerType ? headerType : cellType;\n        const cells = Array.from({ length: cols }, () => type.create(null, emptyParagraph));\n        return rowType.create(null, cells);\n      };\n\n      const tableRows = [\n        buildRow(true),\n        ...Array.from({ length: rows - 1 }, () => buildRow(false)),\n      ];\n      const table = tableType.create(null, tableRows);\n      const tr = state.tr.replaceWith(blockPos, blockPos + blockNode.nodeSize, table);\n      view.dispatch(tr);\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Alt-c': () => this.editor.isEditable && this.editor.commands.toggleNode('codeBlock', 'paragraph'),\n      Tab: ({ editor }) => {\n        if (!editor.isEditable) return false;\n        if (editor.isActive('codeBlock')) {\n          editor.commands.insertContent('\\t');\n          return true;\n        }\n        return false;\n      },\n      Enter: ({ editor }) => {\n        if (!editor.isEditable) return false;\n        if (!editor.isActive('codeBlock')) return false;\n        editor.commands.newlineInCode();\n        return true;\n      },\n      ArrowDown: ({ editor }) => {\n        if (!editor.isEditable) return false;\n        if (!editor.isActive('codeBlock')) return false;\n        const { $from } = editor.state.selection;\n        const isAtEnd = $from.parentOffset === $from.parent.content.size;\n        if (!isAtEnd) return false;\n        const after = $from.after();\n        if (after === undefined) return false;\n        const nodeAfter = editor.state.doc.nodeAt(after);\n        if (nodeAfter) return false;\n        editor.commands.exitCode();\n        return true;\n      },\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(CodeBlockNodeView);\n  },\n});\n\nexport default CodeBlockExtension;\n"],"mappings":"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"}
+{"version":3,"file":"CodeBlockView.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/CodeBlockView.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Node, mergeAttributes, textblockTypeInputRule } from '@tiptap/react';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport rehypeKatex from 'rehype-katex';\nimport { MermaidRenderer, useNodeEditable } from './MarkdownBlock';\nimport Select from '../../../Select';\nimport 'katex/dist/katex.min.css';\n\n\nconst KatexRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const wrapped = code.includes('$$') ? code : `$$\\n${code}\\n$$`;\n  return (\n    <ReactMarkdown\n      remarkPlugins={[remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n    >\n      {wrapped}\n    </ReactMarkdown>\n  );\n};\n\nconst MarkdownRenderer: React.FC<{ code: string }> = ({ code }) => {\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') return <MermaidRenderer code={text} />;\n\n          if (lang) {\n            return (\n              <SyntaxHighlighter\n                style={oneLight as Record<string, React.CSSProperties>}\n                language={lang}\n                PreTag=\"div\"\n                customStyle={{ borderRadius: '0.5rem', fontSize: '0.875em', padding: '1em', margin: '0.5em 0' }}\n              >\n                {text}\n              </SyntaxHighlighter>\n            );\n          }\n          return <code className={className} {...props}>{children}</code>;\n        },\n      }}\n    >\n      {code}\n    </ReactMarkdown>\n  );\n};\n\nconst RENDER_LANGUAGES = ['markdown', 'mermaid', 'math'];\n\nconst HIGHLIGHT_LANGUAGES = [\n  '', 'javascript', 'typescript', 'python', 'rust', 'go', 'java', 'c', 'cpp',\n  'csharp', 'ruby', 'php', 'swift', 'kotlin', 'sql', 'bash', 'shell',\n  'html', 'css', 'json', 'yaml', 'toml', 'xml',\n  'docker', 'graphql', 'latex', 'tex',\n];\n\nconst LANGUAGE_OPTIONS = [\n  { label: 'Plain text', value: '' },\n  ...HIGHLIGHT_LANGUAGES.filter(Boolean).map(lang => ({ label: `Syntax · ${lang}`, value: lang })),\n  ...RENDER_LANGUAGES.map(lang => ({ label: `Render · ${lang}`, value: lang })),\n];\n\nfunction renderLang(lang: string): string {\n  // Legacy documents keep their r- attributes; the selector uses canonical names.\n  const canonical = lang.startsWith('r-') ? lang.slice(2) : lang;\n  return RENDER_LANGUAGES.includes(canonical) ? canonical : '';\n}\n\nfunction highlightLang(lang: string): string {\n  if (lang === 'math' || lang === 'latex' || lang === 'tex') return 'latex';\n  return lang;\n}\n\nconst CodeBlockNodeView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes,\n}) => {\n  const editable = useNodeEditable(editor);\n  const language = node.attrs.language || '';\n  const textContent = node.textContent;\n  const hasLanguage = !!language;\n  const renderLanguage = renderLang(language);\n  const isRenderable = !!renderLanguage;\n\n  const [isEditing, setIsEditing] = useState(true);\n\n  useEffect(() => {\n    if (!hasLanguage) setIsEditing(true);\n  }, [language, hasLanguage]);\n\n  // Read-only viewers always get the rendered/preview state, never the editor chrome.\n  useEffect(() => {\n    if (!editable) setIsEditing(false);\n  }, [editable]);\n\n  const showEditing = isEditing && editable;\n\n  const editIcon = (\n    <svg width=\"12\" height=\"12\" 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  const previewIcon = (\n    <svg width=\"12\" height=\"12\" 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\n  const renderPreview = () => {\n    if (renderLanguage === 'mermaid') {\n      return textContent.trim()\n        ? <MermaidRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter mermaid diagram code...</p>;\n    }\n    if (renderLanguage === 'math') {\n      return textContent.trim()\n        ? <KatexRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter KaTeX math formula...</p>;\n    }\n    if (renderLanguage === 'markdown') {\n      return textContent.trim()\n        ? <MarkdownRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter Markdown content...</p>;\n    }\n    return null;\n  };\n\n  const displayLabel = renderLanguage ? renderLanguage + ' (render)' : language || 'plain text';\n\n  return (\n    <NodeViewWrapper className={`rte-codeblock-wrapper ${!isEditing && hasLanguage ? 'rte-codeblock-wrapper--preview' : ''}`}>\n      {showEditing ? (\n        <>\n          <div className=\"rte-codeblock__header\">\n            <div contentEditable={false} className=\"rte-codeblock__lang-control\">\n              <Select\n                className=\"rte-codeblock__lang-select\"\n                aria-label=\"Code language\"\n                value={renderLanguage || language}\n                options={LANGUAGE_OPTIONS}\n                onChange={(next) => {\n                  if (editor.isDestroyed || !editor.isEditable) return;\n                  const selected = String(next);\n                  updateAttributes({ language: selected });\n                  if (!selected) setIsEditing(true);\n                }}\n              />\n            </div>\n            {hasLanguage && (\n              <button\n                type=\"button\"\n                className=\"rte-codeblock__preview-btn\"\n                onClick={() => setIsEditing(false)}\n                contentEditable={false}\n              >\n                {previewIcon} Preview\n              </button>\n            )}\n          </div>\n          <pre className=\"rte-codeblock__editable-pre\">\n            <NodeViewContent as={'code' as any} />\n          </pre>\n        </>\n      ) : isRenderable ? (\n        <div\n          className=\"rte-codeblock__render-preview\"\n          contentEditable={false}\n          onDoubleClick={() => { if (editable) setIsEditing(true); }}\n        >\n          <div className=\"rte-codeblock__preview-toolbar\" contentEditable={false}>\n            <span className=\"rte-codeblock__preview-label\">{displayLabel}</span>\n            {editable && (\n              <button\n                type=\"button\"\n                className=\"rte-codeblock__preview-edit-btn\"\n                onClick={() => setIsEditing(true)}\n              >\n                {editIcon} Edit\n              </button>\n            )}\n          </div>\n          <div className=\"rte-codeblock__render-body\">\n            {renderPreview()}\n          </div>\n          {/* 预览分支也必须挂载 contentDOM（隐藏）：不渲染 NodeViewContent 时\n              tiptap 会把代码文本以 data-node-view-content-react 形式再渲染\n              一份裸露副本，只读 / 预览下出现重复的原始代码。 */}\n          <div style={{ display: 'none' }} aria-hidden=\"true\">\n            <NodeViewContent as={'code' as any} />\n          </div>\n        </div>\n      ) : (\n        <div\n          className=\"rte-codeblock__syntax-preview\"\n          contentEditable={false}\n          onDoubleClick={() => { if (editable) setIsEditing(true); }}\n        >\n          <div className=\"rte-codeblock__preview-toolbar\" contentEditable={false}>\n            <span className=\"rte-codeblock__preview-label\">{displayLabel}</span>\n            {editable && (\n              <button\n                type=\"button\"\n                className=\"rte-codeblock__preview-edit-btn\"\n                onClick={() => setIsEditing(true)}\n              >\n                {editIcon} Edit\n              </button>\n            )}\n          </div>\n          <SyntaxHighlighter\n            style={oneLight as Record<string, React.CSSProperties>}\n            language={highlightLang(language)}\n            PreTag=\"div\"\n            customStyle={{\n              borderRadius: '0 0 0.5rem 0.5rem',\n              fontSize: '0.875em',\n              padding: '1em',\n              margin: '0',\n            }}\n          >\n            {textContent || ' '}\n          </SyntaxHighlighter>\n          <div style={{ display: 'none' }} aria-hidden=\"true\">\n            <NodeViewContent as={'code' as any} />\n          </div>\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nconst backtickInputRegex = /^```([a-z-]*)[\\s\\n]$/;\nconst tildeInputRegex = /^~~~([a-z-]*)[\\s\\n]$/;\nconst tableShortcutRegex = /^(?:```|~~~)table(?:(\\d+)[x×X*](\\d+))?\\s?$/;\n\nexport const CodeBlockExtension = Node.create({\n  name: 'codeBlock',\n  group: 'block',\n  content: 'text*',\n  marks: '',\n  code: true,\n  defining: true,\n\n  addAttributes() {\n    return {\n      language: {\n        default: null,\n        parseHTML: (element) => {\n          const classAttr = element.querySelector('code')?.className ||\n                            element.className || '';\n          const match = /language-([\\w-]+)/.exec(classAttr);\n          return match?.[1] || element.getAttribute('data-language') || null;\n        },\n        renderHTML: (attributes) => {\n          if (!attributes.language) return {};\n          return { 'data-language': attributes.language };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'pre',\n        preserveWhitespace: 'full',\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    return [\n      'pre',\n      mergeAttributes(HTMLAttributes, { 'data-language': node.attrs.language }),\n      ['code', { class: node.attrs.language ? `language-${node.attrs.language}` : undefined }, 0],\n    ];\n  },\n\n  addInputRules() {\n    return [\n      textblockTypeInputRule({\n        find: backtickInputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          if (match[1]?.startsWith('table')) return false;\n          return { language: match[1] || null };\n        },\n      }),\n      textblockTypeInputRule({\n        find: tildeInputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          if (match[1]?.startsWith('table')) return false;\n          return { language: match[1] || null };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins() {\n    const editorRef = this.editor;\n    return [\n      new Plugin({\n        key: new PluginKey('tableShortcut'),\n        props: {\n          handleTextInput(view, from, to, text) {\n            if (!editorRef.isEditable || text !== ' ') return false;\n            const { state } = view;\n            const $from = state.doc.resolve(from);\n            const blockStart = $from.start();\n            const textBefore = state.doc.textBetween(blockStart, from, '\\0');\n            const full = textBefore + ' ';\n            const m = tableShortcutRegex.exec(full);\n            if (!m) return false;\n\n            const rows = Math.min(Math.max(parseInt(m[1], 10) || 3, 1), 20);\n            const cols = Math.min(Math.max(parseInt(m[2], 10) || 3, 1), 20);\n            dispatchTable(view, blockStart, to, rows, cols);\n            return true;\n          },\n          handleKeyDown(view, event) {\n            if (!editorRef.isEditable || event.key !== 'Enter') return false;\n            const { state } = view;\n            const { $from } = state.selection;\n            if (!$from.parent.isTextblock) return false;\n            const blockStart = $from.start();\n            const textBefore = state.doc.textBetween(blockStart, $from.pos, '\\0');\n            const m = tableShortcutRegex.exec(textBefore);\n            if (!m) return false;\n\n            event.preventDefault();\n            const rows = Math.min(Math.max(parseInt(m[1], 10) || 3, 1), 20);\n            const cols = Math.min(Math.max(parseInt(m[2], 10) || 3, 1), 20);\n            dispatchTable(view, blockStart, $from.pos, rows, cols);\n            return true;\n          },\n        },\n      }),\n    ];\n\n    function dispatchTable(view: typeof editorRef.view, from: number, to: number, rows: number, cols: number) {\n      const { state } = view;\n      const $from = state.doc.resolve(from);\n      const blockNode = $from.parent;\n      const blockPos = $from.before();\n\n      const tableType = state.schema.nodes.table;\n      const rowType = state.schema.nodes.tableRow;\n      const headerType = state.schema.nodes.tableHeader;\n      const cellType = state.schema.nodes.tableCell;\n      if (!tableType || !rowType || !cellType) return;\n\n      const emptyParagraph = state.schema.nodes.paragraph.create();\n      const buildRow = (isHeader: boolean) => {\n        const type = isHeader && headerType ? headerType : cellType;\n        const cells = Array.from({ length: cols }, () => type.create(null, emptyParagraph));\n        return rowType.create(null, cells);\n      };\n\n      const tableRows = [\n        buildRow(true),\n        ...Array.from({ length: rows - 1 }, () => buildRow(false)),\n      ];\n      const table = tableType.create(null, tableRows);\n      const tr = state.tr.replaceWith(blockPos, blockPos + blockNode.nodeSize, table);\n      view.dispatch(tr);\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Alt-c': () => this.editor.isEditable && this.editor.commands.toggleNode('codeBlock', 'paragraph'),\n      Tab: ({ editor }) => {\n        if (!editor.isEditable) return false;\n        if (editor.isActive('codeBlock')) {\n          editor.commands.insertContent('\\t');\n          return true;\n        }\n        return false;\n      },\n      Enter: ({ editor }) => {\n        if (!editor.isEditable) return false;\n        if (!editor.isActive('codeBlock')) return false;\n        editor.commands.newlineInCode();\n        return true;\n      },\n      ArrowDown: ({ editor }) => {\n        if (!editor.isEditable) return false;\n        if (!editor.isActive('codeBlock')) return false;\n        const { $from } = editor.state.selection;\n        const isAtEnd = $from.parentOffset === $from.parent.content.size;\n        if (!isAtEnd) return false;\n        const after = $from.after();\n        if (after === undefined) return false;\n        const nodeAfter = editor.state.doc.nodeAt(after);\n        if (nodeAfter) return false;\n        editor.commands.exitCode();\n        return true;\n      },\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(CodeBlockNodeView);\n  },\n});\n\nexport default CodeBlockExtension;\n"],"mappings":"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"}

package/dist/css.d.ts

@@ -0,0 +1 @@
+export type DishUIStylesheet = 'dishui.css';