@haklex/rich-editor 0.1.1 → 0.2.0

package/dist/node-registry-CovhHUB6.js

@@ -1,824 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { o as $isBannerNode, p as BannerRenderer, q as BannerNode, r as normalizeBannerType, s as $isCodeBlockNode, t as CodeBlockRenderer, v as CodeBlockNode, F as FootnoteSectionNode, g as $isGridContainerNode, G as GridContainerNode, l as builtinNodes, V as VideoNode, L as LinkCardNode, C as CommentNode, D as DetailsNode, R as RubyNode } from "./config-Dl3ZkytB.js";
-import { N as NESTED_EDITOR_NODES, A as AlertQuoteEditNode } from "./AlertQuoteEditNode-sPNf3_7P.js";
-import { $getNodeByKey, $insertNodes, createEditor, $getSelection, $isNodeSelection, $isElementNode, $isDecoratorNode, $createNodeSelection, $setSelection, $createParagraphNode, $nodesOfType, $getRoot } from "lexical";
-import { Flag, LayoutGrid, Plus, Minus } from "lucide-react";
-import { useCallback, createElement, useState, useEffect } from "react";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
-import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
-import { ListPlugin } from "@lexical/react/LexicalListPlugin";
-import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
-import { a as RendererWrapper, b as useFootnoteDefinitions } from "./KaTeXRenderer-CQyQzNTJ.js";
-import { n as editorTheme, S as SpoilerNode, M as MentionNode, k as KaTeXInlineNode, K as KaTeXBlockNode, I as ImageNode, F as FootnoteNode, l as MermaidNode, T as TagNode } from "./theme-lEwScxEX.js";
-import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
-import { e as clsx, d as sharedStyles, s as semanticClassNames } from "./katex.css-Csc-7N7u.js";
-import { b as gridStyles, g as gridClassNames } from "./grid.css-Md5-Cfx_.js";
-const codeBlockCursorIntentMap = /* @__PURE__ */ new Map();
-function setCodeBlockCursorIntent(nodeKey, placement) {
-  codeBlockCursorIntentMap.set(nodeKey, placement);
-}
-function consumeCodeBlockCursorIntent(nodeKey) {
-  const placement = codeBlockCursorIntentMap.get(nodeKey);
-  if (!placement) return null;
-  codeBlockCursorIntentMap.delete(nodeKey);
-  return placement;
-}
-function BannerEditDecorator({
-  nodeKey,
-  bannerType,
-  contentEditor
-}) {
-  const [editor] = useLexicalComposerContext();
-  const editable = editor.isEditable();
-  const handleTypeChange = useCallback(
-    (newType) => {
-      editor.update(() => {
-        const node = $getNodeByKey(nodeKey);
-        if ($isBannerNode(node)) {
-          node.setBannerType(newType);
-        }
-      });
-    },
-    [editor, nodeKey]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "rich-banner-inner", children: [
-    /* @__PURE__ */ jsx(
-      RendererWrapper,
-      {
-        defaultRenderer: BannerRenderer,
-        rendererKey: "Banner",
-        props: {
-          type: bannerType,
-          editable,
-          onTypeChange: editable ? handleTypeChange : void 0
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "rich-banner-content", children: /* @__PURE__ */ jsxs(LexicalNestedComposer, { initialEditor: contentEditor, children: [
-      /* @__PURE__ */ jsx(
-        RichTextPlugin,
-        {
-          ErrorBoundary: LexicalErrorBoundary,
-          contentEditable: /* @__PURE__ */ jsx(
-            ContentEditable,
-            {
-              "aria-placeholder": "",
-              className: "rich-banner-content-editable",
-              placeholder: /* @__PURE__ */ jsx("span", { style: { display: "none" } }),
-              style: { outline: "none" }
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(ListPlugin, {}),
-      /* @__PURE__ */ jsx(LinkPlugin, {})
-    ] }) })
-  ] });
-}
-function createContentEditor() {
-  return createEditor({
-    namespace: "BannerContent",
-    nodes: NESTED_EDITOR_NODES,
-    theme: editorTheme,
-    onError: (error) => {
-      console.error("[BannerContent]", error);
-    }
-  });
-}
-const _BannerEditNode = class _BannerEditNode extends BannerNode {
-  constructor(bannerType, contentState, key) {
-    super(bannerType, contentState, key);
-    __publicField(this, "__contentEditor");
-    this.__contentEditor = createContentEditor();
-    if (contentState) {
-      const editorState = this.__contentEditor.parseEditorState(contentState);
-      this.__contentEditor.setEditorState(editorState);
-    }
-  }
-  static clone(node) {
-    const cloned = new _BannerEditNode(
-      node.__bannerType,
-      node.__contentState,
-      node.__key
-    );
-    cloned.__contentEditor = node.__contentEditor;
-    return cloned;
-  }
-  getContentEditor() {
-    return this.__contentEditor;
-  }
-  static importJSON(serializedNode) {
-    const legacy = serializedNode;
-    const bannerType = normalizeBannerType(serializedNode.bannerType);
-    if (serializedNode.content) {
-      return new _BannerEditNode(bannerType, serializedNode.content);
-    }
-    if (legacy.children) {
-      const content = {
-        root: {
-          children: legacy.children,
-          direction: null,
-          format: "",
-          indent: 0,
-          type: "root",
-          version: 1
-        }
-      };
-      return new _BannerEditNode(bannerType, content);
-    }
-    return new _BannerEditNode(bannerType);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "banner",
-      bannerType: this.__bannerType,
-      content: this.__contentEditor.getEditorState().toJSON(),
-      version: 1
-    };
-  }
-  decorate(_editor, _config) {
-    return createElement(BannerEditDecorator, {
-      nodeKey: this.__key,
-      bannerType: this.__bannerType,
-      contentEditor: this.__contentEditor
-    });
-  }
-};
-__publicField(_BannerEditNode, "commandItems", [
-  {
-    title: "Banner",
-    icon: createElement(Flag, { size: 20 }),
-    description: "Highlighted banner block",
-    keywords: ["banner", "notice", "announcement"],
-    section: "ADVANCED",
-    placement: ["slash", "toolbar"],
-    group: "insert",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createBannerEditNode("note")]);
-      });
-    }
-  }
-]);
-let BannerEditNode = _BannerEditNode;
-function $createBannerEditNode(bannerType, contentState) {
-  return new BannerEditNode(bannerType, contentState);
-}
-function CodeBlockEditDecorator({ nodeKey, code, language }) {
-  const [editor] = useLexicalComposerContext();
-  const [isSelected] = useLexicalNodeSelection(nodeKey);
-  const [shouldFocusEditor, setShouldFocusEditor] = useState(false);
-  const [cursorPlacement, setCursorPlacement] = useState("start");
-  const editable = editor.isEditable();
-  useEffect(() => {
-    if (!editable || !isSelected) {
-      setShouldFocusEditor(false);
-      return;
-    }
-    let nextShouldFocus = false;
-    let nextCursorPlacement = "start";
-    editor.getEditorState().read(() => {
-      const selection = $getSelection();
-      const selectedNodes = $isNodeSelection(selection) ? selection.getNodes() : null;
-      nextShouldFocus = selectedNodes !== null && selectedNodes.length === 1 && selectedNodes[0]?.getKey() === nodeKey;
-      if (nextShouldFocus) {
-        nextCursorPlacement = consumeCodeBlockCursorIntent(nodeKey) ?? "start";
-      }
-    });
-    setShouldFocusEditor(nextShouldFocus);
-    if (nextShouldFocus) {
-      setCursorPlacement(nextCursorPlacement);
-    }
-  }, [editable, editor, isSelected, nodeKey]);
-  const handleCodeChange = useCallback(
-    (newCode) => {
-      editor.update(() => {
-        const node = $getNodeByKey(nodeKey);
-        if ($isCodeBlockNode(node)) {
-          node.setCode(newCode);
-        }
-      });
-    },
-    [editor, nodeKey]
-  );
-  const handleLanguageChange = useCallback(
-    (newLanguage) => {
-      editor.update(() => {
-        const node = $getNodeByKey(nodeKey);
-        if ($isCodeBlockNode(node)) {
-          node.setLanguage(newLanguage);
-        }
-      });
-    },
-    [editor, nodeKey]
-  );
-  const handleDelete = useCallback(() => {
-    editor.getRootElement()?.focus({ preventScroll: true });
-    editor.update(() => {
-      const node = $getNodeByKey(nodeKey);
-      if (!node) return;
-      const prev = node.getPreviousSibling();
-      const next = node.getNextSibling();
-      const parent = node.getParent();
-      node.remove();
-      if (prev) {
-        if ($isElementNode(prev)) {
-          prev.selectEnd();
-        } else {
-          if ($isDecoratorNode(prev) && prev.getType() === "code-block") {
-            setCodeBlockCursorIntent(prev.getKey(), "end");
-          }
-          const selection = $createNodeSelection();
-          selection.add(prev.getKey());
-          $setSelection(selection);
-        }
-        return;
-      }
-      if (next) {
-        if ($isElementNode(next)) {
-          next.selectStart();
-        } else {
-          if ($isDecoratorNode(next) && next.getType() === "code-block") {
-            setCodeBlockCursorIntent(next.getKey(), "start");
-          }
-          const selection = $createNodeSelection();
-          selection.add(next.getKey());
-          $setSelection(selection);
-        }
-        return;
-      }
-      if (parent) {
-        const p = $createParagraphNode();
-        parent.append(p);
-        p.selectStart();
-      }
-    });
-  }, [editor, nodeKey]);
-  const handleExitBlock = useCallback(
-    (direction) => {
-      editor.getRootElement()?.focus({ preventScroll: true });
-      editor.update(() => {
-        const node = $getNodeByKey(nodeKey);
-        if (!node) return;
-        if (direction === "before") {
-          const prev = node.getPreviousSibling();
-          if (!prev) return;
-          if ($isElementNode(prev)) {
-            prev.selectEnd();
-          } else {
-            if ($isDecoratorNode(prev) && prev.getType() === "code-block") {
-              setCodeBlockCursorIntent(prev.getKey(), "end");
-            }
-            const selection = $createNodeSelection();
-            selection.add(prev.getKey());
-            $setSelection(selection);
-          }
-          return;
-        }
-        let next = node.getNextSibling();
-        if (!next) {
-          const p = $createParagraphNode();
-          node.insertAfter(p);
-          next = p;
-        }
-        if ($isElementNode(next)) {
-          next.selectStart();
-        } else {
-          if ($isDecoratorNode(next) && next.getType() === "code-block") {
-            setCodeBlockCursorIntent(next.getKey(), "start");
-          }
-          const selection = $createNodeSelection();
-          selection.add(next.getKey());
-          $setSelection(selection);
-        }
-      });
-    },
-    [editor, nodeKey]
-  );
-  return /* @__PURE__ */ jsx(
-    RendererWrapper,
-    {
-      defaultRenderer: CodeBlockRenderer,
-      rendererKey: "CodeBlock",
-      props: {
-        code,
-        language,
-        editable,
-        onCodeChange: editable ? handleCodeChange : void 0,
-        onLanguageChange: editable ? handleLanguageChange : void 0,
-        onDelete: editable ? handleDelete : void 0,
-        onExitBlock: editable ? handleExitBlock : void 0,
-        selected: editable ? shouldFocusEditor : false,
-        cursorPlacement: editable ? cursorPlacement : "start"
-      }
-    }
-  );
-}
-const _CodeBlockEditNode = class _CodeBlockEditNode extends CodeBlockNode {
-  static clone(node) {
-    return new _CodeBlockEditNode(node.__code, node.__language, node.__key);
-  }
-  static importJSON(serializedNode) {
-    return new _CodeBlockEditNode(serializedNode.code, serializedNode.language);
-  }
-  decorate(_editor, _config) {
-    return createElement(CodeBlockEditDecorator, {
-      nodeKey: this.__key,
-      code: this.__code,
-      language: this.__language
-    });
-  }
-};
-__publicField(_CodeBlockEditNode, "commandItems", CodeBlockNode.commandItems.map((item) => ({
-  ...item,
-  onSelect: (editor) => {
-    editor.update(() => {
-      $insertNodes([new _CodeBlockEditNode("", "text")]);
-    });
-  }
-})));
-let CodeBlockEditNode = _CodeBlockEditNode;
-function $createCodeBlockEditNode(code, language) {
-  return new CodeBlockEditNode(code, language);
-}
-function FootnoteSectionEditRenderer({ definitions }) {
-  const [editor] = useLexicalComposerContext();
-  const { displayNumberMap } = useFootnoteDefinitions();
-  const sortedEntries = Object.entries(definitions).sort(
-    ([a], [b]) => (displayNumberMap[a] ?? 0) - (displayNumberMap[b] ?? 0)
-  );
-  const handleContentChange = useCallback(
-    (identifier, newContent) => {
-      editor.update(() => {
-        const sectionNodes = $nodesOfType(FootnoteSectionNode);
-        if (sectionNodes.length > 0) {
-          sectionNodes[0].setDefinition(identifier, newContent);
-        }
-      });
-    },
-    [editor]
-  );
-  const handleRemove = useCallback(
-    (identifier) => {
-      editor.update(() => {
-        const sectionNodes = $nodesOfType(FootnoteSectionNode);
-        if (sectionNodes.length > 0) {
-          sectionNodes[0].removeDefinition(identifier);
-        }
-      });
-    },
-    [editor]
-  );
-  if (sortedEntries.length === 0) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "doc-endnotes",
-      className: clsx(
-        "rich-footnote-section-content",
-        "rich-footnote-section-edit",
-        semanticClassNames.footnoteSection,
-        sharedStyles.footnoteSection
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "hr",
-          {
-            className: clsx(
-              semanticClassNames.footnoteSectionDivider,
-              sharedStyles.footnoteSectionDivider
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "ol",
-          {
-            className: clsx(semanticClassNames.footnoteSectionList, sharedStyles.footnoteSectionList),
-            children: sortedEntries.map(([identifier, content]) => {
-              const displayNum = displayNumberMap[identifier] ?? identifier;
-              return /* @__PURE__ */ jsxs(
-                "li",
-                {
-                  id: `footnote-${identifier}`,
-                  className: clsx(
-                    semanticClassNames.footnoteSectionItem,
-                    sharedStyles.footnoteSectionItem,
-                    semanticClassNames.footnoteSectionItemEdit,
-                    sharedStyles.footnoteSectionItemEdit
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxs(
-                      "span",
-                      {
-                        className: clsx(
-                          semanticClassNames.footnoteSectionItemNum,
-                          sharedStyles.footnoteSectionItemNum
-                        ),
-                        children: [
-                          displayNum,
-                          "."
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        placeholder: `Footnote content for [^${identifier}]`,
-                        type: "text",
-                        value: content,
-                        className: clsx(
-                          semanticClassNames.footnoteSectionItemInput,
-                          sharedStyles.footnoteSectionItemInput
-                        ),
-                        onChange: (e) => handleContentChange(identifier, e.target.value)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        "aria-label": `Remove footnote ${identifier}`,
-                        type: "button",
-                        className: clsx(
-                          semanticClassNames.footnoteSectionItemRemove,
-                          sharedStyles.footnoteSectionItemRemove
-                        ),
-                        onClick: () => handleRemove(identifier),
-                        children: "×"
-                      }
-                    )
-                  ]
-                },
-                identifier
-              );
-            })
-          }
-        )
-      ]
-    }
-  );
-}
-class FootnoteSectionEditNode extends FootnoteSectionNode {
-  static getType() {
-    return "footnote-section";
-  }
-  static clone(node) {
-    return new FootnoteSectionEditNode({ ...node.__definitions }, node.__key);
-  }
-  static importJSON(serializedNode) {
-    return new FootnoteSectionEditNode(serializedNode.definitions);
-  }
-  decorate(_editor, _config) {
-    return createElement(FootnoteSectionEditRenderer, {
-      definitions: this.__definitions,
-      nodeKey: this.__key
-    });
-  }
-}
-const COL_OPTIONS = [1, 2, 3, 4];
-function GridEditDecorator({
-  nodeKey,
-  cols: initialCols,
-  gap,
-  cellEditors
-}) {
-  const [editor] = useLexicalComposerContext();
-  const [currentCols, setCurrentCols] = useState(initialCols);
-  useEffect(() => {
-    return editor.registerUpdateListener(({ editorState }) => {
-      editorState.read(() => {
-        const node = $getNodeByKey(nodeKey);
-        if ($isGridContainerNode(node)) {
-          setCurrentCols(node.getCols());
-        }
-      });
-    });
-  }, [editor, nodeKey]);
-  const handleSetCols = useCallback(
-    (cols) => {
-      editor.update(() => {
-        const node = $getNodeByKey(nodeKey);
-        if ($isGridContainerNode(node)) {
-          node.setCols(cols);
-        }
-      });
-    },
-    [editor, nodeKey]
-  );
-  const handleAddRow = useCallback(() => {
-    editor.update(() => {
-      const node = $getNodeByKey(nodeKey);
-      if ($isGridContainerNode(node)) {
-        node.addCells(node.getCols());
-      }
-    });
-  }, [editor, nodeKey]);
-  const handleRemoveRow = useCallback(() => {
-    editor.update(() => {
-      const node = $getNodeByKey(nodeKey);
-      if (!$isGridEditNode(node)) return;
-      const cols = node.getCols();
-      const editors = node.getCellEditors();
-      if (editors.length <= cols) return;
-      const lastRow = editors.slice(-cols);
-      const allEmpty = lastRow.every(
-        (cellEditor) => cellEditor.getEditorState().read(() => $getRoot().getTextContentSize() === 0)
-      );
-      if (!allEmpty) return;
-      node.removeCells(cols);
-    });
-  }, [editor, nodeKey]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: clsx(gridClassNames.toolbar, gridStyles.toolbar),
-        onMouseDown: (e) => e.preventDefault(),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: clsx(gridClassNames.toolbarIcon, gridStyles.toolbarIcon), children: /* @__PURE__ */ jsx(LayoutGrid, { size: 14 }) }),
-          COL_OPTIONS.map((n) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              "aria-label": `${n} columns`,
-              type: "button",
-              className: clsx(
-                gridClassNames.colButton,
-                gridStyles.colButton,
-                n === currentCols && gridClassNames.colButtonActive,
-                n === currentCols && gridStyles.colButtonActive
-              ),
-              onClick: () => handleSetCols(n),
-              children: n
-            },
-            n
-          )),
-          /* @__PURE__ */ jsx("div", { className: clsx(gridClassNames.toolbarDivider, gridStyles.toolbarDivider) }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              "aria-label": "Add row",
-              className: clsx(gridClassNames.actionButton, gridStyles.actionButton),
-              type: "button",
-              onClick: handleAddRow,
-              children: /* @__PURE__ */ jsx(Plus, { size: 14 })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              "aria-label": "Remove row",
-              className: clsx(gridClassNames.actionButton, gridStyles.actionButton),
-              type: "button",
-              onClick: handleRemoveRow,
-              children: /* @__PURE__ */ jsx(Minus, { size: 14 })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(gridClassNames.inner, gridStyles.inner),
-        style: {
-          gridTemplateColumns: `repeat(${currentCols}, 1fr)`,
-          gap
-        },
-        children: cellEditors.map((cellEditor, i) => /* @__PURE__ */ jsx("div", { className: clsx(gridClassNames.cell, gridStyles.cell), children: /* @__PURE__ */ jsxs(LexicalNestedComposer, { initialEditor: cellEditor, children: [
-          /* @__PURE__ */ jsx(
-            RichTextPlugin,
-            {
-              ErrorBoundary: LexicalErrorBoundary,
-              contentEditable: /* @__PURE__ */ jsx(
-                ContentEditable,
-                {
-                  "aria-placeholder": "",
-                  className: clsx(gridClassNames.cellEditable, gridStyles.cellEditable),
-                  placeholder: /* @__PURE__ */ jsx("span", { style: { display: "none" } })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(ListPlugin, {}),
-          /* @__PURE__ */ jsx(LinkPlugin, {})
-        ] }) }, i))
-      }
-    )
-  ] });
-}
-function createCellEditor() {
-  return createEditor({
-    namespace: "GridCell",
-    nodes: NESTED_EDITOR_NODES,
-    theme: editorTheme,
-    onError: (error) => {
-      console.error("[GridCell]", error);
-    }
-  });
-}
-const _GridEditNode = class _GridEditNode extends GridContainerNode {
-  constructor(cols = 2, gap, cellStates, key) {
-    super(cols, gap, cellStates, key);
-    __publicField(this, "__cellEditors");
-    this.__cellEditors = this.__cellStates.map((state) => {
-      const editor = createCellEditor();
-      const editorState = editor.parseEditorState(state);
-      editor.setEditorState(editorState);
-      return editor;
-    });
-  }
-  static clone(node) {
-    const cloned = new _GridEditNode(node.__cols, node.__gap, node.__cellStates, node.__key);
-    cloned.__cellEditors = [...node.__cellEditors];
-    return cloned;
-  }
-  getCellEditors() {
-    return this.getLatest().__cellEditors;
-  }
-  setCols(cols) {
-    const writable = this.getWritable();
-    const prev = writable.__cellEditors.length;
-    writable.__cols = cols;
-    if (cols > prev) {
-      for (let i = prev; i < cols; i++) {
-        const editor = createCellEditor();
-        writable.__cellEditors.push(editor);
-        const emptyState = {
-          root: {
-            children: [
-              {
-                type: "paragraph",
-                children: [],
-                direction: null,
-                format: "",
-                indent: 0,
-                textFormat: 0,
-                textStyle: "",
-                version: 1
-              }
-            ],
-            direction: null,
-            format: "",
-            indent: 0,
-            type: "root",
-            version: 1
-          }
-        };
-        writable.__cellStates.push(emptyState);
-      }
-    }
-  }
-  addCells(count) {
-    const writable = this.getWritable();
-    for (let i = 0; i < count; i++) {
-      const editor = createCellEditor();
-      writable.__cellEditors.push(editor);
-      const emptyState = {
-        root: {
-          children: [
-            {
-              type: "paragraph",
-              children: [],
-              direction: null,
-              format: "",
-              indent: 0,
-              textFormat: 0,
-              textStyle: "",
-              version: 1
-            }
-          ],
-          direction: null,
-          format: "",
-          indent: 0,
-          type: "root",
-          version: 1
-        }
-      };
-      writable.__cellStates.push(emptyState);
-    }
-  }
-  removeCells(count) {
-    const writable = this.getWritable();
-    const editors = writable.__cellEditors;
-    const states = writable.__cellStates;
-    const toRemove = Math.min(count, editors.length);
-    for (let i = 0; i < toRemove; i++) {
-      const editor = editors.at(-1);
-      if (!editor) break;
-      const isEmpty = editor.getEditorState().read(() => {
-        return $getRoot().getTextContentSize() === 0;
-      });
-      if (!isEmpty) break;
-      editors.pop();
-      states.pop();
-    }
-  }
-  static importJSON(serializedNode) {
-    const legacy = serializedNode;
-    const cols = legacy.cols || 2;
-    const rawGap = legacy.gap;
-    const gap = typeof rawGap === "number" ? `${rawGap}px` : rawGap;
-    if (legacy.cells && legacy.cells.length > 0) {
-      return new _GridEditNode(cols, gap, legacy.cells);
-    }
-    if (legacy.children) {
-      const cellStates = legacy.children.map((child) => {
-        return {
-          root: {
-            children: [child],
-            direction: null,
-            format: "",
-            indent: 0,
-            type: "root",
-            version: 1
-          }
-        };
-      });
-      return new _GridEditNode(cols, gap, cellStates);
-    }
-    return new _GridEditNode(cols, gap);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "grid-container",
-      cols: this.__cols,
-      gap: this.__gap,
-      cells: this.__cellEditors.map((editor) => editor.getEditorState().toJSON()),
-      version: 1
-    };
-  }
-  decorate(_editor, _config) {
-    return createElement(GridEditDecorator, {
-      nodeKey: this.__key,
-      cols: this.__cols,
-      gap: this.__gap,
-      cellEditors: this.__cellEditors
-    });
-  }
-};
-__publicField(_GridEditNode, "slashMenuItems", [
-  {
-    title: "Grid",
-    icon: createElement(LayoutGrid, { size: 20 }),
-    description: "Grid layout container",
-    keywords: ["grid", "columns", "layout"],
-    section: "LAYOUT",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createGridEditNode(2)]);
-      });
-    }
-  }
-]);
-let GridEditNode = _GridEditNode;
-function $createGridEditNode(cols = 2, gap) {
-  return new GridEditNode(cols, gap);
-}
-function $isGridEditNode(node) {
-  return node instanceof GridEditNode;
-}
-const customEditNodes = [
-  SpoilerNode,
-  MentionNode,
-  KaTeXInlineNode,
-  KaTeXBlockNode,
-  ImageNode,
-  AlertQuoteEditNode,
-  CodeBlockEditNode,
-  FootnoteNode,
-  FootnoteSectionEditNode,
-  VideoNode,
-  LinkCardNode,
-  CommentNode,
-  DetailsNode,
-  GridEditNode,
-  BannerEditNode,
-  MermaidNode,
-  RubyNode,
-  TagNode
-];
-const allEditNodes = [...builtinNodes, ...customEditNodes];
-let _resolvedEditNodes = null;
-function setResolvedEditNodes(nodes) {
-  _resolvedEditNodes = nodes;
-}
-function getResolvedEditNodes() {
-  return _resolvedEditNodes ?? allEditNodes;
-}
-export {
-  $createBannerEditNode as $,
-  FootnoteSectionEditNode as F,
-  allEditNodes as a,
-  setCodeBlockCursorIntent as b,
-  customEditNodes as c,
-  $createCodeBlockEditNode as d,
-  getResolvedEditNodes as g,
-  setResolvedEditNodes as s
-};