@formulaxjs/tiptap 0.1.0 → 0.2.1

package/dist/index.global.js

@@ -14249,7 +14249,7 @@ var FormulaX = (() => {
   var start_GQH6XUBI_exports = {};
   __export(start_GQH6XUBI_exports, {
     Factory: () => factory_default,
-    KFEditor: () => editor_default2,
+    KFEditor: () => editor_default,
     default: () => start_default,
     installKityEditorStart: () => installKityEditorStart
   });
@@ -14960,23 +14960,23 @@ var FormulaX = (() => {
   function installKityEditorStart(target = window) {
     const runtimeTarget = target;
     if (!installed3) {
-      editor_default2.registerComponents("ui", ui_default);
-      editor_default2.registerComponents("parser", parser_default);
-      editor_default2.registerComponents("render", render_default);
-      editor_default2.registerComponents("position", position_default);
-      editor_default2.registerComponents("syntax", syntax_default);
-      editor_default2.registerComponents("control", controller_default);
-      editor_default2.registerComponents("print", printer_default);
+      editor_default.registerComponents("ui", ui_default);
+      editor_default.registerComponents("parser", parser_default);
+      editor_default.registerComponents("render", render_default);
+      editor_default.registerComponents("position", position_default);
+      editor_default.registerComponents("syntax", syntax_default);
+      editor_default.registerComponents("control", controller_default);
+      editor_default.registerComponents("print", printer_default);
       installed3 = true;
     }
     runtimeTarget.kf = runtimeTarget.kf ?? {};
     runtimeTarget.kf.EditorFactory = factory_default;
     return {
-      KFEditor: editor_default2,
+      KFEditor: editor_default,
       Factory: factory_default
     };
   }
-  var defaultOptions, components, kity, kf, KFEditor, editor_default2, EditorWrapper, factory, factory_default, PREFIX, LIST_OFFSET, DEFAULT_OPTIONS2, $$, kity2, Button, button_default, PREFIX2, $$2, kity3, List, list_default, kity4, $$3, PREFIX3, BOX_TYPE, ITEM_TYPE, SCROLL_STEP, BoxItem, Box, box_default, PREFIX4, PANEL_HEIGHT, $$4, kity5, Area, area_default, PREFIX5, $$5, kity6, Delimiter, delimiter_default, $$6, kity7, DrapdownBox, dropdown_box_default, UiImpl, ui_impl_default, $$7, kity8, Toolbar, toolbar_default, SCROLLBAR_DEF, SCROLLBAR_CONF, CLASS_PREFIX, kity9, Scrollbar, scrollbar_default, UNICODE_SYMBOLS, STYLE_FONT_MAP, UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, config, toolbar_config_default, $$8, VIEW_STATE, DEFAULT_EDIT_AREA_HEIGHT, kity10, UIComponent, ui_default, kity11, kf2, PlaceholderOperator, kf_ext_placeholder_operator_default, kity12, kf3, BaseCompoundExpression, PlaceholderExpression, kf_ext_placeholder_expression_default, kf4, kf_ext_extension_default, legacyVirtualGroupMap, vgroup_def_default, CURSOR_CHAR, ROOT_P_TEXT, COMBINATION_NAME, PID_PREFIX, pidSeed, kity13, kf5, BaseComponent, Parser, parser_default, DEFAULT_OPTIONS22, kity14, kf6, BaseComponent2, RenderComponent, render_default, kity15, PositionComponent, position_default, kity16, DeleteComponent, syntax_delete_default, kity17, MoveComponent, syntax_move_default, CURSOR_CHAR2, kity18, SyntaxComponent, syntax_default, KEY_CODE, kity19, InputComponent, input_default, kity20, LocationComponent, location_default, MAX_DISTANCE, kity21, SelectionComponent, selection_default, kity22, ListenerComponent, listener_default, kity23, ControllerComponent, controller_default, kity24, Printer, printer_default, installed3, start_default;
+  var defaultOptions, components, kity, kf, KFEditor, editor_default, EditorWrapper, factory, factory_default, PREFIX, LIST_OFFSET, DEFAULT_OPTIONS2, $$, kity2, Button, button_default, PREFIX2, $$2, kity3, List, list_default, kity4, $$3, PREFIX3, BOX_TYPE, ITEM_TYPE, SCROLL_STEP, BoxItem, Box, box_default, PREFIX4, PANEL_HEIGHT, $$4, kity5, Area, area_default, PREFIX5, $$5, kity6, Delimiter, delimiter_default, $$6, kity7, DrapdownBox, dropdown_box_default, UiImpl, ui_impl_default, $$7, kity8, Toolbar, toolbar_default, SCROLLBAR_DEF, SCROLLBAR_CONF, CLASS_PREFIX, kity9, Scrollbar, scrollbar_default, UNICODE_SYMBOLS, STYLE_FONT_MAP, UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, config, toolbar_config_default, $$8, VIEW_STATE, DEFAULT_EDIT_AREA_HEIGHT, kity10, UIComponent, ui_default, kity11, kf2, PlaceholderOperator, kf_ext_placeholder_operator_default, kity12, kf3, BaseCompoundExpression, PlaceholderExpression, kf_ext_placeholder_expression_default, kf4, kf_ext_extension_default, legacyVirtualGroupMap, vgroup_def_default, CURSOR_CHAR, ROOT_P_TEXT, COMBINATION_NAME, PID_PREFIX, pidSeed, kity13, kf5, BaseComponent, Parser, parser_default, DEFAULT_OPTIONS22, kity14, kf6, BaseComponent2, RenderComponent, render_default, kity15, PositionComponent, position_default, kity16, DeleteComponent, syntax_delete_default, kity17, MoveComponent, syntax_move_default, CURSOR_CHAR2, kity18, SyntaxComponent, syntax_default, KEY_CODE, kity19, InputComponent, input_default, kity20, LocationComponent, location_default, MAX_DISTANCE, kity21, SelectionComponent, selection_default, kity22, ListenerComponent, listener_default, kity23, ControllerComponent, controller_default, kity24, Printer, printer_default, installed3, start_default;
   var init_start_GQH6XUBI = __esm({
     "../kity-runtime/dist/start-GQH6XUBI.js"() {
       "use strict";
@@ -15087,12 +15087,12 @@ var FormulaX = (() => {
           components[name] = component;
         }
       });
-      editor_default2 = KFEditor;
+      editor_default = KFEditor;
       EditorWrapper = class {
         callbacks = [];
         editor;
         constructor(container, options) {
-          this.editor = new editor_default2(container, options);
+          this.editor = new editor_default(container, options);
           this.editor.ready(() => {
             this.trigger();
           });
@@ -26799,11 +26799,9 @@ var FormulaX = (() => {
 
   // ../kity-runtime/dist/index.js
   init_chunk_EKIJQ64F();
-
-  // ../kity-assets/dist/index.js
   var btn_default = "./btn-5DANP6JY.png";
   var other_default = "./other-OMWJFGL5.png";
-  var editor_default = "./editor-JT5KLVXX.css?url";
+  var editor_default2 = "./editor-JT5KLVXX.css?url";
   var KF_AMS_BB_default = "./KF_AMS_BB-5QF7FUSO.woff";
   var KF_AMS_CAL_default = "./KF_AMS_CAL-NXRNLAZN.woff";
   var KF_AMS_FRAK_default = "./KF_AMS_FRAK-CO33WWN4.woff";
@@ -26821,15 +26819,13 @@ var FormulaX = (() => {
     other: other_default
   };
   var kityStyleAssets = {
-    editor: editor_default
+    editor: editor_default2
   };
   var kityAssetManifest = {
     fonts: kityFontAssets,
     toolbar: kityToolbarAssets,
     styles: kityStyleAssets
   };
-
-  // ../kity-runtime/dist/index.js
   var legacyCharPosition = {
     "\\pm": {
       "x": 5,
@@ -31222,6 +31218,7 @@ var FormulaX = (() => {
   var FORMULAX_NODE_NAME = "formulaX";
   function resolveOptions(options = {}) {
     return {
+      name: options.name ?? FORMULAX_NODE_NAME,
       formulaClassName: options.formulaClassName ?? DEFAULT_FORMULA_CLASS,
       formulaAttributeName: options.formulaAttributeName ?? DEFAULT_FORMULA_ATTRIBUTE,
       cursorStyle: options.cursorStyle ?? "pointer",
@@ -31243,140 +31240,151 @@ var FormulaX = (() => {
       }
     };
   }
-  var formulaXNodeConfig = {
-    name: FORMULAX_NODE_NAME,
-    group: "inline",
-    inline: true,
-    atom: true,
-    selectable: true,
-    addOptions() {
-      return resolveOptions();
-    },
-    onCreate() {
-      if (typeof document !== "undefined") {
-        ensureFormulaXModalStyles(document);
-      }
-    },
-    addAttributes() {
-      return {
-        latex: {
-          default: ""
+  function warnDuplicateNodeName(extension) {
+    const extensions = extension.editor?.extensionManager?.extensions ?? [];
+    const duplicates = extensions.filter((item) => item?.name === extension.name);
+    if (duplicates.length > 1) {
+      console.warn(
+        `[FormulaX] TipTap node name "${extension.name}" is already registered. Pass a unique "name" option to avoid schema collisions.`
+      );
+    }
+  }
+  function createFormulaXNodeConfig(options) {
+    return {
+      name: options.name,
+      group: "inline",
+      inline: true,
+      atom: true,
+      selectable: true,
+      addOptions() {
+        return options;
+      },
+      onCreate() {
+        warnDuplicateNodeName(this);
+        if (typeof document !== "undefined") {
+          ensureFormulaXModalStyles(document);
         }
-      };
-    },
-    parseHTML() {
-      return [{
-        tag: "span[data-formulax]",
-        getAttrs: (element) => {
-          if (!(element instanceof HTMLElement)) {
-            return false;
+      },
+      addAttributes() {
+        return {
+          latex: {
+            default: ""
           }
-          return {
-            latex: getFormulaLatexFromElement(element, this.options.formulaAttributeName)
-          };
-        }
-      }];
-    },
-    renderHTML({ node }) {
-      if (typeof document === "undefined") {
-        return [
-          "span",
-          {
-            "data-formulax": "true",
-            [this.options.formulaAttributeName]: node.attrs.latex,
-            "data-latex": node.attrs.latex
-          },
-          node.attrs.latex || "\\square"
-        ];
-      }
-      return createFormulaDomElement(document, node.attrs, this.options);
-    },
-    addCommands() {
-      return {
-        openFormulaX: () => () => {
-          const selectedFormula = getSelectedFormula(this.editor);
-          const initialLatex = selectedFormula?.attrs.latex ?? this.options.initialLatex;
-          void openFormulaXTiptapModal({
-            initialLatex,
-            isUpdate: Boolean(selectedFormula),
-            options: this.options
-          }).then((payload) => {
-            if (!payload) {
-              return;
+        };
+      },
+      parseHTML() {
+        return [{
+          tag: "span[data-formulax]",
+          getAttrs: (element) => {
+            if (!(element instanceof HTMLElement)) {
+              return false;
             }
-            applyFormulaPayload(this.editor, payload, selectedFormula);
-            this.editor.commands.focus();
-          });
-          return true;
-        }
-      };
-    },
-    addKeyboardShortcuts() {
-      return {
-        Enter: () => {
-          if (!getSelectedFormula(this.editor)) {
-            return false;
-          }
-          return this.editor.commands.openFormulaX();
-        },
-        Space: () => {
-          if (!getSelectedFormula(this.editor)) {
-            return false;
+            return {
+              latex: getFormulaLatexFromElement(element, this.options.formulaAttributeName)
+            };
           }
-          return this.editor.commands.openFormulaX();
+        }];
+      },
+      renderHTML({ node }) {
+        if (typeof document === "undefined") {
+          return [
+            "span",
+            {
+              "data-formulax": "true",
+              [this.options.formulaAttributeName]: node.attrs.latex,
+              "data-latex": node.attrs.latex
+            },
+            node.attrs.latex || "\\square"
+          ];
         }
-      };
-    },
-    addNodeView() {
-      return ({ editor, getPos, node }) => {
-        const dom = createFormulaDomElement(document, node.attrs, this.options) ?? document.createElement("span");
-        dom.classList.add("formulax-math--interactive");
-        void renderFormulaIntoElement(dom, node.attrs, this.options);
-        const selectNode = () => {
-          const position = getPos();
-          if (typeof position !== "number") {
-            return;
+        return createFormulaDomElement(document, node.attrs, this.options);
+      },
+      addCommands() {
+        return {
+          openFormulaX: () => () => {
+            const selectedFormula = getSelectedFormula(this.editor, this.name);
+            const initialLatex = selectedFormula?.attrs.latex ?? this.options.initialLatex;
+            void openFormulaXTiptapModal({
+              initialLatex,
+              isUpdate: Boolean(selectedFormula),
+              options: this.options
+            }).then((payload) => {
+              if (!payload) {
+                return;
+              }
+              applyFormulaPayload(this.editor, payload, selectedFormula, this.name);
+              this.editor.commands.focus();
+            });
+            return true;
           }
-          editor.commands.setNodeSelection?.(position);
         };
-        dom.addEventListener("click", (event2) => {
-          event2.preventDefault();
-          selectNode();
-        });
-        dom.addEventListener("dblclick", (event2) => {
-          event2.preventDefault();
-          event2.stopPropagation();
-          selectNode();
-          editor.commands.openFormulaX();
-        });
+      },
+      addKeyboardShortcuts() {
         return {
-          dom,
-          update: (updatedNode) => {
-            if (updatedNode.type.name !== FORMULAX_NODE_NAME) {
+          Enter: () => {
+            if (!getSelectedFormula(this.editor, this.name)) {
               return false;
             }
-            syncFormulaDomElement(dom, updatedNode.attrs, this.options);
-            void renderFormulaIntoElement(dom, updatedNode.attrs, this.options);
-            return true;
-          },
-          selectNode: () => {
-            dom.classList.add("ProseMirror-selectednode");
+            return this.editor.commands.openFormulaX();
           },
-          deselectNode: () => {
-            dom.classList.remove("ProseMirror-selectednode");
+          Space: () => {
+            if (!getSelectedFormula(this.editor, this.name)) {
+              return false;
+            }
+            return this.editor.commands.openFormulaX();
           }
         };
-      };
-    }
-  };
+      },
+      addNodeView() {
+        return ({ editor, getPos, node }) => {
+          const dom = createFormulaDomElement(document, node.attrs, this.options) ?? document.createElement("span");
+          dom.classList.add("formulax-math--interactive");
+          void renderFormulaIntoElement(dom, node.attrs, this.options);
+          const selectNode = () => {
+            const position = getPos();
+            if (typeof position !== "number") {
+              return;
+            }
+            editor.commands.setNodeSelection?.(position);
+          };
+          dom.addEventListener("click", (event2) => {
+            event2.preventDefault();
+            selectNode();
+          });
+          dom.addEventListener("dblclick", (event2) => {
+            event2.preventDefault();
+            event2.stopPropagation();
+            selectNode();
+            editor.commands.openFormulaX();
+          });
+          return {
+            dom,
+            update: (updatedNode) => {
+              if (updatedNode.type.name !== this.name) {
+                return false;
+              }
+              syncFormulaDomElement(dom, updatedNode.attrs, this.options);
+              void renderFormulaIntoElement(dom, updatedNode.attrs, this.options);
+              return true;
+            },
+            selectNode: () => {
+              dom.classList.add("ProseMirror-selectednode");
+            },
+            deselectNode: () => {
+              dom.classList.remove("ProseMirror-selectednode");
+            }
+          };
+        };
+      }
+    };
+  }
   function createFormulaXNode(nodeFactory = Node2, options) {
-    const extension = nodeFactory.create(formulaXNodeConfig);
-    return options ? extension.configure(options) : extension;
+    return nodeFactory.create(createFormulaXNodeConfig(resolveOptions(options)));
   }
   var FormulaXNode = createFormulaXNode();
   var createFormulaXPayload = (latex) => parseLatex(latex);
   var serializeFormulaXPayload = (doc2) => serializeLatex(doc2);
-  function applyFormulaPayload(editor, payload, selectedFormula) {
+  function applyFormulaPayload(editor, payload, selectedFormula, nodeName) {
     const latex = payload.latex.trim();
     if (selectedFormula) {
       if (!latex) {
@@ -31391,19 +31399,19 @@ var FormulaX = (() => {
           from: selectedFormula.from,
           to: selectedFormula.to
         },
-        createFormulaNodeContent(payload)
+        createFormulaNodeContent(payload, nodeName)
       ).run();
       return;
     }
     if (!latex) {
       return;
     }
-    editor.chain().focus().insertContent(createFormulaNodeContent(payload)).run();
+    editor.chain().focus().insertContent(createFormulaNodeContent(payload, nodeName)).run();
   }
-  function getSelectedFormula(editor) {
+  function getSelectedFormula(editor, nodeName) {
     const { selection } = editor.state;
     const node = selection.node;
-    if (node?.type?.name !== FORMULAX_NODE_NAME) {
+    if (node?.type?.name !== nodeName) {
       return null;
     }
     return {
@@ -31414,9 +31422,9 @@ var FormulaX = (() => {
       }
     };
   }
-  function createFormulaNodeContent(payload) {
+  function createFormulaNodeContent(payload, nodeName = FORMULAX_NODE_NAME) {
     return {
-      type: FORMULAX_NODE_NAME,
+      type: nodeName,
       attrs: {
         latex: payload.latex
       }