@tiptap/extension-mathematics 3.0.0-beta.15 → 3.0.0-beta.17

package/dist/index.cjs

@@ -30,179 +30,296 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  BlockMath: () => BlockMath,
+  InlineMath: () => InlineMath,
+  Math: () => Math2,
   Mathematics: () => Mathematics,
-  MathematicsPlugin: () => MathematicsPlugin,
-  default: () => index_default,
-  defaultShouldRender: () => defaultShouldRender
+  default: () => index_default
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/mathematics.ts
-var import_core2 = require("@tiptap/core");
+var import_core3 = require("@tiptap/core");
 
-// src/MathematicsPlugin.ts
+// src/extensions/BlockMath.ts
 var import_core = require("@tiptap/core");
-var import_state = require("@tiptap/pm/state");
-var import_view = require("@tiptap/pm/view");
 var import_katex = __toESM(require("katex"), 1);
-function getAffectedRange(newState, previousPluginState, isEditable, tr, state) {
-  const docSize = newState.doc.nodeSize - 2;
-  let minFrom = 0;
-  let maxTo = docSize;
-  if (previousPluginState.isEditable !== isEditable) {
-    minFrom = 0;
-    maxTo = docSize;
-  } else if (tr.docChanged) {
-    minFrom = docSize;
-    maxTo = 0;
-    (0, import_core.getChangedRanges)(tr).forEach((range) => {
-      minFrom = Math.min(minFrom, range.newRange.from - 1, range.oldRange.from - 1);
-      maxTo = Math.max(maxTo, range.newRange.to + 1, range.oldRange.to + 1);
-    });
-  } else if (tr.selectionSet) {
-    const { $from, $to } = state.selection;
-    const { $from: $newFrom, $to: $newTo } = newState.selection;
-    minFrom = Math.min(
-      // Purposefully over scan the range to ensure we catch all decorations
-      $from.depth === 0 ? 0 : $from.before(),
-      $newFrom.depth === 0 ? 0 : $newFrom.before()
-    );
-    maxTo = Math.max($to.depth === 0 ? maxTo : $to.after(), $newTo.depth === 0 ? maxTo : $newTo.after());
-  }
-  return {
-    minFrom: Math.max(minFrom, 0),
-    maxTo: Math.min(maxTo, docSize)
-  };
-}
-var MathematicsPlugin = (options) => {
-  const { regex, katexOptions = {}, editor, shouldRender } = options;
-  return new import_state.Plugin({
-    key: new import_state.PluginKey("mathematics"),
-    state: {
-      init() {
-        return { decorations: void 0, isEditable: void 0 };
+var BlockMath = import_core.Node.create({
+  name: "blockMath",
+  group: "block",
+  atom: true,
+  addOptions() {
+    return {
+      onClick: void 0
+    };
+  },
+  addAttributes() {
+    return {
+      latex: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-latex"),
+        renderHTML: (attributes) => {
+          return {
+            "data-latex": attributes.latex
+          };
+        }
+      }
+    };
+  },
+  addCommands() {
+    return {
+      setBlockMath: (options) => ({ commands, editor }) => {
+        const { latex, pos } = options;
+        return commands.insertContentAt(pos != null ? pos : editor.state.selection.from, {
+          type: this.name,
+          attrs: { latex }
+        });
       },
-      apply(tr, previousPluginState, state, newState) {
-        if (!tr.docChanged && !tr.selectionSet && previousPluginState.decorations) {
-          return previousPluginState;
-        }
-        const nextDecorationSet = (previousPluginState.decorations || import_view.DecorationSet.empty).map(tr.mapping, tr.doc);
-        const { selection } = newState;
-        const isEditable = editor.isEditable;
-        const decorationsToAdd = [];
-        const { minFrom, maxTo } = getAffectedRange(newState, previousPluginState, isEditable, tr, state);
-        newState.doc.nodesBetween(minFrom, maxTo, (node, pos) => {
-          const enabled = shouldRender(newState, pos, node);
-          if (node.isText && node.text && enabled) {
-            let match;
-            while (match = regex.exec(node.text)) {
-              const from = pos + match.index;
-              const to = from + match[0].length;
-              const content = match.slice(1).find(Boolean);
-              if (content) {
-                const selectionSize = selection.from - selection.to;
-                const anchorIsInside = selection.anchor >= from && selection.anchor <= to;
-                const rangeIsInside = selection.from >= from && selection.to <= to;
-                const isEditing = selectionSize === 0 && anchorIsInside || rangeIsInside;
-                if (
-                  // Are the decorations already present?
-                  nextDecorationSet.find(
-                    from,
-                    to,
-                    (deco) => isEditing === deco.isEditing && content === deco.content && isEditable === deco.isEditable && katexOptions === deco.katexOptions
-                  ).length
-                ) {
-                  continue;
-                }
-                decorationsToAdd.push(
-                  import_view.Decoration.inline(
-                    from,
-                    to,
-                    {
-                      class: isEditing && isEditable ? "Tiptap-mathematics-editor" : "Tiptap-mathematics-editor Tiptap-mathematics-editor--hidden",
-                      style: !isEditing || !isEditable ? "display: inline-block; height: 0; opacity: 0; overflow: hidden; position: absolute; width: 0;" : void 0
-                    },
-                    {
-                      content,
-                      isEditable,
-                      isEditing,
-                      katexOptions
-                    }
-                  )
-                );
-                if (!isEditable || !isEditing) {
-                  decorationsToAdd.push(
-                    import_view.Decoration.widget(
-                      from,
-                      () => {
-                        const element = document.createElement("span");
-                        element.classList.add("Tiptap-mathematics-render");
-                        if (isEditable) {
-                          element.classList.add("Tiptap-mathematics-render--editable");
-                        }
-                        try {
-                          import_katex.default.render(content, element, katexOptions);
-                        } catch {
-                          element.innerHTML = content;
-                        }
-                        return element;
-                      },
-                      {
-                        content,
-                        isEditable,
-                        isEditing,
-                        katexOptions
-                      }
-                    )
-                  );
-                }
-              }
-            }
-          }
+      unsetBlockMath: (options) => ({ editor, tr }) => {
+        var _a;
+        const pos = (_a = options == null ? void 0 : options.pos) != null ? _a : editor.state.selection.$from.pos;
+        const node = editor.state.doc.nodeAt(pos);
+        if (!node || node.type.name !== this.name) {
+          return false;
+        }
+        tr.delete(pos, pos + node.nodeSize);
+        return true;
+      },
+      updateBlockMath: (options) => ({ editor, tr }) => {
+        const latex = options == null ? void 0 : options.latex;
+        let pos = options == null ? void 0 : options.pos;
+        if (pos === void 0) {
+          pos = editor.state.selection.$from.pos;
+        }
+        const node = editor.state.doc.nodeAt(pos);
+        if (!node || node.type.name !== this.name) {
+          return false;
+        }
+        tr.setNodeMarkup(pos, this.type, {
+          ...node.attrs,
+          latex: latex || node.attrs.latex
         });
-        const decorationsToRemove = decorationsToAdd.flatMap((deco) => nextDecorationSet.find(deco.from, deco.to));
-        return {
-          decorations: nextDecorationSet.remove(decorationsToRemove).add(tr.doc, decorationsToAdd),
-          isEditable
-        };
+        return true;
       }
-    },
-    props: {
-      decorations(state) {
-        var _a, _b;
-        return (_b = (_a = this.getState(state)) == null ? void 0 : _a.decorations) != null ? _b : import_view.DecorationSet.empty;
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="block-math"]'
       }
-    }
-  });
-};
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", (0, import_core.mergeAttributes)(HTMLAttributes, { "data-type": "block-math" })];
+  },
+  addInputRules() {
+    return [
+      new import_core.InputRule({
+        find: /^\$\$\$([^$]+)\$\$\$$/,
+        handler: ({ state, range, match }) => {
+          const [, latex] = match;
+          const { tr } = state;
+          const start = range.from;
+          const end = range.to;
+          tr.replaceWith(start, end, this.type.create({ latex }));
+        }
+      })
+    ];
+  },
+  addNodeView() {
+    return ({ node, getPos }) => {
+      const wrapper = document.createElement("div");
+      const innerWrapper = document.createElement("div");
+      wrapper.className = "Tiptap-mathematics-render Tiptap-mathematics-render--editable";
+      innerWrapper.className = "block-math-inner";
+      wrapper.dataset.type = "block-math";
+      wrapper.setAttribute("data-latex", node.attrs.latex);
+      wrapper.appendChild(innerWrapper);
+      function renderMath() {
+        try {
+          import_katex.default.render(node.attrs.latex, innerWrapper);
+          wrapper.classList.remove("block-math-error");
+        } catch {
+          wrapper.textContent = node.attrs.latex;
+          wrapper.classList.add("block-math-error");
+        }
+      }
+      const handleClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const pos = getPos();
+        if (pos == null) {
+          return;
+        }
+        if (this.options.onClick) {
+          this.options.onClick(node, pos);
+        }
+      };
+      if (this.options.onClick) {
+        wrapper.addEventListener("click", handleClick);
+      }
+      renderMath();
+      return {
+        dom: wrapper,
+        destroy() {
+          wrapper.removeEventListener("click", handleClick);
+        }
+      };
+    };
+  }
+});
+
+// src/extensions/InlineMath.ts
+var import_core2 = require("@tiptap/core");
+var import_katex2 = __toESM(require("katex"), 1);
+var InlineMath = import_core2.Node.create({
+  name: "inlineMath",
+  group: "inline",
+  inline: true,
+  atom: true,
+  addOptions() {
+    return {
+      onClick: void 0
+    };
+  },
+  addAttributes() {
+    return {
+      latex: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-latex"),
+        renderHTML: (attributes) => {
+          return {
+            "data-latex": attributes.latex
+          };
+        }
+      }
+    };
+  },
+  addCommands() {
+    return {
+      setInlineMath: (options) => ({ editor, tr }) => {
+        var _a;
+        const latex = options == null ? void 0 : options.latex;
+        const pos = (_a = options == null ? void 0 : options.pos) != null ? _a : editor.state.selection.$from.pos;
+        if (!latex) {
+          return false;
+        }
+        tr.replaceWith(pos, pos, this.type.create({ latex }));
+        return true;
+      },
+      unsetInlineMath: (options) => ({ editor, tr }) => {
+        var _a;
+        const pos = (_a = options == null ? void 0 : options.pos) != null ? _a : editor.state.selection.$from.pos;
+        const node = editor.state.doc.nodeAt(pos);
+        if (!node || node.type.name !== this.name) {
+          return false;
+        }
+        tr.delete(pos, pos + node.nodeSize);
+        return true;
+      },
+      updateInlineMath: (options) => ({ editor, tr }) => {
+        const latex = options == null ? void 0 : options.latex;
+        let pos = options == null ? void 0 : options.pos;
+        if (pos === void 0) {
+          pos = editor.state.selection.$from.pos;
+        }
+        const node = editor.state.doc.nodeAt(pos);
+        if (!node || node.type.name !== this.name) {
+          return false;
+        }
+        tr.setNodeMarkup(pos, this.type, { ...node.attrs, latex });
+        return true;
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'span[data-type="inline-math"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["span", (0, import_core2.mergeAttributes)(HTMLAttributes, { "data-type": "inline-math" })];
+  },
+  addInputRules() {
+    return [
+      new import_core2.InputRule({
+        find: /(?<!\$)\$\$([^$\n]+)\$\$(?!\$)$/,
+        handler: ({ state, range, match }) => {
+          const [, latex] = match;
+          const { tr } = state;
+          const start = range.from;
+          const end = range.to;
+          tr.replaceWith(start, end, this.type.create({ latex }));
+        }
+      })
+    ];
+  },
+  addNodeView() {
+    return ({ node, getPos }) => {
+      const wrapper = document.createElement("span");
+      wrapper.className = "Tiptap-mathematics-render Tiptap-mathematics-render--editable";
+      wrapper.dataset.type = "inline-math";
+      wrapper.setAttribute("data-latex", node.attrs.latex);
+      function renderMath() {
+        try {
+          import_katex2.default.render(node.attrs.latex, wrapper);
+          wrapper.classList.remove("inline-math-error");
+        } catch {
+          wrapper.textContent = node.attrs.latex;
+          wrapper.classList.add("inline-math-error");
+        }
+      }
+      const handleClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const pos = getPos();
+        if (pos == null) {
+          return;
+        }
+        if (this.options.onClick) {
+          this.options.onClick(node, pos);
+        }
+      };
+      if (this.options.onClick) {
+        wrapper.addEventListener("click", handleClick);
+      }
+      renderMath();
+      return {
+        dom: wrapper,
+        destroy() {
+          wrapper.removeEventListener("click", handleClick);
+        }
+      };
+    };
+  }
+});
 
 // src/mathematics.ts
-var defaultShouldRender = (state, pos) => {
-  const $pos = state.doc.resolve(pos);
-  const isInCodeBlock = $pos.parent.type.name === "codeBlock";
-  return !isInCodeBlock;
-};
-var Mathematics = import_core2.Extension.create({
+var Math2 = import_core3.Extension.create({
   name: "Mathematics",
   addOptions() {
     return {
-      // eslint-disable-next-line no-useless-escape
-      regex: /\$([^\$]*)\$/gi,
-      katexOptions: void 0,
-      shouldRender: defaultShouldRender
+      inlineOptions: void 0,
+      blockOptions: void 0,
+      katexOptions: void 0
     };
   },
-  addProseMirrorPlugins() {
-    return [MathematicsPlugin({ ...this.options, editor: this.editor })];
+  addExtensions() {
+    return [BlockMath.configure(this.options.blockOptions), InlineMath.configure(this.options.inlineOptions)];
   }
 });
+var Mathematics = Math2;
 
 // src/index.ts
-var index_default = Mathematics;
+var index_default = Math2;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Mathematics,
-  MathematicsPlugin,
-  defaultShouldRender
+  BlockMath,
+  InlineMath,
+  Math,
+  Mathematics
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/mathematics.ts","../src/MathematicsPlugin.ts"],"sourcesContent":["import { Mathematics } from './mathematics.js'\n\nexport * from './mathematics.js'\nexport * from './MathematicsPlugin.js'\nexport * from './types.js'\n\nexport default Mathematics\n","import { Extension } from '@tiptap/core'\nimport type { EditorState } from '@tiptap/pm/state'\n\nimport { MathematicsPlugin } from './MathematicsPlugin.js'\nimport type { MathematicsOptions } from './types.js'\n\nexport const defaultShouldRender = (state: EditorState, pos: number) => {\n  const $pos = state.doc.resolve(pos)\n  const isInCodeBlock = $pos.parent.type.name === 'codeBlock'\n\n  return !isInCodeBlock\n}\n\nexport const Mathematics = Extension.create<MathematicsOptions>({\n  name: 'Mathematics',\n\n  addOptions() {\n    return {\n      // eslint-disable-next-line no-useless-escape\n      regex: /\\$([^\\$]*)\\$/gi,\n      katexOptions: undefined,\n      shouldRender: defaultShouldRender,\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [MathematicsPlugin({ ...this.options, editor: this.editor })]\n  },\n})\n\nexport default Mathematics\n","import { getChangedRanges } from '@tiptap/core'\nimport type { EditorState, Transaction } from '@tiptap/pm/state'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\nimport katex from 'katex'\n\nimport type { MathematicsOptionsWithEditor } from './types.js'\n\ntype DecoSpec = {\n  isEditable: boolean\n  isEditing: boolean\n  katexOptions: MathematicsOptionsWithEditor['katexOptions']\n  content: string\n}\n\ntype Deco = Omit<Decoration, 'spec'> & { spec: DecoSpec }\n\ntype PluginState =\n  | { decorations: DecorationSet; isEditable: boolean }\n  | { decorations: undefined; isEditable: undefined }\n\n/**\n * Get the range of positions that have been affected by a transaction\n */\nfunction getAffectedRange(\n  newState: EditorState,\n  previousPluginState: PluginState,\n  isEditable: boolean,\n  tr: Transaction,\n  state: EditorState,\n) {\n  const docSize = newState.doc.nodeSize - 2\n  let minFrom = 0\n  let maxTo = docSize\n\n  if (previousPluginState.isEditable !== isEditable) {\n    // When the editable state changes, run on all nodes just to be safe\n    minFrom = 0\n    maxTo = docSize\n  } else if (tr.docChanged) {\n    // When the document changes, only run on the nodes that have changed\n    minFrom = docSize\n    maxTo = 0\n\n    getChangedRanges(tr).forEach(range => {\n      // Purposefully over scan the range to ensure we catch all decorations\n      minFrom = Math.min(minFrom, range.newRange.from - 1, range.oldRange.from - 1)\n      maxTo = Math.max(maxTo, range.newRange.to + 1, range.oldRange.to + 1)\n    })\n  } else if (tr.selectionSet) {\n    const { $from, $to } = state.selection\n    const { $from: $newFrom, $to: $newTo } = newState.selection\n\n    // When the selection changes, run on all the nodes between the old and new selection\n    minFrom = Math.min(\n      // Purposefully over scan the range to ensure we catch all decorations\n      $from.depth === 0 ? 0 : $from.before(),\n      $newFrom.depth === 0 ? 0 : $newFrom.before(),\n    )\n    maxTo = Math.max($to.depth === 0 ? maxTo : $to.after(), $newTo.depth === 0 ? maxTo : $newTo.after())\n  }\n\n  return {\n    minFrom: Math.max(minFrom, 0),\n    maxTo: Math.min(maxTo, docSize),\n  }\n}\n\nexport const MathematicsPlugin = (options: MathematicsOptionsWithEditor) => {\n  const { regex, katexOptions = {}, editor, shouldRender } = options\n\n  return new Plugin<PluginState>({\n    key: new PluginKey('mathematics'),\n\n    state: {\n      init() {\n        return { decorations: undefined, isEditable: undefined }\n      },\n      apply(tr, previousPluginState, state, newState) {\n        if (!tr.docChanged && !tr.selectionSet && previousPluginState.decorations) {\n          // Just reuse the existing decorations, since nothing should have changed\n          return previousPluginState\n        }\n\n        const nextDecorationSet = (previousPluginState.decorations || DecorationSet.empty).map(tr.mapping, tr.doc)\n        const { selection } = newState\n        const isEditable = editor.isEditable\n        const decorationsToAdd = [] as Deco[]\n        const { minFrom, maxTo } = getAffectedRange(newState, previousPluginState, isEditable, tr, state)\n\n        newState.doc.nodesBetween(minFrom, maxTo, (node, pos) => {\n          const enabled = shouldRender(newState, pos, node)\n\n          if (node.isText && node.text && enabled) {\n            let match: RegExpExecArray | null\n\n            // eslint-disable-next-line no-cond-assign\n            while ((match = regex.exec(node.text))) {\n              const from = pos + match.index\n              const to = from + match[0].length\n              const content = match.slice(1).find(Boolean)\n\n              if (content) {\n                const selectionSize = selection.from - selection.to\n                const anchorIsInside = selection.anchor >= from && selection.anchor <= to\n                const rangeIsInside = selection.from >= from && selection.to <= to\n                const isEditing = (selectionSize === 0 && anchorIsInside) || rangeIsInside\n\n                if (\n                  // Are the decorations already present?\n                  nextDecorationSet.find(\n                    from,\n                    to,\n                    (deco: DecoSpec) =>\n                      isEditing === deco.isEditing &&\n                      content === deco.content &&\n                      isEditable === deco.isEditable &&\n                      katexOptions === deco.katexOptions,\n                  ).length\n                ) {\n                  // Decoration exists in set, no need to add it again\n                  continue\n                }\n                // Use an inline decoration to either hide original (preview is showing) or show it (editing \"mode\")\n                decorationsToAdd.push(\n                  Decoration.inline(\n                    from,\n                    to,\n                    {\n                      class:\n                        isEditing && isEditable\n                          ? 'Tiptap-mathematics-editor'\n                          : 'Tiptap-mathematics-editor Tiptap-mathematics-editor--hidden',\n                      style:\n                        !isEditing || !isEditable\n                          ? 'display: inline-block; height: 0; opacity: 0; overflow: hidden; position: absolute; width: 0;'\n                          : undefined,\n                    },\n                    {\n                      content,\n                      isEditable,\n                      isEditing,\n                      katexOptions,\n                    } satisfies DecoSpec,\n                  ),\n                )\n\n                if (!isEditable || !isEditing) {\n                  // Create decoration widget and add KaTeX preview if selection is not within the math-editor\n                  decorationsToAdd.push(\n                    Decoration.widget(\n                      from,\n                      () => {\n                        const element = document.createElement('span')\n\n                        // TODO: changeable class names\n                        element.classList.add('Tiptap-mathematics-render')\n\n                        if (isEditable) {\n                          element.classList.add('Tiptap-mathematics-render--editable')\n                        }\n\n                        try {\n                          katex.render(content!, element, katexOptions)\n                        } catch {\n                          element.innerHTML = content!\n                        }\n\n                        return element\n                      },\n                      {\n                        content,\n                        isEditable,\n                        isEditing,\n                        katexOptions,\n                      } satisfies DecoSpec,\n                    ),\n                  )\n                }\n              }\n            }\n          }\n        })\n\n        // Remove any decorations that exist at the same position, they will be replaced by the new decorations\n        const decorationsToRemove = decorationsToAdd.flatMap(deco => nextDecorationSet.find(deco.from, deco.to))\n\n        return {\n          decorations: nextDecorationSet\n            // Remove existing decorations that are going to be replaced\n            .remove(decorationsToRemove)\n            // Add any new decorations\n            .add(tr.doc, decorationsToAdd),\n          isEditable,\n        }\n      },\n    },\n\n    props: {\n      decorations(state) {\n        return this.getState(state)?.decorations ?? DecorationSet.empty\n      },\n    },\n  })\n}\n"],"mappings":"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","names":["import_core","katex"]}
+{"version":3,"sources":["../src/index.ts","../src/mathematics.ts","../src/extensions/BlockMath.ts","../src/extensions/InlineMath.ts"],"sourcesContent":["import { Math } from './mathematics.js'\n\nexport * from './extensions/index.js'\nexport * from './mathematics.js'\nexport * from './types.js'\n\nexport default Math\n","import { Extension } from '@tiptap/core'\n\nimport { BlockMath, InlineMath } from './extensions/index.js'\nimport type { MathematicsOptions } from './types.js'\n\nexport const Math = Extension.create<MathematicsOptions>({\n  name: 'Mathematics',\n\n  addOptions() {\n    return {\n      inlineOptions: undefined,\n      blockOptions: undefined,\n      katexOptions: undefined,\n    }\n  },\n\n  addExtensions() {\n    return [BlockMath.configure(this.options.blockOptions), InlineMath.configure(this.options.inlineOptions)]\n  },\n})\n\nexport const Mathematics = Math\n\nexport default Math\n","import { InputRule, mergeAttributes, Node } from '@tiptap/core'\nimport type { Node as PMNode } from '@tiptap/pm/model'\nimport katex from 'katex'\n\nexport type BlockMathOptions = {\n  onClick?: (node: PMNode, pos: number) => void\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    blockMath: {\n      /**\n       * Set block math node with LaTeX string.\n       * @param options - Options for setting block math.\n       * @returns ReturnType\n       */\n      setBlockMath: (options: { latex: string; pos?: number }) => ReturnType\n\n      /**\n       * Unset block math node.\n       * @returns ReturnType\n       */\n      unsetBlockMath: (options?: { pos?: number }) => ReturnType\n\n      /**\n       * Update block math node with optional LaTeX string.\n       * @param options - Options for updating block math.\n       * @returns ReturnType\n       */\n      updateBlockMath: (options?: { latex?: string; pos?: number }) => ReturnType\n    }\n  }\n}\n\n/**\n * BlockMath is a Tiptap extension for rendering block mathematical expressions using KaTeX.\n * It allows users to insert LaTeX formatted math expressions block within text.\n * It supports rendering, input rules for LaTeX syntax, and click handling for interaction.\n *\n * @example\n * ```javascript\n * import { BlockMath } from 'your-extension-path'\n * import { Editor } from '@tiptap/core'\n *\n * const editor = new Editor({\n *   extensions: [\n *     BlockMath.configure({\n *       onClick: (node, pos) => {\n *         console.log('Block math clicked:', node.attrs.latex, 'at position:', pos)\n *       },\n *     }),\n *   ],\n * })\n */\nexport const BlockMath = Node.create({\n  name: 'blockMath',\n\n  group: 'block',\n\n  atom: true,\n\n  addOptions() {\n    return {\n      onClick: undefined,\n    }\n  },\n\n  addAttributes() {\n    return {\n      latex: {\n        default: '',\n        parseHTML: element => element.getAttribute('data-latex'),\n        renderHTML: attributes => {\n          return {\n            'data-latex': attributes.latex,\n          }\n        },\n      },\n    }\n  },\n\n  addCommands() {\n    return {\n      setBlockMath:\n        options =>\n        ({ commands, editor }) => {\n          const { latex, pos } = options\n          return commands.insertContentAt(pos ?? editor.state.selection.from, {\n            type: this.name,\n            attrs: { latex },\n          })\n        },\n\n      unsetBlockMath:\n        options =>\n        ({ editor, tr }) => {\n          const pos = options?.pos ?? editor.state.selection.$from.pos\n          const node = editor.state.doc.nodeAt(pos)\n\n          if (!node || node.type.name !== this.name) {\n            return false\n          }\n\n          tr.delete(pos, pos + node.nodeSize)\n          return true\n        },\n\n      updateBlockMath:\n        options =>\n        ({ editor, tr }) => {\n          const latex = options?.latex\n          let pos = options?.pos\n\n          if (pos === undefined) {\n            pos = editor.state.selection.$from.pos\n          }\n\n          const node = editor.state.doc.nodeAt(pos)\n\n          if (!node || node.type.name !== this.name) {\n            return false\n          }\n\n          tr.setNodeMarkup(pos, this.type, {\n            ...node.attrs,\n            latex: latex || node.attrs.latex,\n          })\n\n          return true\n        },\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"block-math\"]',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'block-math' })]\n  },\n\n  addInputRules() {\n    return [\n      new InputRule({\n        find: /^\\$\\$\\$([^$]+)\\$\\$\\$$/,\n        handler: ({ state, range, match }) => {\n          const [, latex] = match\n          const { tr } = state\n          const start = range.from\n          const end = range.to\n\n          tr.replaceWith(start, end, this.type.create({ latex }))\n        },\n      }),\n    ]\n  },\n\n  addNodeView() {\n    return ({ node, getPos }) => {\n      const wrapper = document.createElement('div')\n      const innerWrapper = document.createElement('div')\n      wrapper.className = 'Tiptap-mathematics-render Tiptap-mathematics-render--editable'\n      innerWrapper.className = 'block-math-inner'\n      wrapper.dataset.type = 'block-math'\n      wrapper.setAttribute('data-latex', node.attrs.latex)\n      wrapper.appendChild(innerWrapper)\n\n      function renderMath() {\n        try {\n          katex.render(node.attrs.latex, innerWrapper)\n          wrapper.classList.remove('block-math-error')\n        } catch {\n          wrapper.textContent = node.attrs.latex\n          wrapper.classList.add('block-math-error')\n        }\n      }\n\n      const handleClick = (event: MouseEvent) => {\n        event.preventDefault()\n        event.stopPropagation()\n        const pos = getPos()\n\n        if (pos == null) {\n          return\n        }\n\n        if (this.options.onClick) {\n          this.options.onClick(node, pos)\n        }\n      }\n\n      if (this.options.onClick) {\n        wrapper.addEventListener('click', handleClick)\n      }\n\n      renderMath()\n\n      return {\n        dom: wrapper,\n        destroy() {\n          wrapper.removeEventListener('click', handleClick)\n        },\n      }\n    }\n  },\n})\n","import { InputRule, mergeAttributes, Node } from '@tiptap/core'\nimport type { Node as PMNode } from '@tiptap/pm/model'\nimport katex from 'katex'\n\nexport type InlineMathOptions = {\n  onClick?: (node: PMNode, pos: number) => void\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    inlineMath: {\n      /**\n       * Set inline math node with LaTeX string.\n       * @param options - Options for setting inline math.\n       * @returns ReturnType\n       */\n      setInlineMath: (options: { latex: string; pos?: number }) => ReturnType\n\n      /**\n       * Unset inline math node.\n       * @returns ReturnType\n       */\n      unsetInlineMath: (options?: { pos?: number }) => ReturnType\n\n      /**\n       * Update inline math node with optional LaTeX string.\n       * @param options - Options for updating inline math.\n       * @returns ReturnType\n       */\n      updateInlineMath: (options?: { latex?: string; pos?: number }) => ReturnType\n    }\n  }\n}\n\n/**\n * InlineMath is a Tiptap extension for rendering inline mathematical expressions using KaTeX.\n * It allows users to insert LaTeX formatted math expressions inline within text.\n * It supports rendering, input rules for LaTeX syntax, and click handling for interaction.\n *\n * @example\n * ```javascript\n * import { InlineMath } from 'your-extension-path'\n * import { Editor } from '@tiptap/core'\n *\n * const editor = new Editor({\n *   extensions: [\n *     InlineMath.configure({\n *       onClick: (node, pos) => {\n *         console.log('Inline math clicked:', node.attrs.latex, 'at position:', pos)\n *       },\n *     }),\n *   ],\n * })\n */\nexport const InlineMath = Node.create<InlineMathOptions>({\n  name: 'inlineMath',\n\n  group: 'inline',\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      onClick: undefined,\n    }\n  },\n\n  addAttributes() {\n    return {\n      latex: {\n        default: '',\n        parseHTML: element => element.getAttribute('data-latex'),\n        renderHTML: attributes => {\n          return {\n            'data-latex': attributes.latex,\n          }\n        },\n      },\n    }\n  },\n\n  addCommands() {\n    return {\n      setInlineMath:\n        options =>\n        ({ editor, tr }) => {\n          const latex = options?.latex\n          const pos = options?.pos ?? editor.state.selection.$from.pos\n\n          if (!latex) {\n            return false\n          }\n\n          tr.replaceWith(pos, pos, this.type.create({ latex }))\n          return true\n        },\n\n      unsetInlineMath:\n        options =>\n        ({ editor, tr }) => {\n          const pos = options?.pos ?? editor.state.selection.$from.pos\n          const node = editor.state.doc.nodeAt(pos)\n\n          if (!node || node.type.name !== this.name) {\n            return false\n          }\n\n          tr.delete(pos, pos + node.nodeSize)\n          return true\n        },\n\n      updateInlineMath:\n        options =>\n        ({ editor, tr }) => {\n          const latex = options?.latex\n          let pos = options?.pos\n\n          if (pos === undefined) {\n            pos = editor.state.selection.$from.pos\n          }\n\n          const node = editor.state.doc.nodeAt(pos)\n\n          if (!node || node.type.name !== this.name) {\n            return false\n          }\n\n          tr.setNodeMarkup(pos, this.type, { ...node.attrs, latex })\n\n          return true\n        },\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"inline-math\"]',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['span', mergeAttributes(HTMLAttributes, { 'data-type': 'inline-math' })]\n  },\n\n  addInputRules() {\n    return [\n      new InputRule({\n        find: /(?<!\\$)\\$\\$([^$\\n]+)\\$\\$(?!\\$)$/,\n        handler: ({ state, range, match }) => {\n          const [, latex] = match\n          const { tr } = state\n          const start = range.from\n          const end = range.to\n\n          tr.replaceWith(start, end, this.type.create({ latex }))\n        },\n      }),\n    ]\n  },\n\n  addNodeView() {\n    return ({ node, getPos }) => {\n      const wrapper = document.createElement('span')\n      wrapper.className = 'Tiptap-mathematics-render Tiptap-mathematics-render--editable'\n      wrapper.dataset.type = 'inline-math'\n      wrapper.setAttribute('data-latex', node.attrs.latex)\n\n      function renderMath() {\n        try {\n          katex.render(node.attrs.latex, wrapper)\n          wrapper.classList.remove('inline-math-error')\n        } catch {\n          wrapper.textContent = node.attrs.latex\n          wrapper.classList.add('inline-math-error')\n        }\n      }\n\n      const handleClick = (event: MouseEvent) => {\n        event.preventDefault()\n        event.stopPropagation()\n        const pos = getPos()\n\n        if (pos == null) {\n          return\n        }\n\n        if (this.options.onClick) {\n          this.options.onClick(node, pos)\n        }\n      }\n\n      if (this.options.onClick) {\n        wrapper.addEventListener('click', handleClick)\n      }\n\n      renderMath()\n\n      return {\n        dom: wrapper,\n        destroy() {\n          wrapper.removeEventListener('click', handleClick)\n        },\n      }\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,cAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAC,eAA0B;;;ACA1B,kBAAiD;AAEjD,mBAAkB;AAoDX,IAAM,YAAY,iBAAK,OAAO;AAAA,EACnC,MAAM;AAAA,EAEN,OAAO;AAAA,EAEP,MAAM;AAAA,EAEN,aAAa;AACX,WAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,WAAO;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW,aAAW,QAAQ,aAAa,YAAY;AAAA,QACvD,YAAY,gBAAc;AACxB,iBAAO;AAAA,YACL,cAAc,WAAW;AAAA,UAC3B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,cACE,aACA,CAAC,EAAE,UAAU,OAAO,MAAM;AACxB,cAAM,EAAE,OAAO,IAAI,IAAI;AACvB,eAAO,SAAS,gBAAgB,oBAAO,OAAO,MAAM,UAAU,MAAM;AAAA,UAClE,MAAM,KAAK;AAAA,UACX,OAAO,EAAE,MAAM;AAAA,QACjB,CAAC;AAAA,MACH;AAAA,MAEF,gBACE,aACA,CAAC,EAAE,QAAQ,GAAG,MAAM;AA/F5B;AAgGU,cAAM,OAAM,wCAAS,QAAT,YAAgB,OAAO,MAAM,UAAU,MAAM;AACzD,cAAM,OAAO,OAAO,MAAM,IAAI,OAAO,GAAG;AAExC,YAAI,CAAC,QAAQ,KAAK,KAAK,SAAS,KAAK,MAAM;AACzC,iBAAO;AAAA,QACT;AAEA,WAAG,OAAO,KAAK,MAAM,KAAK,QAAQ;AAClC,eAAO;AAAA,MACT;AAAA,MAEF,iBACE,aACA,CAAC,EAAE,QAAQ,GAAG,MAAM;AAClB,cAAM,QAAQ,mCAAS;AACvB,YAAI,MAAM,mCAAS;AAEnB,YAAI,QAAQ,QAAW;AACrB,gBAAM,OAAO,MAAM,UAAU,MAAM;AAAA,QACrC;AAEA,cAAM,OAAO,OAAO,MAAM,IAAI,OAAO,GAAG;AAExC,YAAI,CAAC,QAAQ,KAAK,KAAK,SAAS,KAAK,MAAM;AACzC,iBAAO;AAAA,QACT;AAEA,WAAG,cAAc,KAAK,KAAK,MAAM;AAAA,UAC/B,GAAG,KAAK;AAAA,UACR,OAAO,SAAS,KAAK,MAAM;AAAA,QAC7B,CAAC;AAED,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,WAAO,CAAC,WAAO,6BAAgB,gBAAgB,EAAE,aAAa,aAAa,CAAC,CAAC;AAAA,EAC/E;AAAA,EAEA,gBAAgB;AACd,WAAO;AAAA,MACL,IAAI,sBAAU;AAAA,QACZ,MAAM;AAAA,QACN,SAAS,CAAC,EAAE,OAAO,OAAO,MAAM,MAAM;AACpC,gBAAM,CAAC,EAAE,KAAK,IAAI;AAClB,gBAAM,EAAE,GAAG,IAAI;AACf,gBAAM,QAAQ,MAAM;AACpB,gBAAM,MAAM,MAAM;AAElB,aAAG,YAAY,OAAO,KAAK,KAAK,KAAK,OAAO,EAAE,MAAM,CAAC,CAAC;AAAA,QACxD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO,CAAC,EAAE,MAAM,OAAO,MAAM;AAC3B,YAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,YAAM,eAAe,SAAS,cAAc,KAAK;AACjD,cAAQ,YAAY;AACpB,mBAAa,YAAY;AACzB,cAAQ,QAAQ,OAAO;AACvB,cAAQ,aAAa,cAAc,KAAK,MAAM,KAAK;AACnD,cAAQ,YAAY,YAAY;AAEhC,eAAS,aAAa;AACpB,YAAI;AACF,uBAAAC,QAAM,OAAO,KAAK,MAAM,OAAO,YAAY;AAC3C,kBAAQ,UAAU,OAAO,kBAAkB;AAAA,QAC7C,QAAQ;AACN,kBAAQ,cAAc,KAAK,MAAM;AACjC,kBAAQ,UAAU,IAAI,kBAAkB;AAAA,QAC1C;AAAA,MACF;AAEA,YAAM,cAAc,CAAC,UAAsB;AACzC,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,cAAM,MAAM,OAAO;AAEnB,YAAI,OAAO,MAAM;AACf;AAAA,QACF;AAEA,YAAI,KAAK,QAAQ,SAAS;AACxB,eAAK,QAAQ,QAAQ,MAAM,GAAG;AAAA,QAChC;AAAA,MACF;AAEA,UAAI,KAAK,QAAQ,SAAS;AACxB,gBAAQ,iBAAiB,SAAS,WAAW;AAAA,MAC/C;AAEA,iBAAW;AAEX,aAAO;AAAA,QACL,KAAK;AAAA,QACL,UAAU;AACR,kBAAQ,oBAAoB,SAAS,WAAW;AAAA,QAClD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;;;ACjND,IAAAC,eAAiD;AAEjD,IAAAC,gBAAkB;AAoDX,IAAM,aAAa,kBAAK,OAA0B;AAAA,EACvD,MAAM;AAAA,EAEN,OAAO;AAAA,EAEP,QAAQ;AAAA,EAER,MAAM;AAAA,EAEN,aAAa;AACX,WAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,WAAO;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW,aAAW,QAAQ,aAAa,YAAY;AAAA,QACvD,YAAY,gBAAc;AACxB,iBAAO;AAAA,YACL,cAAc,WAAW;AAAA,UAC3B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,eACE,aACA,CAAC,EAAE,QAAQ,GAAG,MAAM;AAvF5B;AAwFU,cAAM,QAAQ,mCAAS;AACvB,cAAM,OAAM,wCAAS,QAAT,YAAgB,OAAO,MAAM,UAAU,MAAM;AAEzD,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAEA,WAAG,YAAY,KAAK,KAAK,KAAK,KAAK,OAAO,EAAE,MAAM,CAAC,CAAC;AACpD,eAAO;AAAA,MACT;AAAA,MAEF,iBACE,aACA,CAAC,EAAE,QAAQ,GAAG,MAAM;AArG5B;AAsGU,cAAM,OAAM,wCAAS,QAAT,YAAgB,OAAO,MAAM,UAAU,MAAM;AACzD,cAAM,OAAO,OAAO,MAAM,IAAI,OAAO,GAAG;AAExC,YAAI,CAAC,QAAQ,KAAK,KAAK,SAAS,KAAK,MAAM;AACzC,iBAAO;AAAA,QACT;AAEA,WAAG,OAAO,KAAK,MAAM,KAAK,QAAQ;AAClC,eAAO;AAAA,MACT;AAAA,MAEF,kBACE,aACA,CAAC,EAAE,QAAQ,GAAG,MAAM;AAClB,cAAM,QAAQ,mCAAS;AACvB,YAAI,MAAM,mCAAS;AAEnB,YAAI,QAAQ,QAAW;AACrB,gBAAM,OAAO,MAAM,UAAU,MAAM;AAAA,QACrC;AAEA,cAAM,OAAO,OAAO,MAAM,IAAI,OAAO,GAAG;AAExC,YAAI,CAAC,QAAQ,KAAK,KAAK,SAAS,KAAK,MAAM;AACzC,iBAAO;AAAA,QACT;AAEA,WAAG,cAAc,KAAK,KAAK,MAAM,EAAE,GAAG,KAAK,OAAO,MAAM,CAAC;AAEzD,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,WAAO,CAAC,YAAQ,8BAAgB,gBAAgB,EAAE,aAAa,cAAc,CAAC,CAAC;AAAA,EACjF;AAAA,EAEA,gBAAgB;AACd,WAAO;AAAA,MACL,IAAI,uBAAU;AAAA,QACZ,MAAM;AAAA,QACN,SAAS,CAAC,EAAE,OAAO,OAAO,MAAM,MAAM;AACpC,gBAAM,CAAC,EAAE,KAAK,IAAI;AAClB,gBAAM,EAAE,GAAG,IAAI;AACf,gBAAM,QAAQ,MAAM;AACpB,gBAAM,MAAM,MAAM;AAElB,aAAG,YAAY,OAAO,KAAK,KAAK,KAAK,OAAO,EAAE,MAAM,CAAC,CAAC;AAAA,QACxD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO,CAAC,EAAE,MAAM,OAAO,MAAM;AAC3B,YAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,cAAQ,YAAY;AACpB,cAAQ,QAAQ,OAAO;AACvB,cAAQ,aAAa,cAAc,KAAK,MAAM,KAAK;AAEnD,eAAS,aAAa;AACpB,YAAI;AACF,wBAAAC,QAAM,OAAO,KAAK,MAAM,OAAO,OAAO;AACtC,kBAAQ,UAAU,OAAO,mBAAmB;AAAA,QAC9C,QAAQ;AACN,kBAAQ,cAAc,KAAK,MAAM;AACjC,kBAAQ,UAAU,IAAI,mBAAmB;AAAA,QAC3C;AAAA,MACF;AAEA,YAAM,cAAc,CAAC,UAAsB;AACzC,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,cAAM,MAAM,OAAO;AAEnB,YAAI,OAAO,MAAM;AACf;AAAA,QACF;AAEA,YAAI,KAAK,QAAQ,SAAS;AACxB,eAAK,QAAQ,QAAQ,MAAM,GAAG;AAAA,QAChC;AAAA,MACF;AAEA,UAAI,KAAK,QAAQ,SAAS;AACxB,gBAAQ,iBAAiB,SAAS,WAAW;AAAA,MAC/C;AAEA,iBAAW;AAEX,aAAO;AAAA,QACL,KAAK;AAAA,QACL,UAAU;AACR,kBAAQ,oBAAoB,SAAS,WAAW;AAAA,QAClD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;;;AF5MM,IAAMC,QAAO,uBAAU,OAA2B;AAAA,EACvD,MAAM;AAAA,EAEN,aAAa;AACX,WAAO;AAAA,MACL,eAAe;AAAA,MACf,cAAc;AAAA,MACd,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,WAAO,CAAC,UAAU,UAAU,KAAK,QAAQ,YAAY,GAAG,WAAW,UAAU,KAAK,QAAQ,aAAa,CAAC;AAAA,EAC1G;AACF,CAAC;AAEM,IAAM,cAAcA;;;ADf3B,IAAO,gBAAQC;","names":["Math","import_core","katex","import_core","import_katex","katex","Math","Math"]}

package/dist/index.d.cts

@@ -1,28 +1,129 @@
-import { Editor, Extension } from '@tiptap/core';
-import { EditorState, Plugin } from '@tiptap/pm/state';
-import { Node } from '@tiptap/pm/model';
+import { Node as Node$1, Editor, Extension } from '@tiptap/core';
 import { KatexOptions } from 'katex';
-import { DecorationSet } from '@tiptap/pm/view';
+import { Node } from '@tiptap/pm/model';
+
+type BlockMathOptions = {
+    onClick?: (node: Node, pos: number) => void;
+};
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        blockMath: {
+            /**
+             * Set block math node with LaTeX string.
+             * @param options - Options for setting block math.
+             * @returns ReturnType
+             */
+            setBlockMath: (options: {
+                latex: string;
+                pos?: number;
+            }) => ReturnType;
+            /**
+             * Unset block math node.
+             * @returns ReturnType
+             */
+            unsetBlockMath: (options?: {
+                pos?: number;
+            }) => ReturnType;
+            /**
+             * Update block math node with optional LaTeX string.
+             * @param options - Options for updating block math.
+             * @returns ReturnType
+             */
+            updateBlockMath: (options?: {
+                latex?: string;
+                pos?: number;
+            }) => ReturnType;
+        };
+    }
+}
+/**
+ * BlockMath is a Tiptap extension for rendering block mathematical expressions using KaTeX.
+ * It allows users to insert LaTeX formatted math expressions block within text.
+ * It supports rendering, input rules for LaTeX syntax, and click handling for interaction.
+ *
+ * @example
+ * ```javascript
+ * import { BlockMath } from 'your-extension-path'
+ * import { Editor } from '@tiptap/core'
+ *
+ * const editor = new Editor({
+ *   extensions: [
+ *     BlockMath.configure({
+ *       onClick: (node, pos) => {
+ *         console.log('Block math clicked:', node.attrs.latex, 'at position:', pos)
+ *       },
+ *     }),
+ *   ],
+ * })
+ */
+declare const BlockMath: Node$1<any, any>;
+
+type InlineMathOptions = {
+    onClick?: (node: Node, pos: number) => void;
+};
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        inlineMath: {
+            /**
+             * Set inline math node with LaTeX string.
+             * @param options - Options for setting inline math.
+             * @returns ReturnType
+             */
+            setInlineMath: (options: {
+                latex: string;
+                pos?: number;
+            }) => ReturnType;
+            /**
+             * Unset inline math node.
+             * @returns ReturnType
+             */
+            unsetInlineMath: (options?: {
+                pos?: number;
+            }) => ReturnType;
+            /**
+             * Update inline math node with optional LaTeX string.
+             * @param options - Options for updating inline math.
+             * @returns ReturnType
+             */
+            updateInlineMath: (options?: {
+                latex?: string;
+                pos?: number;
+            }) => ReturnType;
+        };
+    }
+}
+/**
+ * InlineMath is a Tiptap extension for rendering inline mathematical expressions using KaTeX.
+ * It allows users to insert LaTeX formatted math expressions inline within text.
+ * It supports rendering, input rules for LaTeX syntax, and click handling for interaction.
+ *
+ * @example
+ * ```javascript
+ * import { InlineMath } from 'your-extension-path'
+ * import { Editor } from '@tiptap/core'
+ *
+ * const editor = new Editor({
+ *   extensions: [
+ *     InlineMath.configure({
+ *       onClick: (node, pos) => {
+ *         console.log('Inline math clicked:', node.attrs.latex, 'at position:', pos)
+ *       },
+ *     }),
+ *   ],
+ * })
+ */
+declare const InlineMath: Node$1<InlineMathOptions, any>;
 
 type MathematicsOptions = {
-    regex: RegExp;
+    inlineOptions?: InlineMathOptions;
+    blockOptions?: BlockMathOptions;
     katexOptions?: KatexOptions;
-    shouldRender: (state: EditorState, pos: number, node: Node) => boolean;
 };
 type MathematicsOptionsWithEditor = MathematicsOptions & {
     editor: Editor;
 };
 
-declare const defaultShouldRender: (state: EditorState, pos: number) => boolean;
+declare const Math: Extension<MathematicsOptions, any>;
 declare const Mathematics: Extension<MathematicsOptions, any>;
 
-type PluginState = {
-    decorations: DecorationSet;
-    isEditable: boolean;
-} | {
-    decorations: undefined;
-    isEditable: undefined;
-};
-declare const MathematicsPlugin: (options: MathematicsOptionsWithEditor) => Plugin<PluginState>;
-
-export { Mathematics, type MathematicsOptions, type MathematicsOptionsWithEditor, MathematicsPlugin, Mathematics as default, defaultShouldRender };
+export { BlockMath, type BlockMathOptions, InlineMath, type InlineMathOptions, Math, Mathematics, type MathematicsOptions, type MathematicsOptionsWithEditor, Math as default };