@kopexa/tiptap 17.0.17 → 17.2.0

package/dist/extensions/math/inline-math-view.js

@@ -0,0 +1,232 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/extensions/math/inline-math-view.tsx
+var inline_math_view_exports = {};
+__export(inline_math_view_exports, {
+  InlineMathView: () => InlineMathView,
+  default: () => inline_math_view_default
+});
+module.exports = __toCommonJS(inline_math_view_exports);
+var import_button = require("@kopexa/button");
+var import_dialog = require("@kopexa/dialog");
+var import_label = require("@kopexa/label");
+var import_react = require("@tiptap/react");
+var import_katex = __toESM(require("katex"));
+var import_katex_min = require("katex/dist/katex.min.css");
+var import_react2 = require("react");
+var import_react_intl2 = require("react-intl");
+
+// src/extensions/math/messages.ts
+var import_react_intl = require("react-intl");
+var messages = (0, import_react_intl.defineMessages)({
+  title: {
+    id: "editor.math.title",
+    defaultMessage: "Formula",
+    description: "Math block title"
+  },
+  edit: {
+    id: "editor.math.edit",
+    defaultMessage: "Edit",
+    description: "Edit button label"
+  },
+  preview: {
+    id: "editor.math.preview",
+    defaultMessage: "Preview",
+    description: "Preview section label"
+  },
+  latex_input: {
+    id: "editor.math.latex_input",
+    defaultMessage: "LaTeX",
+    description: "LaTeX input label"
+  },
+  latex_placeholder: {
+    id: "editor.math.latex_placeholder",
+    defaultMessage: "Enter LaTeX formula...",
+    description: "LaTeX input placeholder"
+  },
+  invalid_latex: {
+    id: "editor.math.invalid_latex",
+    defaultMessage: "Invalid LaTeX syntax",
+    description: "Error message for invalid LaTeX"
+  },
+  empty_formula: {
+    id: "editor.math.empty_formula",
+    defaultMessage: "Click to add formula",
+    description: "Placeholder for empty formula"
+  },
+  save: {
+    id: "editor.math.save",
+    defaultMessage: "Save",
+    description: "Save button label"
+  },
+  cancel: {
+    id: "editor.math.cancel",
+    defaultMessage: "Cancel",
+    description: "Cancel button label"
+  }
+});
+
+// src/extensions/math/inline-math-view.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function InlineMathView({ editor, node, getPos }) {
+  const intl = (0, import_react_intl2.useIntl)();
+  const attrs = node.attrs;
+  const { latex = "" } = attrs;
+  const isEditable = (0, import_react.useEditorState)({
+    editor,
+    selector: ({ editor: e }) => {
+      var _a;
+      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
+    }
+  });
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [localLatex, setLocalLatex] = (0, import_react2.useState)(latex);
+  const [error, setError] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    if (isOpen) {
+      setLocalLatex(latex);
+      setError(null);
+    }
+  }, [isOpen, latex]);
+  const renderedHtml = (0, import_react2.useMemo)(() => {
+    if (!latex) return null;
+    try {
+      return import_katex.default.renderToString(latex, {
+        throwOnError: false,
+        displayMode: false,
+        output: "html"
+      });
+    } catch {
+      return null;
+    }
+  }, [latex]);
+  const previewHtml = (0, import_react2.useMemo)(() => {
+    if (!localLatex) return null;
+    try {
+      setError(null);
+      return import_katex.default.renderToString(localLatex, {
+        throwOnError: true,
+        displayMode: false,
+        output: "html"
+      });
+    } catch (_e) {
+      setError(intl.formatMessage(messages.invalid_latex));
+      return null;
+    }
+  }, [localLatex, intl]);
+  const handleSave = (0, import_react2.useCallback)(() => {
+    const pos = getPos();
+    if (pos === void 0) return;
+    editor.view.dispatch(
+      editor.state.tr.setNodeMarkup(pos, void 0, { latex: localLatex })
+    );
+    setIsOpen(false);
+  }, [editor, localLatex, getPos]);
+  const handleCancel = (0, import_react2.useCallback)(() => {
+    setLocalLatex(latex);
+    setError(null);
+    setIsOpen(false);
+  }, [latex]);
+  const handleClick = (0, import_react2.useCallback)(
+    (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (isEditable) {
+        setIsOpen(true);
+      }
+    },
+    [isEditable]
+  );
+  const isEmpty = !latex;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react.NodeViewWrapper,
+    {
+      as: "span",
+      className: "inline-math-wrapper",
+      "data-type": "inline-math",
+      "data-latex": latex,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: `inline-math cursor-pointer rounded px-0.5 transition-colors ${isEditable ? "hover:bg-primary/10 hover:ring-1 hover:ring-primary/20" : ""} ${isEmpty ? "text-muted-foreground italic" : ""}`,
+            onClick: handleClick,
+            children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs", children: "$?$" }) : renderedHtml ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                dangerouslySetInnerHTML: { __html: renderedHtml }
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-destructive text-xs", children: latex })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Content, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { children: intl.formatMessage(messages.title) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.latex_input) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                {
+                  type: "text",
+                  className: "w-full p-2 rounded-md border border-input bg-background font-mono text-sm focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                  value: localLatex,
+                  onChange: (e) => setLocalLatex(e.target.value),
+                  placeholder: intl.formatMessage(messages.latex_placeholder),
+                  spellCheck: false
+                }
+              ),
+              error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-destructive", children: error })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.preview) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-h-10 p-3 rounded-md border border-border bg-muted/30 flex items-center justify-center", children: previewHtml ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  dangerouslySetInnerHTML: { __html: previewHtml }
+                }
+              ) : localLatex ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages.invalid_latex) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: "$...$" }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Footer, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages.cancel) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: handleSave, disabled: !!error && !!localLatex, children: intl.formatMessage(messages.save) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+var inline_math_view_default = InlineMathView;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InlineMathView
+});

