@haklex/rich-editor 0.0.31 → 0.0.33

package/dist/{RichEditor-D1twFNL-.js → RichEditor-CSw4Bj02.js}

@@ -1,3 +1,6 @@
+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 { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { PortalThemeProvider } from "@haklex/rich-style-token";
 import { CheckListPlugin } from "@lexical/react/LexicalCheckListPlugin";
@@ -9,18 +12,23 @@ import { ListPlugin } from "@lexical/react/LexicalListPlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
-import { W as $isAlertQuoteNode, X as RendererWrapper, Y as AlertRenderer, Z as AlertQuoteNode, _ as $isBannerNode, a0 as BannerRenderer, a1 as BannerNode, a2 as normalizeBannerType, a3 as $isCodeBlockNode, a4 as CodeBlockRenderer, a5 as CodeBlockNode, Q as useFootnoteDefinitions, s as FootnoteSectionNode, k as $isGridContainerNode, G as GridContainerNode, e as editorTheme, N as NESTED_EDITOR_NODES, b as builtinNodes, a6 as SpoilerNode, a7 as MentionNode, t as KaTeXInlineNode, K as KaTeXBlockNode, a8 as ImageNode, a9 as FootnoteNode, aa as VideoNode, L as LinkCardNode, ab as DetailsNode, M as MermaidNode, ac as $createAlertQuoteNode, ad as $createImageNode, ae as $createKaTeXInlineNode, af as $createKaTeXBlockNode, ag as $createBannerNode, ah as $createDetailsNode, ai as $createFootnoteNode, j as $isFootnoteSectionNode, $ as $createFootnoteSectionNode, aj as $createMentionNode, ak as $createSpoilerNode, i as $createMermaidNode, d as clsx, C as ColorSchemeProvider, R as RendererConfigProvider, F as FootnotePlugin, g as getVariantClass } from "./utils-BuZqZkYK.js";
+import { Q as $isAlertQuoteNode, d as RendererWrapper, S as AlertRenderer, T as SpoilerNode, U as MentionNode, V as FootnoteNode, H as KaTeXInlineNode, W as AlertQuoteNode, f as editorTheme, X as $isBannerNode, Y as BannerRenderer, Z as BannerNode, _ as normalizeBannerType, a0 as $isCodeBlockNode, a1 as CodeBlockRenderer, a2 as CodeBlockNode, i as useFootnoteDefinitions, D as FootnoteSectionNode, s as $isGridContainerNode, G as GridContainerNode, b as builtinNodes, K as KaTeXBlockNode, a3 as ImageNode, a4 as VideoNode, L as LinkCardNode, a5 as DetailsNode, M as MermaidNode, F as FootnoteDefinitionsProvider, a6 as $createImageNode, a7 as $createKaTeXInlineNode, a8 as $createKaTeXBlockNode, a9 as $createDetailsNode, aa as $createFootnoteNode, r as $isFootnoteSectionNode, $ as $createFootnoteSectionNode, ab as $createMentionNode, g as extractTextContent, ac as $createSpoilerNode, q as $createMermaidNode, C as ColorSchemeProvider, R as RendererConfigProvider } from "./theme-C_ic3l9g.js";
+import { $getNodeByKey, $insertNodes, createEditor, $nodesOfType, $getRoot, createCommand, COMMAND_PRIORITY_EDITOR, $parseSerializedNode, $getSelection, $isRangeSelection, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_HIGH } from "lexical";
+import { Info, Lightbulb, TriangleAlert, Flag, LayoutGrid, Plus, Minus } from "lucide-react";
 import { useCallback, createElement, useState, useEffect, useRef } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ContentEditable as ContentEditable$1 } from "@lexical/react/LexicalContentEditable";
 import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
