tetrons 2.3.76 → 2.3.77

package/dist/index.cjs

@@ -5,6 +5,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -27,6 +30,66 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// src/components/tetrons/toolbar/MathModal.js
+var MathModal_exports = {};
+__export(MathModal_exports, {
+  default: () => MathModal
+});
+function MathModal({
+  isOpen,
+  onClose,
+  onSubmit,
+  value,
+  setValue
+}) {
+  (0, import_react19.useEffect)(() => {
+    const onEsc = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    if (isOpen) {
+      window.addEventListener("keydown", onEsc);
+    }
+    return () => window.removeEventListener("keydown", onEsc);
+  }, [isOpen, onClose]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ React.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ React.createElement(
+    "textarea",
+    {
+      className: "ai-modal-textarea",
+      placeholder: "Enter LaTeX code here...",
+      value,
+      onChange: (e) => setValue(e.target.value)
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ React.createElement("strong", null, "Preview:"), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ React.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: "ai-submit-btn",
+      onClick: () => onSubmit(value),
+      disabled: !value.trim()
+    },
+    "Insert"
+  ))));
+}
+function renderLatex(latex) {
+  try {
+    return import_katex2.default.renderToString(latex, {
+      throwOnError: false,
+      displayMode: false
+    });
+  } catch {
+    return `<span style="color: red;">Invalid LaTeX</span>`;
+  }
+}
+var import_react19, import_katex2, import_katex_min;
+var init_MathModal = __esm({
+  "src/components/tetrons/toolbar/MathModal.js"() {
+    "use strict";
+    import_react19 = require("react");
+    import_katex2 = __toESM(require("katex"));
+    import_katex_min = require("katex/dist/katex.min.css");
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -39,21 +102,77 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/components/tetrons/extensions/MathExtension.ts
+var import_core = require("@tiptap/core");
+var import_katex = __toESM(require("katex"));
+var MathInline = import_core.Node.create({
+  name: "mathInline",
+  inline: true,
+  group: "inline",
+  atom: true,
+  addAttributes() {
+    return {
+      formula: {
+        default: ""
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "span[data-math-inline]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      (0, import_core.mergeAttributes)(HTMLAttributes, {
+        "data-math-inline": "",
+        class: "math-inline"
+      }),
+      HTMLAttributes.formula
+    ];
+  },
+  addNodeView() {
+    return ({ node }) => {
+      const span = document.createElement("span");
+      try {
+        span.innerHTML = import_katex.default.renderToString(node.attrs.formula, {
+          throwOnError: false,
+          displayMode: false
+        });
+      } catch {
+        span.textContent = node.attrs.formula;
+      }
+      return {
+        dom: span
+      };
+    };
+  },
+  addCommands() {
+    return {
+      insertMathInline: (formula) => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name,
+          attrs: { formula }
+        });
+      }
+    };
+  }
+});
+
 // src/components/tetrons/EditorContent.tsx
-var import_react20 = __toESM(require("react"));
-var import_react21 = require("@tiptap/react");
+var import_react22 = __toESM(require("react"));
+var import_react23 = require("@tiptap/react");
 
 // node_modules/@tiptap/extension-document/dist/index.js