package/dist/extensions/math/inline-math-view.mjs

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+import {
+  InlineMathView,
+  inline_math_view_default
+} from "../../chunk-BXHPO3T7.mjs";
+import "../../chunk-FRJX2F4T.mjs";
+export {
+  InlineMathView,
+  inline_math_view_default as default
+};

package/dist/extensions/math/inline-math.d.mts

@@ -0,0 +1,32 @@
+import { Node } from '@tiptap/core';
+
+interface InlineMathAttrs {
+    /**
+     * The LaTeX formula content
+     */
+    latex: string;
+}
+interface InlineMathOptions {
+    /**
+     * Custom HTML attributes for the inline math wrapper element.
+     */
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        inlineMath: {
+            /**
+             * Insert inline math
+             */
+            insertInlineMath: (latex?: string) => ReturnType;
+        };
+    }
+}
+/**
+ * Inline Math Node Extension
+ *
+ * Renders inline LaTeX formulas using KaTeX.
+ */
+declare const InlineMath: Node<InlineMathOptions, any>;
+
+export { InlineMath, type InlineMathAttrs, type InlineMathOptions, InlineMath as default };

package/dist/extensions/math/inline-math.d.ts

@@ -0,0 +1,32 @@
+import { Node } from '@tiptap/core';
+
+interface InlineMathAttrs {
+    /**
+     * The LaTeX formula content
+     */
+    latex: string;
+}
+interface InlineMathOptions {
+    /**
+     * Custom HTML attributes for the inline math wrapper element.
+     */
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        inlineMath: {
+            /**
+             * Insert inline math
+             */
+            insertInlineMath: (latex?: string) => ReturnType;
+        };
+    }
+}
+/**
+ * Inline Math Node Extension
+ *
+ * Renders inline LaTeX formulas using KaTeX.
+ */
+declare const InlineMath: Node<InlineMathOptions, any>;
+
+export { InlineMath, type InlineMathAttrs, type InlineMathOptions, InlineMath as default };

package/dist/extensions/math/inline-math.js