-import { $getNodeByKey, $nodesOfType, $getRoot, createEditor, createCommand, $insertNodes, COMMAND_PRIORITY_EDITOR, $getSelection, $isRangeSelection, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_HIGH } from "lexical";
-import { LayoutGrid, Plus, Minus } from "lucide-react";
-import { createLinkMatcherWithRegExp, registerAutoLink } from "@lexical/link";
-import { INSERT_HORIZONTAL_RULE_COMMAND, $createHorizontalRuleNode } from "@lexical/extension";
+import { CodeNode } from "@lexical/code";
+import { HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND, $createHorizontalRuleNode } from "@lexical/extension";
+import { LinkNode, AutoLinkNode, createLinkMatcherWithRegExp, registerAutoLink } from "@lexical/link";
+import { ListNode, ListItemNode } from "@lexical/list";
+import { HeadingNode, QuoteNode } from "@lexical/rich-text";
+import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
 import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
 import { CHECK_LIST, TRANSFORMERS } from "@lexical/markdown";
-import { GIT_ALERT_TRANSFORMER as GIT_ALERT_TRANSFORMER$1, CONTAINER_TRANSFORMER as CONTAINER_TRANSFORMER$1, FOOTNOTE_TRANSFORMER as FOOTNOTE_TRANSFORMER$1, FOOTNOTE_SECTION_TRANSFORMER as FOOTNOTE_SECTION_TRANSFORMER$1, KATEX_INLINE_TRANSFORMER as KATEX_INLINE_TRANSFORMER$1, KATEX_BLOCK_TRANSFORMER as KATEX_BLOCK_TRANSFORMER$1, MENTION_TRANSFORMER as MENTION_TRANSFORMER$1, SPOILER_TRANSFORMER as SPOILER_TRANSFORMER$1, INSERT_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER, CODE_BLOCK_NODE_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, HORIZONTAL_RULE_BLOCK_TRANSFORMER, TABLE_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
+import { GIT_ALERT_TRANSFORMER as GIT_ALERT_TRANSFORMER$1, CONTAINER_TRANSFORMER as CONTAINER_TRANSFORMER$1, FOOTNOTE_TRANSFORMER as FOOTNOTE_TRANSFORMER$1, FOOTNOTE_SECTION_TRANSFORMER as FOOTNOTE_SECTION_TRANSFORMER$1, KATEX_INLINE_TRANSFORMER as KATEX_INLINE_TRANSFORMER$1, KATEX_BLOCK_TRANSFORMER as KATEX_BLOCK_TRANSFORMER$1, MENTION_TRANSFORMER as MENTION_TRANSFORMER$1, SPOILER_TRANSFORMER as SPOILER_TRANSFORMER$1, INSERT_TRANSFORMER, SUPERSCRIPT_TRANSFORMER, SUBSCRIPT_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER, CODE_BLOCK_NODE_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, HORIZONTAL_RULE_BLOCK_TRANSFORMER, TABLE_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
+import { b as clsx, g as getVariantClass } from "./utils-fpeaZV1R.js";
 function AlertEditDecorator({
   nodeKey,
   alertType,
@@ -73,24 +81,71 @@ function AlertEditDecorator({
     ] }) })
   ] });
 }