-var import_core = require("@tiptap/core");
-var Document = import_core.Node.create({
+var import_core2 = require("@tiptap/core");
+var Document = import_core2.Node.create({
   name: "doc",
   topNode: true,
   content: "block+"
 });
 
 // node_modules/@tiptap/extension-paragraph/dist/index.js
-var import_core2 = require("@tiptap/core");
-var Paragraph = import_core2.Node.create({
+var import_core3 = require("@tiptap/core");
+var Paragraph = import_core3.Node.create({
   name: "paragraph",
   priority: 1e3,
   addOptions() {
@@ -69,7 +188,7 @@ var Paragraph = import_core2.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["p", (0, import_core2.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["p", (0, import_core3.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -86,14 +205,14 @@ var Paragraph = import_core2.Node.create({
 });
 
 // node_modules/@tiptap/extension-text/dist/index.js
-var import_core3 = require("@tiptap/core");
-var Text = import_core3.Node.create({
+var import_core4 = require("@tiptap/core");
+var Text = import_core4.Node.create({
   name: "text",
   group: "inline"
 });
 
 // node_modules/@tiptap/extension-history/dist/index.js
-var import_core4 = require("@tiptap/core");
+var import_core5 = require("@tiptap/core");
 
 // node_modules/rope-sequence/dist/index.js
 var GOOD_LEAF_SIZE = 200;
@@ -1310,7 +1429,7 @@ var NodeRange = class {
   }
 };
 var emptyAttrs = /* @__PURE__ */ Object.create(null);
-var Node4 = class _Node {
+var Node5 = class _Node {
   /**
   @internal
   */
@@ -1711,7 +1830,7 @@ var Node4 = class _Node {
     return node;
   }
 };
-Node4.prototype.text = void 0;
+Node5.prototype.text = void 0;
 function wrapMarks(marks, str) {
   for (let i = marks.length - 1; i >= 0; i--)
     str = marks[i].type.name + "(" + str + ")";
@@ -5715,7 +5834,7 @@ var undoNoScroll = buildCommand(false, false);
 var redoNoScroll = buildCommand(true, false);
 
 // node_modules/@tiptap/extension-history/dist/index.js
-var History = import_core4.Extension.create({
+var History = import_core5.Extension.create({
   name: "history",
   addOptions() {
     return {
@@ -5751,12 +5870,12 @@ var History = import_core4.Extension.create({
 });
 
 // node_modules/@tiptap/extension-bold/dist/index.js
-var import_core5 = require("@tiptap/core");
+var import_core6 = require("@tiptap/core");
 var starInputRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/;
 var starPasteRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g;
 var underscoreInputRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/;
 var underscorePasteRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g;
-var Bold = import_core5.Mark.create({
+var Bold = import_core6.Mark.create({
   name: "bold",
   addOptions() {
     return {
@@ -5783,7 +5902,7 @@ var Bold = import_core5.Mark.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["strong", (0, import_core5.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["strong", (0, import_core6.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -5806,11 +5925,11 @@ var Bold = import_core5.Mark.create({
   },
   addInputRules() {
     return [
-      (0, import_core5.markInputRule)({
+      (0, import_core6.markInputRule)({
         find: starInputRegex,
         type: this.type
       }),
-      (0, import_core5.markInputRule)({
+      (0, import_core6.markInputRule)({
         find: underscoreInputRegex,
         type: this.type
       })
@@ -5818,11 +5937,11 @@ var Bold = import_core5.Mark.create({
   },
   addPasteRules() {
     return [
-      (0, import_core5.markPasteRule)({
+      (0, import_core6.markPasteRule)({
         find: starPasteRegex,
         type: this.type
       }),
-      (0, import_core5.markPasteRule)({
+      (0, import_core6.markPasteRule)({
         find: underscorePasteRegex,
         type: this.type
       })
@@ -5831,12 +5950,12 @@ var Bold = import_core5.Mark.create({
 });
 
 // node_modules/@tiptap/extension-italic/dist/index.js
-var import_core6 = require("@tiptap/core");
+var import_core7 = require("@tiptap/core");
 var starInputRegex2 = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/;
 var starPasteRegex2 = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g;
 var underscoreInputRegex2 = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/;
 var underscorePasteRegex2 = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g;
-var Italic = import_core6.Mark.create({
+var Italic = import_core7.Mark.create({
   name: "italic",
   addOptions() {
     return {
@@ -5862,7 +5981,7 @@ var Italic = import_core6.Mark.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["em", (0, import_core6.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["em", (0, import_core7.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -5885,11 +6004,11 @@ var Italic = import_core6.Mark.create({
   },
   addInputRules() {
     return [
-      (0, import_core6.markInputRule)({
+      (0, import_core7.markInputRule)({
         find: starInputRegex2,
         type: this.type
       }),
-      (0, import_core6.markInputRule)({
+      (0, import_core7.markInputRule)({
         find: underscoreInputRegex2,
         type: this.type
       })
@@ -5897,11 +6016,11 @@ var Italic = import_core6.Mark.create({
   },
   addPasteRules() {
     return [
-      (0, import_core6.markPasteRule)({
+      (0, import_core7.markPasteRule)({
         find: starPasteRegex2,
         type: this.type
       }),
-      (0, import_core6.markPasteRule)({
+      (0, import_core7.markPasteRule)({
         find: underscorePasteRegex2,
         type: this.type
       })
@@ -5913,10 +6032,10 @@ var Italic = import_core6.Mark.create({
 var import_extension_underline = __toESM(require("@tiptap/extension-underline"));
 
 // node_modules/@tiptap/extension-strike/dist/index.js
-var import_core7 = require("@tiptap/core");
+var import_core8 = require("@tiptap/core");
 var inputRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
 var pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
-var Strike = import_core7.Mark.create({
+var Strike = import_core8.Mark.create({
   name: "strike",
   addOptions() {
     return {
@@ -5942,7 +6061,7 @@ var Strike = import_core7.Mark.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["s", (0, import_core7.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["s", (0, import_core8.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -5964,7 +6083,7 @@ var Strike = import_core7.Mark.create({
   },
   addInputRules() {
     return [
-      (0, import_core7.markInputRule)({
+      (0, import_core8.markInputRule)({
         find: inputRegex,
         type: this.type
       })
@@ -5972,7 +6091,7 @@ var Strike = import_core7.Mark.create({
   },
   addPasteRules() {
     return [
-      (0, import_core7.markPasteRule)({
+      (0, import_core8.markPasteRule)({
         find: pasteRegex,
         type: this.type
       })
@@ -5981,10 +6100,10 @@ var Strike = import_core7.Mark.create({
 });
 
 // node_modules/@tiptap/extension-code/dist/index.js
-var import_core8 = require("@tiptap/core");
+var import_core9 = require("@tiptap/core");
 var inputRegex2 = /(^|[^`])`([^`]+)`(?!`)/;
 var pasteRegex2 = /(^|[^`])`([^`]+)`(?!`)/g;
-var Code = import_core8.Mark.create({
+var Code = import_core9.Mark.create({
   name: "code",
   addOptions() {
     return {
@@ -6000,7 +6119,7 @@ var Code = import_core8.Mark.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["code", (0, import_core8.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["code", (0, import_core9.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6022,7 +6141,7 @@ var Code = import_core8.Mark.create({
   },
   addInputRules() {
     return [
-      (0, import_core8.markInputRule)({
+      (0, import_core9.markInputRule)({
         find: inputRegex2,
         type: this.type
       })
@@ -6030,7 +6149,7 @@ var Code = import_core8.Mark.create({
   },
   addPasteRules() {
     return [
-      (0, import_core8.markPasteRule)({
+      (0, import_core9.markPasteRule)({
         find: pasteRegex2,
         type: this.type
       })
@@ -6039,9 +6158,9 @@ var Code = import_core8.Mark.create({
 });
 
 // node_modules/@tiptap/extension-blockquote/dist/index.js
-var import_core9 = require("@tiptap/core");
+var import_core10 = require("@tiptap/core");
 var inputRegex3 = /^\s*>\s$/;
-var Blockquote = import_core9.Node.create({
+var Blockquote = import_core10.Node.create({
   name: "blockquote",
   addOptions() {
     return {
@@ -6057,7 +6176,7 @@ var Blockquote = import_core9.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["blockquote", (0, import_core9.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["blockquote", (0, import_core10.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6079,7 +6198,7 @@ var Blockquote = import_core9.Node.create({
   },
   addInputRules() {
     return [
-      (0, import_core9.wrappingInputRule)({
+      (0, import_core10.wrappingInputRule)({
         find: inputRegex3,
         type: this.type
       })
@@ -6088,8 +6207,8 @@ var Blockquote = import_core9.Node.create({
 });
 
 // node_modules/@tiptap/extension-hard-break/dist/index.js
-var import_core10 = require("@tiptap/core");
-var HardBreak = import_core10.Node.create({
+var import_core11 = require("@tiptap/core");
+var HardBreak = import_core11.Node.create({
   name: "hardBreak",
   addOptions() {
     return {
@@ -6107,7 +6226,7 @@ var HardBreak = import_core10.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["br", (0, import_core10.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
+    return ["br", (0, import_core11.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
   },
   renderText() {
     return "\n";
@@ -6146,8 +6265,8 @@ var HardBreak = import_core10.Node.create({
 });
 
 // node_modules/@tiptap/extension-heading/dist/index.js
-var import_core11 = require("@tiptap/core");
-var Heading = import_core11.Node.create({
+var import_core12 = require("@tiptap/core");
+var Heading = import_core12.Node.create({
   name: "heading",
   addOptions() {
     return {
@@ -6175,7 +6294,7 @@ var Heading = import_core11.Node.create({
   renderHTML({ node, HTMLAttributes }) {
     const hasLevel = this.options.levels.includes(node.attrs.level);
     const level = hasLevel ? node.attrs.level : this.options.levels[0];
-    return [`h${level}`, (0, import_core11.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return [`h${level}`, (0, import_core12.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6203,7 +6322,7 @@ var Heading = import_core11.Node.create({
   },
   addInputRules() {
     return this.options.levels.map((level) => {
-      return (0, import_core11.textblockTypeInputRule)({
+      return (0, import_core12.textblockTypeInputRule)({
         find: new RegExp(`^(#{${Math.min(...this.options.levels)},${level}})\\s$`),
         type: this.type,
         getAttributes: {
@@ -6215,8 +6334,8 @@ var Heading = import_core11.Node.create({
 });
 
 // node_modules/@tiptap/extension-horizontal-rule/dist/index.js
-var import_core12 = require("@tiptap/core");
-var HorizontalRule = import_core12.Node.create({
+var import_core13 = require("@tiptap/core");
+var HorizontalRule = import_core13.Node.create({
   name: "horizontalRule",
   addOptions() {
     return {
@@ -6228,12 +6347,12 @@ var HorizontalRule = import_core12.Node.create({
     return [{ tag: "hr" }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["hr", (0, import_core12.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
+    return ["hr", (0, import_core13.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addCommands() {
     return {
       setHorizontalRule: () => ({ chain, state }) => {
-        if (!(0, import_core12.canInsertNode)(state, state.schema.nodes[this.name])) {
+        if (!(0, import_core13.canInsertNode)(state, state.schema.nodes[this.name])) {
           return false;
         }
         const { selection } = state;
@@ -6246,7 +6365,7 @@ var HorizontalRule = import_core12.Node.create({
           }, {
             type: this.name
           });
-        } else if ((0, import_core12.isNodeSelection)(selection)) {
+        } else if ((0, import_core13.isNodeSelection)(selection)) {
           currentChain.insertContentAt($originTo.pos, {
             type: this.name
           });
@@ -6282,7 +6401,7 @@ var HorizontalRule = import_core12.Node.create({
   },
   addInputRules() {
     return [
-      (0, import_core12.nodeInputRule)({
+      (0, import_core13.nodeInputRule)({
         find: /^(?:---|—-|___\s|\*\*\*\s)$/,
         type: this.type
       })
@@ -6299,8 +6418,8 @@ var import_extension_link = __toESM(require("@tiptap/extension-link"));
 var import_extension_text_style = __toESM(require("@tiptap/extension-text-style"));
 
 // node_modules/@tiptap/extension-list-item/dist/index.js
-var import_core13 = require("@tiptap/core");
-var ListItem = import_core13.Node.create({
+var import_core14 = require("@tiptap/core");
+var ListItem = import_core14.Node.create({
   name: "listItem",
   addOptions() {
     return {
@@ -6319,7 +6438,7 @@ var ListItem = import_core13.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["li", (0, import_core13.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["li", (0, import_core14.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addKeyboardShortcuts() {
     return {
@@ -6331,11 +6450,11 @@ var ListItem = import_core13.Node.create({
 });
 
 // node_modules/@tiptap/extension-bullet-list/dist/index.js
-var import_core14 = require("@tiptap/core");
+var import_core15 = require("@tiptap/core");
 var ListItemName = "listItem";
 var TextStyleName = "textStyle";
 var inputRegex4 = /^\s*([-+*])\s$/;
-var BulletList = import_core14.Node.create({
+var BulletList = import_core15.Node.create({
   name: "bulletList",
   addOptions() {
     return {
@@ -6355,7 +6474,7 @@ var BulletList = import_core14.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["ul", (0, import_core14.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["ul", (0, import_core15.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6373,12 +6492,12 @@ var BulletList = import_core14.Node.create({
     };
   },
   addInputRules() {
-    let inputRule = (0, import_core14.wrappingInputRule)({
+    let inputRule = (0, import_core15.wrappingInputRule)({
       find: inputRegex4,
       type: this.type
     });
     if (this.options.keepMarks || this.options.keepAttributes) {
-      inputRule = (0, import_core14.wrappingInputRule)({
+      inputRule = (0, import_core15.wrappingInputRule)({
         find: inputRegex4,
         type: this.type,
         keepMarks: this.options.keepMarks,
@@ -6396,11 +6515,11 @@ var BulletList = import_core14.Node.create({
 });
 
 // node_modules/@tiptap/extension-ordered-list/dist/index.js
-var import_core15 = require("@tiptap/core");
+var import_core16 = require("@tiptap/core");
 var ListItemName2 = "listItem";
 var TextStyleName2 = "textStyle";
 var inputRegex5 = /^(\d+)\.\s$/;
-var OrderedList = import_core15.Node.create({
+var OrderedList = import_core16.Node.create({
   name: "orderedList",
   addOptions() {
     return {
@@ -6437,7 +6556,7 @@ var OrderedList = import_core15.Node.create({
   },
   renderHTML({ HTMLAttributes }) {
     const { start, ...attributesWithoutStart } = HTMLAttributes;
-    return start === 1 ? ["ol", (0, import_core15.mergeAttributes)(this.options.HTMLAttributes, attributesWithoutStart), 0] : ["ol", (0, import_core15.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return start === 1 ? ["ol", (0, import_core16.mergeAttributes)(this.options.HTMLAttributes, attributesWithoutStart), 0] : ["ol", (0, import_core16.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6455,14 +6574,14 @@ var OrderedList = import_core15.Node.create({
     };
   },
   addInputRules() {
-    let inputRule = (0, import_core15.wrappingInputRule)({
+    let inputRule = (0, import_core16.wrappingInputRule)({
       find: inputRegex5,
       type: this.type,
       getAttributes: (match) => ({ start: +match[1] }),
       joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
     });
     if (this.options.keepMarks || this.options.keepAttributes) {
-      inputRule = (0, import_core15.wrappingInputRule)({
+      inputRule = (0, import_core16.wrappingInputRule)({
         find: inputRegex5,
         type: this.type,
         keepMarks: this.options.keepMarks,
@@ -8024,9 +8143,9 @@ function useTypo() {
 }
 
 // src/components/tetrons/extensions/Spellcheck.ts
-var import_core16 = require("@tiptap/core");
+var import_core17 = require("@tiptap/core");
 var wordMatchRegex = () => /(?:^|\s)([a-zA-Z]{2,})(?=\s|$)/g;
-var Spellcheck = import_core16.Mark.create({
+var Spellcheck = import_core17.Mark.create({
   name: "spellcheck",
   addOptions() {
     return {
@@ -8035,7 +8154,7 @@ var Spellcheck = import_core16.Mark.create({
   },
   addInputRules() {
     return [
-      (0, import_core16.markInputRule)({
+      (0, import_core17.markInputRule)({
         find: wordMatchRegex(),
         type: this.type,
         getAttributes: (match) => this.options.spellcheckFn(match[1]) ? false : { "data-spellcheck": "true" }
@@ -8063,8 +8182,8 @@ var Spellcheck = import_core16.Mark.create({
 });
 
 // src/components/tetrons/toolbar/extensions/Comment.ts
-var import_core17 = require("@tiptap/core");
-var Comment = import_core17.Mark.create({
+var import_core18 = require("@tiptap/core");
+var Comment = import_core18.Mark.create({
   name: "comment",
   addOptions() {
     return {
@@ -8088,7 +8207,7 @@ var Comment = import_core17.Mark.create({
   renderHTML({ HTMLAttributes }) {
     return [
       "span",
-      (0, import_core17.mergeAttributes)(HTMLAttributes, {
+      (0, import_core18.mergeAttributes)(HTMLAttributes, {
         "data-comment": HTMLAttributes.comment,
         class: "comment-highlight",
         title: HTMLAttributes.comment,
@@ -8110,8 +8229,8 @@ var Comment = import_core17.Mark.create({
 });
 
 // src/components/tetrons/toolbar/marks/Subscript.ts
-var import_core18 = require("@tiptap/core");
-var Subscript = import_core18.Mark.create({
+var import_core19 = require("@tiptap/core");
+var Subscript = import_core19.Mark.create({
   name: "subscript",
   excludes: "superscript",
   parseHTML() {
@@ -8127,7 +8246,7 @@ var Subscript = import_core18.Mark.create({
   },
   addInputRules() {
     return [
-      (0, import_core18.markInputRule)({
+      (0, import_core19.markInputRule)({
         find: /~([^~]+)~/,
         type: this.type
       })
@@ -8135,7 +8254,7 @@ var Subscript = import_core18.Mark.create({
   },
   addPasteRules() {
     return [
-      (0, import_core18.markPasteRule)({
+      (0, import_core19.markPasteRule)({
         find: /~([^~]+)~/g,
         type: this.type
       })
@@ -8144,8 +8263,8 @@ var Subscript = import_core18.Mark.create({
 });
 
 // src/components/tetrons/toolbar/marks/Superscript.ts
-var import_core19 = require("@tiptap/core");
-var Superscript = import_core19.Mark.create({
+var import_core20 = require("@tiptap/core");
+var Superscript = import_core20.Mark.create({
   name: "superscript",
   excludes: "subscript",
   parseHTML() {
@@ -8161,7 +8280,7 @@ var Superscript = import_core19.Mark.create({
   },
   addInputRules() {
     return [
-      (0, import_core19.markInputRule)({
+      (0, import_core20.markInputRule)({
         find: /\^([^^]+)\^/,
         type: this.type
       })
@@ -8169,7 +8288,7 @@ var Superscript = import_core19.Mark.create({
   },
   addPasteRules() {
     return [
-      (0, import_core19.markPasteRule)({
+      (0, import_core20.markPasteRule)({
         find: /\^([^^]+)\^/g,
         type: this.type
       })
@@ -15248,8 +15367,8 @@ var ResizableTable = import_extension_table.Table.extend({
 });
 
 // src/components/tetrons/toolbar/extensions/Embed.ts
-var import_core20 = require("@tiptap/core");
-var Embed = import_core20.Node.create({
+var import_core21 = require("@tiptap/core");
+var Embed = import_core21.Node.create({
   name: "embed",
   group: "block",
   atom: true,
@@ -15264,7 +15383,7 @@ var Embed = import_core20.Node.create({
     return [{ tag: "iframe[src]" }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["iframe", (0, import_core20.mergeAttributes)(HTMLAttributes)];
+    return ["iframe", (0, import_core21.mergeAttributes)(HTMLAttributes)];
   },
   addCommands() {
     return {
@@ -15342,8 +15461,8 @@ var Embed = import_core20.Node.create({
 });
 
 // src/components/tetrons/toolbar/extensions/FontFamily.ts
-var import_core21 = require("@tiptap/core");
-var FontFamily = import_core21.Mark.create({
+var import_core22 = require("@tiptap/core");
+var FontFamily = import_core22.Mark.create({
   name: "fontFamily",
   addAttributes() {
     return {
@@ -15361,7 +15480,7 @@ var FontFamily = import_core21.Mark.create({
     return [{ style: "font-family" }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["span", (0, import_core21.mergeAttributes)(HTMLAttributes), 0];
+    return ["span", (0, import_core22.mergeAttributes)(HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -15371,8 +15490,8 @@ var FontFamily = import_core21.Mark.create({
 });
 
 // src/components/tetrons/toolbar/extensions/FontSize.ts
-var import_core22 = require("@tiptap/core");
-var FontSize = import_core22.Mark.create({
+var import_core23 = require("@tiptap/core");
+var FontSize = import_core23.Mark.create({
   name: "fontSize",
   addAttributes() {
     return {
@@ -15390,7 +15509,7 @@ var FontSize = import_core22.Mark.create({
     return [{ style: "font-size" }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["span", (0, import_core22.mergeAttributes)(HTMLAttributes), 0];
+    return ["span", (0, import_core23.mergeAttributes)(HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -15532,7 +15651,7 @@ var ResizableImage = import_extension_image.default.extend({
 });
 
 // src/components/tetrons/ResizableVideo.ts
-var import_core23 = require("@tiptap/core");
+var import_core24 = require("@tiptap/core");
 var import_react7 = require("@tiptap/react");
 
 // src/components/tetrons/ResizableVideoComponent.tsx
@@ -15588,7 +15707,7 @@ var ResizableVideoComponent = ({
 var ResizableVideoComponent_default = ResizableVideoComponent;
 
 // src/components/tetrons/ResizableVideo.ts
-var ResizableVideo = import_core23.Node.create({
+var ResizableVideo = import_core24.Node.create({
   name: "video",
   group: "block",
   draggable: true,
@@ -15721,7 +15840,7 @@ function TableContextMenu({ editor }) {
 }
 
 // src/components/tetrons/toolbar/TetronsToolbar.tsx
-var import_react19 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // src/components/tetrons/toolbar/ActionGroup.tsx
 var import_react10 = __toESM(require("react"));
@@ -16777,13 +16896,66 @@ function AiGroup({ editor }) {
   )));
 }
 
+// src/components/tetrons/toolbar/AddOnGroup.tsx
+var import_react20 = __toESM(require("react"));
+var import_fa3 = require("react-icons/fa");
+var import_dynamic = __toESM(require("next/dynamic"));
+var import_katex_min2 = require("katex/dist/katex.min.css");
+var MathModal2 = (0, import_dynamic.default)(() => Promise.resolve().then(() => (init_MathModal(), MathModal_exports)), { ssr: false });
+var AddOnGroup = ({ editor }) => {
+  const [isModalOpen, setModalOpen] = (0, import_react20.useState)(false);
+  const [latexValue, setLatexValue] = (0, import_react20.useState)("");
+  if (!editor) return null;
+  const insertCodeBlock = () => {
+    editor.chain().focus().toggleCodeBlock().run();
+  };
+  const handleMathInsert = (latex) => {
+    editor.chain().focus().insertContent({
+      type: "mathInline",
+      attrs: { formula: latex }
+    }).run();
+    setModalOpen(false);
+    setLatexValue("");
+  };
+  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "group flex gap-2 items-center" }, /* @__PURE__ */ import_react20.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: insertCodeBlock,
+      className: "icon-btn",
+      title: "Insert Code Block"
+    },
+    /* @__PURE__ */ import_react20.default.createElement(import_fa3.FaCode, { size: 18 })
+  ), /* @__PURE__ */ import_react20.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setModalOpen(true),
+      className: "icon-btn",
+      title: "Insert Math Equation"
+    },
+    /* @__PURE__ */ import_react20.default.createElement(import_fa3.FaSuperscript, { size: 18 })
+  )), /* @__PURE__ */ import_react20.default.createElement(
+    MathModal2,
+    {
+      isOpen: isModalOpen,
+      onClose: () => setModalOpen(false),
+      onSubmit: handleMathInsert,
+      value: latexValue,
+      setValue: setLatexValue
+    }
+  ));
+};
+var AddOnGroup_default = AddOnGroup;
+
 // src/components/tetrons/toolbar/TetronsToolbar.tsx
 function TetronsToolbar({
   editor,
-  version
+  version,
+  addOns = []
 }) {
-  const [autoSave, setAutoSave] = (0, import_react19.useState)(false);
-  (0, import_react19.useEffect)(() => {
+  const [autoSave, setAutoSave] = (0, import_react21.useState)(false);
+  (0, import_react21.useEffect)(() => {
     if (!editor) return;
     const handleUpdate = () => {
       if (!autoSave) return;
@@ -16799,7 +16971,7 @@ function TetronsToolbar({
       editor.off("update", handleUpdate);
     };
   }, [autoSave, editor]);
-  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ import_react19.default.createElement("div", { className: "group" }, /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ import_react21.default.createElement("div", { className: "group" }, /* @__PURE__ */ import_react21.default.createElement(
     "input",
     {
       type: "checkbox",
@@ -16807,35 +16979,25 @@ function TetronsToolbar({
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react19.default.createElement(FileGroup, { editor }), /* @__PURE__ */ import_react19.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ import_react19.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ import_react19.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ import_react19.default.createElement(ActionGroup, { editor })), version === "platinum" && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(MiscGroup, { editor }), /* @__PURE__ */ import_react19.default.createElement(AiGroup, { editor })));
+  ), /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react21.default.createElement(FileGroup, { editor }), /* @__PURE__ */ import_react21.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ import_react21.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ import_react21.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ import_react21.default.createElement(ActionGroup, { editor })), version === "platinum" && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(MiscGroup, { editor }), /* @__PURE__ */ import_react21.default.createElement(AiGroup, { editor })), addOns.length > 0 && /* @__PURE__ */ import_react21.default.createElement(AddOnGroup_default, { editor }));
 }
 
 // src/components/tetrons/EditorContent.tsx
-var import_meta = {};
 var lowlight = (0, import_lowlight.createLowlight)();
 lowlight.register("js", javascript);
 lowlight.register("ts", typescript);
 function EditorContent({ apiKey }) {
   const typo = useTypo();
-  const [isValid, setIsValid] = (0, import_react20.useState)(null);
-  const [error, setError] = (0, import_react20.useState)(null);
-  const [versions, setVersions] = (0, import_react20.useState)([]);
-  const [userVersion, setUserVersion] = (0, import_react20.useState)(null);
-  const [currentVersionIndex, setCurrentVersionIndex] = (0, import_react20.useState)(
+  const [isValid, setIsValid] = (0, import_react22.useState)(null);
+  const [error, setError] = (0, import_react22.useState)(null);
+  const [versions, setVersions] = (0, import_react22.useState)([]);
+  const [userVersion, setUserVersion] = (0, import_react22.useState)(null);
+  const [currentVersionIndex, setCurrentVersionIndex] = (0, import_react22.useState)(
     null
   );
-  const wrapperRef = (0, import_react20.useRef)(null);
-  function getApiBaseUrl() {
-    if (typeof import_meta !== "undefined" && import_meta.env?.VITE_TETRONS_API_URL) {
-      return import_meta.env.VITE_TETRONS_API_URL;
-    }
-    if (typeof process !== "undefined" && process.env?.NEXT_PUBLIC_TETRONS_API_URL) {
-      return process.env.NEXT_PUBLIC_TETRONS_API_URL;
-    }
-    return "https://staging.tetrons.com";
-  }
-  const API_BASE_URL = getApiBaseUrl();
-  (0, import_react20.useEffect)(() => {
+  const wrapperRef = (0, import_react22.useRef)(null);
+  const API_BASE_URL = typeof process !== "undefined" && process.env?.NEXT_PUBLIC_TETRONS_API_URL ? process.env.NEXT_PUBLIC_TETRONS_API_URL : "https://staging.tetrons.com";
+  (0, import_react22.useEffect)(() => {
     const validateKey = async () => {
       try {
         const res = await fetch(`${API_BASE_URL}/api/validate`, {
@@ -16856,7 +17018,7 @@ function EditorContent({ apiKey }) {
     };
     validateKey();
   }, [apiKey, API_BASE_URL]);
-  const editor = (0, import_react21.useEditor)({
+  const editor = (0, import_react23.useEditor)({
     extensions: [
       Document,
       Paragraph,
@@ -16906,7 +17068,8 @@ function EditorContent({ apiKey }) {
         Spellcheck.configure({
           spellcheckFn: (word) => typo.check(word)
         })
-      ] : []
+      ] : [],
+      MathInline
     ],
     content: "",
     editorProps: {
@@ -16917,7 +17080,7 @@ function EditorContent({ apiKey }) {
     },
     immediatelyRender: false
   });
-  (0, import_react20.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     return () => {
       editor?.destroy();
     };
@@ -16942,15 +17105,22 @@ function EditorContent({ apiKey }) {
     }
   };
   if (isValid === false) {
-    return /* @__PURE__ */ import_react20.default.createElement("div", { className: "editor-error" }, "\u26A0\uFE0F ", error);
+    return /* @__PURE__ */ import_react22.default.createElement("div", { className: "editor-error" }, "\u26A0\uFE0F ", error);
   }
   if (isValid === null) {
-    return /* @__PURE__ */ import_react20.default.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
+    return /* @__PURE__ */ import_react22.default.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
   }
   if (!typo) {
-    return /* @__PURE__ */ import_react20.default.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
+    return /* @__PURE__ */ import_react22.default.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
   }
-  return /* @__PURE__ */ import_react20.default.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ import_react20.default.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ import_react20.default.createElement(
+  const versionAddOnsMap = {
+    free: [],
+    pro: ["code"],
+    premium: ["code", "math"],
+    platinum: ["code", "math"]
+  };
+  const enabledAddOns = userVersion ? versionAddOnsMap[userVersion] || [] : [];
+  return /* @__PURE__ */ import_react22.default.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ import_react22.default.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ import_react22.default.createElement(
     "button",
     {
       type: "button",
@@ -16959,7 +17129,7 @@ function EditorContent({ apiKey }) {
       className: "editor-save-btn"
     },
     "Save Version"
-  ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "editor-versions-wrapper" }, versions.length === 0 ? /* @__PURE__ */ import_react20.default.createElement("span", { className: "editor-no-versions" }, "No saved versions") : versions.map((_, idx) => /* @__PURE__ */ import_react20.default.createElement(
+  ), /* @__PURE__ */ import_react22.default.createElement("div", { className: "editor-versions-wrapper" }, versions.length === 0 ? /* @__PURE__ */ import_react22.default.createElement("span", { className: "editor-no-versions" }, "No saved versions") : versions.map((_, idx) => /* @__PURE__ */ import_react22.default.createElement(
     "button",
     {
       key: idx,
@@ -16969,14 +17139,21 @@ function EditorContent({ apiKey }) {
       title: `Restore Version ${idx + 1}`
     },
     `V${idx + 1}`
-  )))), editor && userVersion && /* @__PURE__ */ import_react20.default.createElement(TetronsToolbar, { editor, version: userVersion }), /* @__PURE__ */ import_react20.default.createElement(
+  )))), editor && userVersion && /* @__PURE__ */ import_react22.default.createElement(
+    TetronsToolbar,
+    {
+      editor,
+      version: userVersion,
+      addOns: enabledAddOns
+    }
+  ), /* @__PURE__ */ import_react22.default.createElement(
     "div",
     {
       ref: wrapperRef,
       className: "editor-content-wrapper",
       onClick: handleEditorClick
     },
-    editor ? /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(import_react21.EditorContent, { editor }), /* @__PURE__ */ import_react20.default.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ import_react20.default.createElement("div", { className: "editor-loading" }, "Loading editor...")
+    editor ? /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(import_react23.EditorContent, { editor }), /* @__PURE__ */ import_react22.default.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ import_react22.default.createElement("div", { className: "editor-loading" }, "Loading editor...")
   ));
 }