@@ -0,0 +1,304 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/extensions/math/inline-math.ts
+var inline_math_exports = {};
+__export(inline_math_exports, {
+  InlineMath: () => InlineMath,
+  default: () => inline_math_default
+});
+module.exports = __toCommonJS(inline_math_exports);
+var import_core = require("@tiptap/core");
+var import_react3 = require("@tiptap/react");
+
+// src/extensions/math/inline-math-view.tsx
+var import_button = require("@kopexa/button");
+var import_dialog = require("@kopexa/dialog");
+var import_label = require("@kopexa/label");
+var import_react = require("@tiptap/react");
+var import_katex = __toESM(require("katex"));
+var import_katex_min = require("katex/dist/katex.min.css");
+var import_react2 = require("react");
+var import_react_intl2 = require("react-intl");
+
+// src/extensions/math/messages.ts
+var import_react_intl = require("react-intl");
+var messages = (0, import_react_intl.defineMessages)({
+  title: {
+    id: "editor.math.title",
+    defaultMessage: "Formula",
+    description: "Math block title"
+  },
+  edit: {
+    id: "editor.math.edit",
+    defaultMessage: "Edit",
+    description: "Edit button label"
+  },
+  preview: {
+    id: "editor.math.preview",
+    defaultMessage: "Preview",
+    description: "Preview section label"
+  },
+  latex_input: {
+    id: "editor.math.latex_input",
+    defaultMessage: "LaTeX",
+    description: "LaTeX input label"
+  },
+  latex_placeholder: {
+    id: "editor.math.latex_placeholder",
+    defaultMessage: "Enter LaTeX formula...",
+    description: "LaTeX input placeholder"
+  },
+  invalid_latex: {
+    id: "editor.math.invalid_latex",
+    defaultMessage: "Invalid LaTeX syntax",
+    description: "Error message for invalid LaTeX"
+  },
+  empty_formula: {
+    id: "editor.math.empty_formula",
+    defaultMessage: "Click to add formula",
+    description: "Placeholder for empty formula"
+  },
+  save: {
+    id: "editor.math.save",
+    defaultMessage: "Save",
+    description: "Save button label"
+  },
+  cancel: {
+    id: "editor.math.cancel",
+    defaultMessage: "Cancel",
+    description: "Cancel button label"
+  }
+});
+
+// src/extensions/math/inline-math-view.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function InlineMathView({ editor, node, getPos }) {
+  const intl = (0, import_react_intl2.useIntl)();
+  const attrs = node.attrs;
+  const { latex = "" } = attrs;
+  const isEditable = (0, import_react.useEditorState)({
+    editor,
+    selector: ({ editor: e }) => {
+      var _a;
+      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
+    }
+  });
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [localLatex, setLocalLatex] = (0, import_react2.useState)(latex);
+  const [error, setError] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    if (isOpen) {
+      setLocalLatex(latex);
+      setError(null);
+    }
+  }, [isOpen, latex]);
+  const renderedHtml = (0, import_react2.useMemo)(() => {
+    if (!latex) return null;
+    try {
+      return import_katex.default.renderToString(latex, {
+        throwOnError: false,
+        displayMode: false,
+        output: "html"
+      });
+    } catch {
+      return null;
+    }
+  }, [latex]);
+  const previewHtml = (0, import_react2.useMemo)(() => {
+    if (!localLatex) return null;
+    try {
+      setError(null);
+      return import_katex.default.renderToString(localLatex, {
+        throwOnError: true,
+        displayMode: false,
+        output: "html"
+      });
+    } catch (_e) {
+      setError(intl.formatMessage(messages.invalid_latex));
+      return null;
+    }
+  }, [localLatex, intl]);
+  const handleSave = (0, import_react2.useCallback)(() => {
+    const pos = getPos();
+    if (pos === void 0) return;
+    editor.view.dispatch(
+      editor.state.tr.setNodeMarkup(pos, void 0, { latex: localLatex })
+    );
+    setIsOpen(false);
+  }, [editor, localLatex, getPos]);
+  const handleCancel = (0, import_react2.useCallback)(() => {
+    setLocalLatex(latex);
+    setError(null);
+    setIsOpen(false);
+  }, [latex]);
+  const handleClick = (0, import_react2.useCallback)(
+    (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (isEditable) {
+        setIsOpen(true);
+      }
+    },
+    [isEditable]
+  );
+  const isEmpty = !latex;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react.NodeViewWrapper,
+    {
+      as: "span",
+      className: "inline-math-wrapper",
+      "data-type": "inline-math",
+      "data-latex": latex,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: `inline-math cursor-pointer rounded px-0.5 transition-colors ${isEditable ? "hover:bg-primary/10 hover:ring-1 hover:ring-primary/20" : ""} ${isEmpty ? "text-muted-foreground italic" : ""}`,
+            onClick: handleClick,
+            children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs", children: "$?$" }) : renderedHtml ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                dangerouslySetInnerHTML: { __html: renderedHtml }
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-destructive text-xs", children: latex })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Content, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { children: intl.formatMessage(messages.title) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.latex_input) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                {
+                  type: "text",
+                  className: "w-full p-2 rounded-md border border-input bg-background font-mono text-sm focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                  value: localLatex,
+                  onChange: (e) => setLocalLatex(e.target.value),
+                  placeholder: intl.formatMessage(messages.latex_placeholder),
+                  spellCheck: false
+                }
+              ),
+              error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-destructive", children: error })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.preview) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-h-10 p-3 rounded-md border border-border bg-muted/30 flex items-center justify-center", children: previewHtml ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  dangerouslySetInnerHTML: { __html: previewHtml }
+                }
+              ) : localLatex ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages.invalid_latex) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: "$...$" }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Footer, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages.cancel) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: handleSave, disabled: !!error && !!localLatex, children: intl.formatMessage(messages.save) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/extensions/math/inline-math.ts
+var InlineMath = import_core.Node.create({
+  name: "inlineMath",
+  group: "inline",
+  inline: true,
+  atom: true,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      latex: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-latex") || "",
+        renderHTML: (attributes) => ({
+          "data-latex": attributes.latex
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'span[data-type="inline-math"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      (0, import_core.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
+        "data-type": "inline-math"
+      })
+    ];
+  },
+  addNodeView() {
+    return (0, import_react3.ReactNodeViewRenderer)(InlineMathView, {
+      as: "span"
+    });
+  },
+  addCommands() {
+    return {
+      insertInlineMath: (latex = "") => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name,
+          attrs: { latex }
+        });
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      // Inline math with $...$
+      new import_core.InputRule({
+        // Match $...$ but not $$...$$
+        find: /(?<!\$)\$([^$]+)\$(?!\$)/,
+        handler: ({ state, range, match }) => {
+          const latex = match[1];
+          const { tr } = state;
+          tr.replaceWith(range.from, range.to, this.type.create({ latex }));
+        }
+      })
+    ];
+  }
+});
+var inline_math_default = InlineMath;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InlineMath
+});

package/dist/extensions/math/inline-math.mjs

@@ -0,0 +1,12 @@
+"use client";
+"use client";
+import {
+  InlineMath,
+  inline_math_default
+} from "../../chunk-7VW67NVL.mjs";
+import "../../chunk-BXHPO3T7.mjs";
+import "../../chunk-FRJX2F4T.mjs";
+export {
+  InlineMath,
+  inline_math_default as default
+};

package/dist/extensions/math/math-block-view.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NodeViewProps } from '@tiptap/react';
+
+/**
+ * Math Block NodeView Component
+ *
+ * Renders a LaTeX formula using KaTeX with an edit dialog.
+ */
+declare function MathBlockView({ editor, node, getPos }: NodeViewProps): react_jsx_runtime.JSX.Element;
+
+export { MathBlockView, MathBlockView as default };

package/dist/extensions/math/math-block-view.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NodeViewProps } from '@tiptap/react';
+
+/**
+ * Math Block NodeView Component
+ *
+ * Renders a LaTeX formula using KaTeX with an edit dialog.
+ */
+declare function MathBlockView({ editor, node, getPos }: NodeViewProps): react_jsx_runtime.JSX.Element;
+
+export { MathBlockView, MathBlockView as default };