-class AlertQuoteEditNode extends AlertQuoteNode {
+const NESTED_EDITOR_NODES = [
+  HeadingNode,
+  QuoteNode,
+  ListNode,
+  ListItemNode,
+  LinkNode,
+  AutoLinkNode,
+  HorizontalRuleNode,
+  CodeNode,
+  TableNode,
+  TableCellNode,
+  TableRowNode,
+  SpoilerNode,
+  MentionNode,
+  FootnoteNode,
+  KaTeXInlineNode
+];
+function createContentEditor$1() {
+  return createEditor({
+    namespace: "AlertContent",
+    nodes: NESTED_EDITOR_NODES,
+    theme: editorTheme,
+    onError: (error) => {
+      console.error("[AlertContent]", error);
+    }
+  });
+}
+const _AlertQuoteEditNode = class _AlertQuoteEditNode extends AlertQuoteNode {
+  constructor(alertType, contentState, key) {
+    super(alertType, contentState, key);
+    __publicField(this, "__contentEditor");
+    this.__contentEditor = createContentEditor$1();
+    if (contentState) {
+      const editorState = this.__contentEditor.parseEditorState(contentState);
+      this.__contentEditor.setEditorState(editorState);
+    }
+  }
   static clone(node) {
-    return new AlertQuoteEditNode(
+    const cloned = new _AlertQuoteEditNode(
       node.__alertType,
-      node.__contentEditor,
+      node.__contentState,
       node.__key
     );
+    cloned.__contentEditor = node.__contentEditor;
+    return cloned;
+  }
+  getContentEditor() {
+    return this.__contentEditor;
   }
   static importJSON(serializedNode) {
-    const node = new AlertQuoteEditNode(serializedNode.alertType);
-    if (serializedNode.content) {
-      const editorState = node.__contentEditor.parseEditorState(
-        serializedNode.content
-      );
-      node.__contentEditor.setEditorState(editorState);
-    }
+    const node = new _AlertQuoteEditNode(
+      serializedNode.alertType,
+      serializedNode.content
+    );
     return node;
   }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "alert-quote",
+      alertType: this.__alertType,
+      content: this.__contentEditor.getEditorState().toJSON(),
+      version: 1
+    };
+  }
   decorate(_editor, _config) {
     return createElement(AlertEditDecorator, {
       nodeKey: this.__key,
@@ -98,6 +153,48 @@ class AlertQuoteEditNode extends AlertQuoteNode {
       contentEditor: this.__contentEditor
     });
   }
+};
+__publicField(_AlertQuoteEditNode, "slashMenuItems", [
+  {
+    title: "Callout",
+    icon: createElement(Info, { size: 20 }),
+    description: "Info callout block",
+    keywords: ["alert", "note", "info", "callout"],
+    section: "ADVANCED",
+    onSelect: (editor) => {
+      editor.update(() => {
+        $insertNodes([$createAlertQuoteEditNode("note")]);
+      });
+    }
+  },
+  {
+    title: "Tip",
+    icon: createElement(Lightbulb, { size: 20 }),
+    description: "Highlight a useful tip",
+    keywords: ["alert", "tip", "hint"],
+    section: "ADVANCED",
+    onSelect: (editor) => {
+      editor.update(() => {
+        $insertNodes([$createAlertQuoteEditNode("tip")]);
+      });
+    }
+  },
+  {
+    title: "Warning",
+    icon: createElement(TriangleAlert, { size: 20 }),
+    description: "Warn about something",
+    keywords: ["alert", "warning", "caution"],
+    section: "ADVANCED",
+    onSelect: (editor) => {
+      editor.update(() => {
+        $insertNodes([$createAlertQuoteEditNode("warning")]);
+      });
+    }
+  }
+]);
+let AlertQuoteEditNode = _AlertQuoteEditNode;
+function $createAlertQuoteEditNode(alertType, contentState) {
+  return new AlertQuoteEditNode(alertType, contentState);
 }
 function BannerEditDecorator({
   nodeKey,
@@ -151,24 +248,45 @@ function BannerEditDecorator({
     ] }) })
   ] });
 }
