dishui 0.0.64 → 0.0.66

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

@@ -1,351 +1,317 @@
-import { useEffect as x, useRef as H, useState as z } from "react";
-import { Fragment as W, jsx as n, jsxs as d } from "react/jsx-runtime";
-import { Prism as y } from "react-syntax-highlighter";
-import { oneLight as _ } from "react-syntax-highlighter/dist/esm/styles/prism";
-import N from "react-markdown";
-import j from "remark-gfm";
-import M from "rehype-katex";
-import D from "rehype-raw";
-import R from "remark-math";
-import L from "mermaid";
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Prism as o } from "react-syntax-highlighter";
+import { oneLight as s } from "react-syntax-highlighter/dist/esm/styles/prism";
+import c from "react-markdown";
+import l from "remark-gfm";
+import u from "rehype-katex";
+import d from "rehype-raw";
+import f from "remark-math";
+import p from "mermaid";
 import "katex/dist/katex.min.css";
-import { Node as G, NodeViewContent as K, NodeViewWrapper as V, ReactNodeViewRenderer as q, mergeAttributes as F, textblockTypeInputRule as k } from "@tiptap/react";
-import { Plugin as O, PluginKey as U } from "@tiptap/pm/state";
-var v = !1;
-function X() {
-  v || (L.initialize({
-    startOnLoad: !1,
-    theme: "default",
-    securityLevel: "loose",
-    fontFamily: "inherit",
-    flowchart: {
-      useMaxWidth: !0,
-      htmlLabels: !0
-    }
-  }), v = !0);
+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 S = !1;
+function C() {
+	S ||= (p.initialize({
+		startOnLoad: !1,
+		theme: "default",
+		securityLevel: "loose",
+		fontFamily: "inherit",
+		flowchart: {
+			useMaxWidth: !0,
+			htmlLabels: !0
+		}
+	}), !0);
 }
-var E = ({ code: e }) => {
-  const t = H(null);
-  return x(() => {
-    if (!e.trim() || !t.current) return;
-    X();
-    let r = !1;
-    return (async () => {
-      try {
-        const a = `mermaid-cb-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, { svg: i } = await L.render(a, e);
-        !r && t.current && (t.current.innerHTML = i);
-      } catch (a) {
-        !r && t.current && (t.current.innerHTML = `<pre style="color:#ef4444;font-size:12px;padding:8px;">${String(a)}</pre>`);
-      }
-    })(), () => {
-      r = !0;
-    };
-  }, [e]), /* @__PURE__ */ n("div", {
-    ref: t,
-    className: "rte-mermaid-container"
-  });
-}, J = ({ code: e }) => {
-  const t = e.includes("$$") ? e : `$$
-${e}
-$$`;
-  return /* @__PURE__ */ n(N, {
-    remarkPlugins: [R],
-    rehypePlugins: [M],
-    children: t
-  });
-}, Q = ({ code: e }) => /* @__PURE__ */ n(N, {
-  remarkPlugins: [j, R],
-  rehypePlugins: [M, D],
-  components: { code({ className: t, children: r, ...o }) {
-    const a = /language-(\w+)/.exec(t || "")?.[1], i = String(r).replace(/\n$/, "");
-    return a === "mermaid" ? /* @__PURE__ */ n(E, { code: i }) : a ? /* @__PURE__ */ n(y, {
-      style: _,
-      language: a,
-      PreTag: "div",
-      customStyle: {
-        borderRadius: "0.5rem",
-        fontSize: "0.875em",
-        padding: "1em",
-        margin: "0.5em 0"
-      },
-      children: i
-    }) : /* @__PURE__ */ n("code", {
-      className: t,
-      ...o,
-      children: r
-    });
-  } },
-  children: e
-}), f = [
-  "r-markdown",
-  "r-mermaid",
-  "r-math"
-], T = [
-  "",
-  "javascript",
-  "typescript",
-  "python",
-  "rust",
-  "go",
-  "java",
-  "c",
-  "cpp",
-  "csharp",
-  "ruby",
-  "php",
-  "swift",
-  "kotlin",
-  "sql",
-  "bash",
-  "shell",
-  "html",
-  "css",
-  "json",
-  "yaml",
-  "toml",
-  "xml",
-  "markdown",
-  "mermaid",
-  "math",
-  "docker",
-  "graphql",
-  "latex",
-  "tex"
-];
-[...T, ...f];
-function Y(e) {
-  return f.includes(e);
+var w = ({ code: n }) => {
+	let r = t(null);
+	return e(() => {
+		if (!n.trim() || !r.current) return;
+		C();
+		let e = !1;
+		return (async () => {
+			try {
+				let t = `mermaid-cb-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, { svg: i } = await p.render(t, n);
+				!e && r.current && (r.current.innerHTML = i);
+			} catch (t) {
+				!e && r.current && (r.current.innerHTML = `<pre style="color:#ef4444;font-size:12px;padding:8px;">${String(t)}</pre>`);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [n]), /* @__PURE__ */ i("div", {
+		ref: r,
+		className: "rte-mermaid-container"
+	});
+}, T = ({ code: e }) => {
+	let t = e.includes("$$") ? e : `$$\n${e}\n$$`;
+	return /* @__PURE__ */ i(c, {
+		remarkPlugins: [f],
+		rehypePlugins: [u],
+		children: t
+	});
+}, E = ({ code: e }) => /* @__PURE__ */ i(c, {
+	remarkPlugins: [l, f],
+	rehypePlugins: [u, d],
+	components: { code({ className: e, children: t, ...n }) {
+		let r = /language-(\w+)/.exec(e || "")?.[1], a = String(t).replace(/\n$/, "");
+		return r === "mermaid" ? /* @__PURE__ */ i(w, { code: a }) : r ? /* @__PURE__ */ i(o, {
+			style: s,
+			language: r,
+			PreTag: "div",
+			customStyle: {
+				borderRadius: "0.5rem",
+				fontSize: "0.875em",
+				padding: "1em",
+				margin: "0.5em 0"
+			},
+			children: a
+		}) : /* @__PURE__ */ i("code", {
+			className: e,
+			...n,
+			children: t
+		});
+	} },
+	children: e
+}), D = [
+	"r-markdown",
+	"r-mermaid",
+	"r-math"
+], O = /* @__PURE__ */ ".javascript.typescript.python.rust.go.java.c.cpp.csharp.ruby.php.swift.kotlin.sql.bash.shell.html.css.json.yaml.toml.xml.markdown.mermaid.math.docker.graphql.latex.tex".split(".");
+[...O, ...D];
+function k(e) {
+	return D.includes(e);
 }
-function Z(e) {
-  return e === "math" || e === "latex" || e === "tex" ? "latex" : e;
+function A(e) {
+	return e === "math" || e === "latex" || e === "tex" ? "latex" : e;
 }
-var ee = ({ node: e, updateAttributes: t }) => {
-  const r = e.attrs.language || "", o = e.textContent, a = !!r, i = Y(r), [c, l] = z(!0);
-  x(() => {
-    a || l(!0);
-  }, [r, a]);
-  const u = /* @__PURE__ */ d("svg", {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [/* @__PURE__ */ n("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ n("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
-  }), m = /* @__PURE__ */ d("svg", {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [/* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ n("circle", {
-      cx: "12",
-      cy: "12",
-      r: "3"
-    })]
-  }), h = () => r === "r-mermaid" ? o.trim() ? /* @__PURE__ */ n(E, { code: o }) : /* @__PURE__ */ n("p", {
-    className: "rte-codeblock__placeholder",
-    children: "Enter mermaid diagram code..."
-  }) : r === "r-math" ? o.trim() ? /* @__PURE__ */ n(J, { code: o }) : /* @__PURE__ */ n("p", {
-    className: "rte-codeblock__placeholder",
-    children: "Enter KaTeX math formula..."
-  }) : r === "r-markdown" ? o.trim() ? /* @__PURE__ */ n(Q, { code: o }) : /* @__PURE__ */ n("p", {
-    className: "rte-codeblock__placeholder",
-    children: "Enter Markdown content..."
-  }) : null, p = r.startsWith("r-") ? r.slice(2) + " (render)" : r || "plain text";
-  return /* @__PURE__ */ n(V, {
-    className: `rte-codeblock-wrapper ${!c && a ? "rte-codeblock-wrapper--preview" : ""}`,
-    children: c ? /* @__PURE__ */ d(W, { children: [/* @__PURE__ */ d("div", {
-      className: "rte-codeblock__header",
-      children: [/* @__PURE__ */ d("select", {
-        className: "rte-codeblock__lang-select",
-        value: r,
-        onChange: (s) => {
-          t({ language: s.target.value }), s.target.value || l(!0);
-        },
-        contentEditable: !1,
-        children: [
-          /* @__PURE__ */ n("option", {
-            value: "",
-            children: "Plain text"
-          }),
-          /* @__PURE__ */ n("optgroup", {
-            label: "Syntax Highlight",
-            children: T.filter(Boolean).map((s) => /* @__PURE__ */ n("option", {
-              value: s,
-              children: s
-            }, s))
-          }),
-          /* @__PURE__ */ n("optgroup", {
-            label: "Live Render",
-            children: f.map((s) => /* @__PURE__ */ n("option", {
-              value: s,
-              children: s
-            }, s))
-          })
-        ]
-      }), a && /* @__PURE__ */ d("button", {
-        type: "button",
-        className: "rte-codeblock__preview-btn",
-        onClick: () => l(!1),
-        contentEditable: !1,
-        children: [m, " Preview"]
-      })]
-    }), /* @__PURE__ */ n("pre", {
-      className: "rte-codeblock__editable-pre",
-      children: /* @__PURE__ */ n(K, { as: "code" })
-    })] }) : i ? /* @__PURE__ */ d("div", {
-      className: "rte-codeblock__render-preview",
-      contentEditable: !1,
-      onDoubleClick: () => l(!0),
-      children: [/* @__PURE__ */ d("div", {
-        className: "rte-codeblock__preview-toolbar",
-        contentEditable: !1,
-        children: [/* @__PURE__ */ n("span", {
-          className: "rte-codeblock__preview-label",
-          children: p
-        }), /* @__PURE__ */ d("button", {
-          type: "button",
-          className: "rte-codeblock__preview-edit-btn",
-          onClick: () => l(!0),
-          children: [u, " Edit"]
-        })]
-      }), /* @__PURE__ */ n("div", {
-        className: "rte-codeblock__render-body",
-        children: h()
-      })]
-    }) : /* @__PURE__ */ d("div", {
-      className: "rte-codeblock__syntax-preview",
-      contentEditable: !1,
-      onDoubleClick: () => l(!0),
-      children: [/* @__PURE__ */ d("div", {
-        className: "rte-codeblock__preview-toolbar",
-        contentEditable: !1,
-        children: [/* @__PURE__ */ n("span", {
-          className: "rte-codeblock__preview-label",
-          children: p
-        }), /* @__PURE__ */ d("button", {
-          type: "button",
-          className: "rte-codeblock__preview-edit-btn",
-          onClick: () => l(!0),
-          children: [u, " Edit"]
-        })]
-      }), /* @__PURE__ */ n(y, {
-        style: _,
-        language: Z(r),
-        PreTag: "div",
-        customStyle: {
-          borderRadius: "0 0 0.5rem 0.5rem",
-          fontSize: "0.875em",
-          padding: "1em",
-          margin: "0"
-        },
-        children: o || " "
-      })]
-    })
-  });
-}, te = /^```([a-z-]*)[\s\n]$/, re = /^~~~([a-z-]*)[\s\n]$/, w = /^(?:```|~~~)table(?:(\d+)[x×X\*](\d+))?\s?$/, be = G.create({
-  name: "codeBlock",
-  group: "block",
-  content: "text*",
-  marks: "",
-  code: !0,
-  defining: !0,
-  addAttributes() {
-    return { language: {
-      default: null,
-      parseHTML: (e) => {
-        const t = e.querySelector("code")?.className || e.className || "";
-        return /language-([\w-]+)/.exec(t)?.[1] || e.getAttribute("data-language") || null;
-      },
-      renderHTML: (e) => e.language ? { "data-language": e.language } : {}
-    } };
-  },
-  parseHTML() {
-    return [{
-      tag: "pre",
-      preserveWhitespace: "full"
-    }];
-  },
-  renderHTML({ node: e, HTMLAttributes: t }) {
-    return [
-      "pre",
-      F(t, { "data-language": e.attrs.language }),
-      [
-        "code",
-        { class: e.attrs.language ? `language-${e.attrs.language}` : void 0 },
-        0
-      ]
-    ];
-  },
-  addInputRules() {
-    return [k({
-      find: te,
-      type: this.type,
-      getAttributes: (e) => e[1]?.startsWith("table") ? !1 : { language: e[1] || null }
-    }), k({
-      find: re,
-      type: this.type,
-      getAttributes: (e) => e[1]?.startsWith("table") ? !1 : { language: e[1] || null }
-    })];
-  },
-  addProseMirrorPlugins() {
-    return this.editor, [new O({
-      key: new U("tableShortcut"),
-      props: {
-        handleTextInput(t, r, o, a) {
-          if (a !== " ") return !1;
-          const { state: i } = t, c = i.doc.resolve(r).start(), l = i.doc.textBetween(c, r, "\0") + " ", u = w.exec(l);
-          return u ? (e(t, c, o, Math.min(Math.max(parseInt(u[1], 10) || 3, 1), 20), Math.min(Math.max(parseInt(u[2], 10) || 3, 1), 20)), !0) : !1;
-        },
-        handleKeyDown(t, r) {
-          if (r.key !== "Enter") return !1;
-          const { state: o } = t, { $from: a } = o.selection;
-          if (!a.parent.isTextblock) return !1;
-          const i = a.start(), c = o.doc.textBetween(i, a.pos, "\0"), l = w.exec(c);
-          if (!l) return !1;
-          r.preventDefault();
-          const u = Math.min(Math.max(parseInt(l[1], 10) || 3, 1), 20), m = Math.min(Math.max(parseInt(l[2], 10) || 3, 1), 20);
-          return e(t, i, a.pos, u, m), !0;
-        }
-      }
-    })];
-    function e(t, r, o, a, i) {
-      const { state: c } = t, l = c.doc.resolve(r), u = l.parent, m = l.before(), h = c.schema.nodes.table, p = c.schema.nodes.tableRow, s = c.schema.nodes.tableHeader, g = c.schema.nodes.tableCell;
-      if (!h || !p || !g) return;
-      const $ = c.schema.nodes.paragraph.create(), b = (I) => {
-        const P = I && s ? s : g, B = Array.from({ length: i }, () => P.create(null, $));
-        return p.create(null, B);
-      }, A = [b(!0), ...Array.from({ length: a - 1 }, () => b(!1))], S = h.create(null, A), C = c.tr.replaceWith(m, m + u.nodeSize, S);
-      t.dispatch(C);
-    }
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Alt-c": () => this.editor.commands.toggleNode("codeBlock", "paragraph"),
-      Tab: ({ editor: e }) => e.isActive("codeBlock") ? (e.commands.insertContent("	"), !0) : !1,
-      Enter: ({ editor: e }) => e.isActive("codeBlock") ? (e.commands.newlineInCode(), !0) : !1,
-      ArrowDown: ({ editor: e }) => {
-        if (!e.isActive("codeBlock")) return !1;
-        const { $from: t } = e.state.selection;
-        if (t.parentOffset !== t.parent.content.size) return !1;
-        const r = t.after();
-        return r === void 0 || e.state.doc.nodeAt(r) ? !1 : (e.commands.exitCode(), !0);
-      }
-    };
-  },
-  addNodeView() {
-    return q(ee);
-  }
+var j = ({ node: t, updateAttributes: c }) => {
+	let l = t.attrs.language || "", u = t.textContent, d = !!l, f = k(l), [p, m] = n(!0);
+	e(() => {
+		d || m(!0);
+	}, [l, d]);
+	let _ = /* @__PURE__ */ a("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ i("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ i("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
+	}), v = /* @__PURE__ */ a("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ i("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ i("circle", {
+			cx: "12",
+			cy: "12",
+			r: "3"
+		})]
+	}), y = () => l === "r-mermaid" ? u.trim() ? /* @__PURE__ */ i(w, { code: u }) : /* @__PURE__ */ i("p", {
+		className: "rte-codeblock__placeholder",
+		children: "Enter mermaid diagram code..."
+	}) : l === "r-math" ? u.trim() ? /* @__PURE__ */ i(T, { code: u }) : /* @__PURE__ */ i("p", {
+		className: "rte-codeblock__placeholder",
+		children: "Enter KaTeX math formula..."
+	}) : l === "r-markdown" ? u.trim() ? /* @__PURE__ */ i(E, { code: u }) : /* @__PURE__ */ i("p", {
+		className: "rte-codeblock__placeholder",
+		children: "Enter Markdown content..."
+	}) : null, b = l.startsWith("r-") ? l.slice(2) + " (render)" : l || "plain text";
+	return /* @__PURE__ */ i(g, {
+		className: `rte-codeblock-wrapper ${!p && d ? "rte-codeblock-wrapper--preview" : ""}`,
+		children: p ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+			className: "rte-codeblock__header",
+			children: [/* @__PURE__ */ a("select", {
+				className: "rte-codeblock__lang-select",
+				value: l,
+				onChange: (e) => {
+					c({ language: e.target.value }), e.target.value || m(!0);
+				},
+				contentEditable: !1,
+				children: [
+					/* @__PURE__ */ i("option", {
+						value: "",
+						children: "Plain text"
+					}),
+					/* @__PURE__ */ i("optgroup", {
+						label: "Syntax Highlight",
+						children: O.filter(Boolean).map((e) => /* @__PURE__ */ i("option", {
+							value: e,
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ i("optgroup", {
+						label: "Live Render",
+						children: D.map((e) => /* @__PURE__ */ i("option", {
+							value: e,
+							children: e
+						}, e))
+					})
+				]
+			}), d && /* @__PURE__ */ a("button", {
+				type: "button",
+				className: "rte-codeblock__preview-btn",
+				onClick: () => m(!1),
+				contentEditable: !1,
+				children: [v, " Preview"]
+			})]
+		}), /* @__PURE__ */ i("pre", {
+			className: "rte-codeblock__editable-pre",
+			children: /* @__PURE__ */ i(h, { as: "code" })
+		})] }) : f ? /* @__PURE__ */ a("div", {
+			className: "rte-codeblock__render-preview",
+			contentEditable: !1,
+			onDoubleClick: () => m(!0),
+			children: [/* @__PURE__ */ a("div", {
+				className: "rte-codeblock__preview-toolbar",
+				contentEditable: !1,
+				children: [/* @__PURE__ */ i("span", {
+					className: "rte-codeblock__preview-label",
+					children: b
+				}), /* @__PURE__ */ a("button", {
+					type: "button",
+					className: "rte-codeblock__preview-edit-btn",
+					onClick: () => m(!0),
+					children: [_, " Edit"]
+				})]
+			}), /* @__PURE__ */ i("div", {
+				className: "rte-codeblock__render-body",
+				children: y()
+			})]
+		}) : /* @__PURE__ */ a("div", {
+			className: "rte-codeblock__syntax-preview",
+			contentEditable: !1,
+			onDoubleClick: () => m(!0),
+			children: [/* @__PURE__ */ a("div", {
+				className: "rte-codeblock__preview-toolbar",
+				contentEditable: !1,
+				children: [/* @__PURE__ */ i("span", {
+					className: "rte-codeblock__preview-label",
+					children: b
+				}), /* @__PURE__ */ a("button", {
+					type: "button",
+					className: "rte-codeblock__preview-edit-btn",
+					onClick: () => m(!0),
+					children: [_, " Edit"]
+				})]
+			}), /* @__PURE__ */ i(o, {
+				style: s,
+				language: A(l),
+				PreTag: "div",
+				customStyle: {
+					borderRadius: "0 0 0.5rem 0.5rem",
+					fontSize: "0.875em",
+					padding: "1em",
+					margin: "0"
+				},
+				children: u || " "
+			})]
+		})
+	});
+}, M = /^```([a-z-]*)[\s\n]$/, N = /^~~~([a-z-]*)[\s\n]$/, P = /^(?:```|~~~)table(?:(\d+)[x×X*](\d+))?\s?$/, F = m.create({
+	name: "codeBlock",
+	group: "block",
+	content: "text*",
+	marks: "",
+	code: !0,
+	defining: !0,
+	addAttributes() {
+		return { language: {
+			default: null,
+			parseHTML: (e) => {
+				let t = e.querySelector("code")?.className || e.className || "";
+				return /language-([\w-]+)/.exec(t)?.[1] || e.getAttribute("data-language") || null;
+			},
+			renderHTML: (e) => e.language ? { "data-language": e.language } : {}
+		} };
+	},
+	parseHTML() {
+		return [{
+			tag: "pre",
+			preserveWhitespace: "full"
+		}];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		return [
+			"pre",
+			v(t, { "data-language": e.attrs.language }),
+			[
+				"code",
+				{ class: e.attrs.language ? `language-${e.attrs.language}` : void 0 },
+				0
+			]
+		];
+	},
+	addInputRules() {
+		return [y({
+			find: M,
+			type: this.type,
+			getAttributes: (e) => !e[1]?.startsWith("table") && { language: e[1] || null }
+		}), y({
+			find: N,
+			type: this.type,
+			getAttributes: (e) => !e[1]?.startsWith("table") && { language: e[1] || null }
+		})];
+	},
+	addProseMirrorPlugins() {
+		return this.editor, [new b({
+			key: new x("tableShortcut"),
+			props: {
+				handleTextInput(t, n, r, i) {
+					if (i !== " ") return !1;
+					let { state: a } = t, o = a.doc.resolve(n).start(), s = a.doc.textBetween(o, n, "\0") + " ", c = P.exec(s);
+					return c ? (e(t, o, r, Math.min(Math.max(parseInt(c[1], 10) || 3, 1), 20), Math.min(Math.max(parseInt(c[2], 10) || 3, 1), 20)), !0) : !1;
+				},
+				handleKeyDown(t, n) {
+					if (n.key !== "Enter") return !1;
+					let { state: r } = t, { $from: i } = r.selection;
+					if (!i.parent.isTextblock) return !1;
+					let a = i.start(), o = r.doc.textBetween(a, i.pos, "\0"), s = P.exec(o);
+					if (!s) return !1;
+					n.preventDefault();
+					let c = Math.min(Math.max(parseInt(s[1], 10) || 3, 1), 20), l = Math.min(Math.max(parseInt(s[2], 10) || 3, 1), 20);
+					return e(t, a, i.pos, c, l), !0;
+				}
+			}
+		})];
+		function e(e, t, n, r, i) {
+			let { state: a } = e, o = a.doc.resolve(t), s = o.parent, c = o.before(), l = a.schema.nodes.table, u = a.schema.nodes.tableRow, d = a.schema.nodes.tableHeader, f = a.schema.nodes.tableCell;
+			if (!l || !u || !f) return;
+			let p = a.schema.nodes.paragraph.create(), m = (e) => {
+				let t = e && d ? d : f, n = Array.from({ length: i }, () => t.create(null, p));
+				return u.create(null, n);
+			}, h = [m(!0), ...Array.from({ length: r - 1 }, () => m(!1))], g = l.create(null, h), _ = a.tr.replaceWith(c, c + s.nodeSize, g);
+			e.dispatch(_);
+		}
+	},
+	addKeyboardShortcuts() {
+		return {
+			"Mod-Alt-c": () => this.editor.commands.toggleNode("codeBlock", "paragraph"),
+			Tab: ({ editor: e }) => e.isActive("codeBlock") ? (e.commands.insertContent("	"), !0) : !1,
+			Enter: ({ editor: e }) => e.isActive("codeBlock") ? (e.commands.newlineInCode(), !0) : !1,
+			ArrowDown: ({ editor: e }) => {
+				if (!e.isActive("codeBlock")) return !1;
+				let { $from: t } = e.state.selection;
+				if (t.parentOffset !== t.parent.content.size) return !1;
+				let n = t.after();
+				return n === void 0 || e.state.doc.nodeAt(n) ? !1 : (e.commands.exitCode(), !0);
+			}
+		};
+	},
+	addNodeView() {
+		return _(j);
+	}
 });
-export {
-  be as CodeBlockExtension,
-  be as default
-};
+//#endregion
+export { F as CodeBlockExtension, F as default };
 
 //# sourceMappingURL=CodeBlockView.js.map