-class BannerEditNode extends BannerNode {
+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) {
-    return new BannerEditNode(
+    const cloned = new _BannerEditNode(
       node.__bannerType,
-      node.__contentEditor,
+      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);
-    const node = new BannerEditNode(bannerType);
     if (serializedNode.content) {
-      const editorState = node.__contentEditor.parseEditorState(
-        serializedNode.content
-      );
-      node.__contentEditor.setEditorState(editorState);
-    } else if (legacy.children) {
+      return new _BannerEditNode(bannerType, serializedNode.content);
+    }
+    if (legacy.children) {
       const content = {
         root: {
           children: legacy.children,
@@ -179,10 +297,18 @@ class BannerEditNode extends BannerNode {
           version: 1
         }
       };
-      const editorState = node.__contentEditor.parseEditorState(content);
-      node.__contentEditor.setEditorState(editorState);
+      return new _BannerEditNode(bannerType, content);
     }
-    return node;
+    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, {
@@ -191,6 +317,24 @@ class BannerEditNode extends BannerNode {
       contentEditor: this.__contentEditor
     });
   }
+};
+__publicField(_BannerEditNode, "slashMenuItems", [
+  {
+    title: "Banner",
+    icon: createElement(Flag, { size: 20 }),
+    description: "Highlighted banner block",
+    keywords: ["banner", "notice", "announcement"],
+    section: "ADVANCED",
+    onSelect: (editor) => {
+      editor.update(() => {
+        $insertNodes([$createBannerEditNode("note")]);
+      });
+    }
+  }
+]);
+let BannerEditNode = _BannerEditNode;
+function $createBannerEditNode(bannerType, contentState) {
+  return new BannerEditNode(bannerType, contentState);
 }
 function CodeBlockEditDecorator({
   nodeKey,
@@ -376,7 +520,7 @@ function GridEditDecorator({
   const handleRemoveRow = useCallback(() => {
     editor.update(() => {
       const node = $getNodeByKey(nodeKey);
-      if (!$isGridContainerNode(node)) return;
+      if (!$isGridEditNode(node)) return;
       const cols = node.getCols();
       const editors = node.getCellEditors();
       if (editors.length <= cols) return;
@@ -471,36 +615,52 @@ function createCellEditor() {
     }
   });
 }
-class GridEditNode extends GridContainerNode {
+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) {
-    return new GridEditNode(
+    const cloned = new _GridEditNode(
       node.__cols,
       node.__gap,
-      [...node.__cellEditors],
+      node.__cellStates,
       node.__key
     );
+    cloned.__cellEditors = [...node.__cellEditors];
+    return cloned;
   }
-  static importJSON(serializedNode) {
-    const legacy = serializedNode;
-    const cols = legacy.cols || 2;
-    const rawGap = legacy.gap;
-    const gap = typeof rawGap === "number" ? `${rawGap}px` : rawGap;
-    const node = new GridEditNode(cols, gap);
-    if (legacy.cells && legacy.cells.length > 0) {
-      const editors = legacy.cells.map((cellState) => {
-        const editor = createCellEditor();
-        const editorState = editor.parseEditorState(cellState);
-        editor.setEditorState(editorState);
-        return editor;
-      });
-      node.__cellEditors = editors;
-    } else if (legacy.children) {
-      const { children } = legacy;
-      const editors = children.map((child) => {
+  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();
-        const content = {
+        writable.__cellEditors.push(editor);
+        const emptyState = {
           root: {
-            children: [child],
+            children: [
+              {
+                type: "paragraph",
+                children: [],
+                direction: null,
+                format: "",
+                indent: 0,
+                textFormat: 0,
+                textStyle: "",
+                version: 1
+              }
+            ],
             direction: null,
             format: "",
             indent: 0,
@@ -508,13 +668,93 @@ class GridEditNode extends GridContainerNode {
             version: 1
           }
         };
-        const editorState = editor.parseEditorState(content);
-        editor.setEditorState(editorState);
-        return editor;
+        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;
       });
-      node.__cellEditors = editors;
+      if (!isEmpty) break;
+      editors.pop();
+      states.pop();
     }
-    return node;
+  }
+  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, {
@@ -524,6 +764,27 @@ class GridEditNode extends GridContainerNode {
       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,
@@ -560,7 +821,7 @@ function AlertPlugin() {
     return editor.registerCommand(
       INSERT_ALERT_COMMAND,
       (alertType) => {
-        $insertNodes([$createAlertQuoteNode(alertType)]);
+        $insertNodes([$createAlertQuoteEditNode(alertType)]);
         return true;
       },
       COMMAND_PRIORITY_EDITOR
@@ -608,6 +869,99 @@ function EditorRefPlugin({ onEditorReady }) {
   }, [editor]);
   return null;
 }
+function FootnotePlugin({ children }) {
+  const [editor] = useLexicalComposerContext();
+  const [definitions, setDefinitions] = useState({});
+  const [displayNumberMap, setDisplayNumberMap] = useState({});
+  const pendingUpdateRef = useRef(false);
+  useEffect(() => {
+    return editor.registerUpdateListener(({ editorState }) => {
+      editorState.read(() => {
+        const footnoteNodes = $nodesOfType(FootnoteNode);
+        const seen = /* @__PURE__ */ new Set();
+        const numberMap = {};
+        let counter = 1;
+        for (const node of footnoteNodes) {
+          const id = node.getIdentifier();
+          if (!seen.has(id)) {
+            seen.add(id);
+            numberMap[id] = counter++;
+          }
+        }
+        setDisplayNumberMap(numberMap);
+        const sectionNodes = $nodesOfType(FootnoteSectionNode);
+        if (sectionNodes.length > 0) {
+          setDefinitions(sectionNodes[0].getDefinitions());
+        } else {
+          setDefinitions({});
+        }
+        if (!editor.isEditable() || pendingUpdateRef.current) return;
+        if (footnoteNodes.length === 0 && sectionNodes.length > 0) {
+          pendingUpdateRef.current = true;
+          queueMicrotask(() => {
+            editor.update(() => {
+              const sections = $nodesOfType(FootnoteSectionNode);
+              for (const s of sections) s.remove();
+            });
+            pendingUpdateRef.current = false;
+          });
+          return;
+        }
+        if (footnoteNodes.length > 0 && sectionNodes.length === 0) {
+          const seenSnapshot = [...seen];
+          pendingUpdateRef.current = true;
+          queueMicrotask(() => {
+            editor.update(() => {
+              const root = $getRoot();
+              const defs = {};
+              for (const id of seenSnapshot) {
+                defs[id] = "";
+              }
+              const section = $parseSerializedNode({
+                type: "footnote-section",
+                definitions: defs,
+                version: 1
+              });
+              root.append(section);
+            });
+            pendingUpdateRef.current = false;
+          });
+        } else if (sectionNodes.length > 0) {
+          const existingDefs = sectionNodes[0].getDefinitions();
+          const missingIds = [...seen].filter((id) => !(id in existingDefs));
+          const orphanIds = Object.keys(existingDefs).filter(
+            (id) => !seen.has(id)
+          );
+          if (missingIds.length > 0 || orphanIds.length > 0) {
+            pendingUpdateRef.current = true;
+            queueMicrotask(() => {
+              editor.update(() => {
+                const freshSections = $nodesOfType(FootnoteSectionNode);
+                if (freshSections.length > 0) {
+                  for (const id of missingIds) {
+                    freshSections[0].setDefinition(id, "");
+                  }
+                  for (const id of orphanIds) {
+                    freshSections[0].removeDefinition(id);
+                  }
+                }
+              });
+              pendingUpdateRef.current = false;
+            });
+          }
+        }
+      });
+    });
+  }, [editor]);
+  return /* @__PURE__ */ jsx(
+    FootnoteDefinitionsProvider,
+    {
+      definitions,
+      displayNumberMap,
+      children
+    }
+  );
+}
 function HorizontalRulePlugin() {
   const [editor] = useLexicalComposerContext();
   useEffect(() => {
@@ -695,7 +1049,6 @@ const GIT_ALERT_TRANSFORMER = {
   replace: (parentNode, children, match) => {
     const typeKey = match[1];
     const alertType = ALERT_TYPE_MAP[typeKey] || "note";
-    const alertNode = $createAlertQuoteNode(alertType);
     const serializedChildren = children.map((child) => child.exportJSON());
     const content = {
       root: {
@@ -718,8 +1071,7 @@ const GIT_ALERT_TRANSFORMER = {
         version: 1
       }
     };
-    const editorState = alertNode.getContentEditor().parseEditorState(content);
-    alertNode.getContentEditor().setEditorState(editorState);
+    const alertNode = $createAlertQuoteEditNode(alertType, content);
     parentNode.replace(alertNode);
   }
 };
@@ -744,7 +1096,6 @@ const CONTAINER_TRANSFORMER = {
     const params = match[2];
     if (type in BANNER_TYPE_MAP) {
       const bannerType = BANNER_TYPE_MAP[type];
-      const banner = $createBannerNode(bannerType);
       const serializedChildren = children.map(
         (child) => child.exportJSON()
       );
@@ -769,8 +1120,7 @@ const CONTAINER_TRANSFORMER = {
           version: 1
         }
       };
-      const editorState = banner.getContentEditor().parseEditorState(content);
-      banner.getContentEditor().setEditorState(editorState);
+      const banner = $createBannerEditNode(bannerType, content);
       parentNode.replace(banner);
       return;
     }
@@ -854,11 +1204,7 @@ const GRID_CONTAINER_BLOCK_TRANSFORMER = {
   dependencies: [],
   export: (node) => {
     if (!$isGridContainerNode(node)) return null;
-    const cells = node.getCellEditors().map(
-      (editor) => editor.getEditorState().read(() => {
-        return $getRoot().getTextContent();
-      })
-    );
+    const cells = node.getCellStates().map((state) => extractTextContent(state));
     const body = cells.map((content) => `::: cell
 ${content}
 :::`).join("\n");
@@ -886,6 +1232,8 @@ const ALL_TRANSFORMERS = [
   MENTION_TRANSFORMER,
   FOOTNOTE_TRANSFORMER,
   INSERT_TRANSFORMER,
+  SUPERSCRIPT_TRANSFORMER,
+  SUBSCRIPT_TRANSFORMER,
   KATEX_INLINE_TRANSFORMER,
   // Block transformers (order matters - more specific first)
   FOOTNOTE_SECTION_TRANSFORMER,
@@ -1036,8 +1384,8 @@ function RichEditor({
     },
     ...initialValue ? { editorState: JSON.stringify(initialValue) } : {}
   };
-  const variantClass = getVariantClass(variant, theme);
-  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(
+  const variantClass = getVariantClass(variant);
+  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, theme, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(
     RendererConfigProvider,
     {
       config: rendererConfig,
@@ -1090,15 +1438,17 @@ function RichEditor({
 }
 export {
   ALL_TRANSFORMERS as A,
-  FootnoteSectionEditNode as F,
+  FootnotePlugin as F,
   INSERT_ALERT_COMMAND as I,
+  NESTED_EDITOR_NODES as N,
   RichEditor as R,
   allEditNodes as a,
-  INSERT_IMAGE_COMMAND as b,
+  FootnoteSectionEditNode as b,
   customEditNodes as c,
-  INSERT_KATEX_BLOCK_COMMAND as d,
-  INSERT_KATEX_INLINE_COMMAND as e,
-  INSERT_MERMAID_COMMAND as f,
+  INSERT_IMAGE_COMMAND as d,
+  INSERT_KATEX_BLOCK_COMMAND as e,
+  INSERT_KATEX_INLINE_COMMAND as f,
   getResolvedEditNodes as g,
+  INSERT_MERMAID_COMMAND as h,
   setResolvedEditNodes as s
 };

package/dist/components/decorators/GridEditDecorator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridEditDecorator.d.ts","sourceRoot":"","sources":["../../../src/components/decorators/GridEditDecorator.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,aAAa,EAAE,CAAA;CAC7B;AAID,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EAAE,WAAW,EACjB,GAAG,EACH,WAAW,GACZ,EAAE,sBAAsB,+BAyHxB"}
+{"version":3,"file":"GridEditDecorator.d.ts","sourceRoot":"","sources":["../../../src/components/decorators/GridEditDecorator.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,aAAa,EAAE,CAAA;CAC7B;AAID,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EAAE,WAAW,EACjB,GAAG,EACH,WAAW,GACZ,EAAE,sBAAsB,+BAyHxB"}