@vizel/core 0.0.1-alpha.6 → 1.0.0

package/dist/index15.js

@@ -1,38 +1,39 @@
-import { Node as v, mergeAttributes as y, InputRule as k } from "@tiptap/core";
-import L from "katex";
-import { default as H } from "katex";
-function f(t, r, o) {
+import { Node as b, mergeAttributes as g, InputRule as $ } from "@tiptap/core";
+import { createLazyLoader as M } from "./index39.js";
+const T = M("katex", async () => (await import("katex")).default);
+async function x(e, r, o) {
   try {
-    return { html: L.renderToString(t, {
+    return { html: (await T()).renderToString(e, {
       displayMode: r,
       throwOnError: !1,
       strict: !1,
-      trust: !1,
-      ...o
+      ...o,
+      trust: !1
+      // Enforced: prevents external URL access via \url, \href commands
     }), error: null };
-  } catch (a) {
-    const l = a instanceof Error ? a.message : "Invalid LaTeX";
+  } catch (t) {
+    const i = t instanceof Error ? t.message : "Invalid LaTeX";
     return {
-      html: `<span class="vizel-math-error">${l}</span>`,
-      error: l
+      html: `<span class="vizel-math-error">${i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;")}</span>`,
+      error: i
     };
   }
 }
-const E = /\$([^$\n]+)\$$/, b = /\$\$([^$]+)\$\$$/;
-function x(t) {
-  return new k({
-    find: t.find,
-    handler: ({ state: r, range: o, match: a }) => {
-      const l = t.getAttributes?.(a) ?? {}, { tr: n } = r, s = t.type.create(l);
+const w = /\$([^$\n]+)\$$/, I = /\$\$([^$]+)\$\$$/;
+function z(e) {
+  return new $({
+    find: e.find,
+    handler: ({ state: r, range: o, match: t }) => {
+      const i = e.getAttributes?.(t) ?? {}, { tr: n } = r, s = e.type.create(i);
       n.replaceWith(o.from, o.to, s);
     }
   });
 }
-const z = {
+const C = {
   name: "mathInline",
   start: "$",
-  tokenize(t) {
-    const r = t.match(/^\$([^$\n]+?)\$/);
+  tokenize(e) {
+    const r = e.match(/^\$([^$\n]+?)\$/);
     if (r?.[1])
       return {
         type: "mathInline",
@@ -40,11 +41,11 @@ const z = {
         latex: r[1]
       };
   }
-}, g = {
+}, A = {
   name: "mathBlock",
   start: "$$",
-  tokenize(t) {
-    const r = t.match(/^\$\$([\s\S]+?)\$\$/);
+  tokenize(e) {
+    const r = e.match(/^\$\$([\s\S]+?)\$\$/);
     if (r?.[1])
       return {
         type: "mathBlock",
@@ -52,7 +53,7 @@ const z = {
         latex: r[1].trim()
       };
   }
-}, $ = v.create({
+}, B = b.create({
   name: "mathInline",
   group: "inline",
   inline: !0,
@@ -70,9 +71,9 @@ const z = {
     return {
       latex: {
         default: "",
-        parseHTML: (t) => t.getAttribute("data-latex") || "",
-        renderHTML: (t) => ({
-          "data-latex": t.latex
+        parseHTML: (e) => e.getAttribute("data-latex") || "",
+        renderHTML: (e) => ({
+          "data-latex": e.latex
         })
       }
     };
@@ -84,87 +85,88 @@ const z = {
       }
     ];
   },
-  renderHTML({ HTMLAttributes: t }) {
+  renderHTML({ HTMLAttributes: e }) {
     return [
       "span",
-      y(t, {
+      g(e, {
         "data-type": "math-inline",
         class: "vizel-math vizel-math-inline"
       })
     ];
   },
   addNodeView() {
-    return ({ node: t, getPos: r, editor: o }) => {
-      const a = document.createElement("span");
-      a.classList.add("vizel-math", "vizel-math-inline"), a.setAttribute("data-type", "math-inline"), a.setAttribute("contenteditable", "false");
-      const l = document.createElement("span");
-      l.classList.add("vizel-math-render"), a.appendChild(l);
+    return ({ node: e, getPos: r, editor: o }) => {
+      const t = document.createElement("span");
+      t.classList.add("vizel-math", "vizel-math-inline"), t.setAttribute("data-type", "math-inline"), t.setAttribute("contenteditable", "false");
+      const i = document.createElement("span");
+      i.classList.add("vizel-math-render"), t.appendChild(i);
       const n = document.createElement("input");
-      n.type = "text", n.classList.add("vizel-math-input"), n.value = t.attrs.latex, n.style.display = "none", a.appendChild(n);
+      n.type = "text", n.classList.add("vizel-math-input"), n.value = e.attrs.latex, n.style.display = "none", t.appendChild(n);
       let s = !1;
-      const c = (e) => {
-        const { html: i } = f(e, !1, this.options.katexOptions);
-        l.innerHTML = i;
-      }, d = () => {
-        o.isEditable && (s = !0, a.classList.add("vizel-math-editing"), l.style.display = "none", n.style.display = "inline", n.value = t.attrs.latex, n.focus(), n.select());
-      }, u = () => {
+      const h = this.options.katexOptions, u = (l) => {
+        x(l, !1, h).then(({ html: c }) => {
+          i.innerHTML = c;
+        });
+      }, y = () => {
+        o.isEditable && (s = !0, t.classList.add("vizel-math-editing"), i.style.display = "none", n.style.display = "inline", n.value = e.attrs.latex, n.focus(), n.select());
+      }, p = () => {
         if (!s) return;
-        s = !1, a.classList.remove("vizel-math-editing"), l.style.display = "", n.style.display = "none";
-        const e = n.value.trim(), i = typeof r == "function" ? r() : null;
-        i != null && (e === "" ? o.chain().focus().deleteRange({ from: i, to: i + t.nodeSize }).run() : e !== t.attrs.latex && o.chain().focus().updateAttributes("mathInline", { latex: e }).run());
-      }, m = (e) => {
-        s || (e.preventDefault(), e.stopPropagation(), d());
-      }, h = () => u(), p = (e) => {
-        e.key === "Enter" ? (e.preventDefault(), u()) : e.key === "Escape" && (e.preventDefault(), n.value = t.attrs.latex, u());
+        s = !1, t.classList.remove("vizel-math-editing"), i.style.display = "", n.style.display = "none";
+        const l = n.value.trim(), c = typeof r == "function" ? r() : null;
+        c != null && (l === "" ? o.chain().focus().deleteRange({ from: c, to: c + e.nodeSize }).run() : l !== e.attrs.latex && o.chain().focus().updateAttributes("mathInline", { latex: l }).run());
+      }, v = (l) => {
+        s || (l.preventDefault(), l.stopPropagation(), y());
+      }, f = () => p(), m = (l) => {
+        l.key === "Enter" ? (l.preventDefault(), p()) : l.key === "Escape" && (l.preventDefault(), n.value = e.attrs.latex, p());
       };
-      return a.addEventListener("click", m), n.addEventListener("blur", h), n.addEventListener("keydown", p), c(t.attrs.latex), {
-        dom: a,
-        update(e) {
-          return e.type.name !== "mathInline" ? !1 : (s || c(e.attrs.latex), !0);
+      return t.addEventListener("click", v), n.addEventListener("blur", f), n.addEventListener("keydown", m), u(e.attrs.latex), {
+        dom: t,
+        update(l) {
+          return l.type.name !== "mathInline" ? !1 : (s || u(l.attrs.latex), !0);
         },
         selectNode() {
-          a.classList.add("vizel-math-selected");
+          t.classList.add("vizel-math-selected");
         },
         deselectNode() {
-          a.classList.remove("vizel-math-selected");
+          t.classList.remove("vizel-math-selected");
         },
         destroy() {
-          a.removeEventListener("click", m), n.removeEventListener("blur", h), n.removeEventListener("keydown", p);
+          t.removeEventListener("click", v), n.removeEventListener("blur", f), n.removeEventListener("keydown", m);
         }
       };
     };
   },
   addInputRules() {
     return this.options.inlineInputRules ? [
-      x({
-        find: E,
+      z({
+        find: w,
         type: this.type,
-        getAttributes: (t) => ({ latex: t[1] })
+        getAttributes: (e) => ({ latex: e[1] })
       })
     ] : [];
   },
   addCommands() {
     return {
-      insertMath: ({ latex: t }) => ({ commands: r }) => r.insertContent({
+      insertMath: ({ latex: e }) => ({ commands: r }) => r.insertContent({
         type: this.name,
-        attrs: { latex: t }
+        attrs: { latex: e }
       })
     };
   },
   // Markdown support (GitHub compatible)
-  markdownTokenizer: z,
-  parseMarkdown(t) {
+  markdownTokenizer: C,
+  parseMarkdown(e) {
     return {
       type: "mathInline",
       attrs: {
-        latex: t.latex || ""
+        latex: e.latex || ""
       }
     };
   },
-  renderMarkdown(t) {
-    return `$${t.attrs?.latex || ""}$`;
+  renderMarkdown(e) {
+    return `$${e.attrs?.latex || ""}$`;
   }
-}), M = v.create({
+}), R = b.create({
   name: "mathBlock",
   group: "block",
   atom: !0,
@@ -181,9 +183,9 @@ const z = {
     return {
       latex: {
         default: "",
-        parseHTML: (t) => t.getAttribute("data-latex") || "",
-        renderHTML: (t) => ({
-          "data-latex": t.latex
+        parseHTML: (e) => e.getAttribute("data-latex") || "",
+        renderHTML: (e) => ({
+          "data-latex": e.latex
         })
       }
     };
@@ -195,114 +197,119 @@ const z = {
       }
     ];
   },
-  renderHTML({ HTMLAttributes: t }) {
+  renderHTML({ HTMLAttributes: e }) {
     return [
       "div",
-      y(t, {
+      g(e, {
         "data-type": "math-block",
         class: "vizel-math vizel-math-block"
       })
     ];
   },
   addNodeView() {
-    return ({ node: t, getPos: r, editor: o }) => {
-      const a = document.createElement("div");
-      a.classList.add("vizel-math", "vizel-math-block"), a.setAttribute("data-type", "math-block"), a.setAttribute("contenteditable", "false");
-      const l = document.createElement("div");
-      l.classList.add("vizel-math-render"), a.appendChild(l);
+    return ({ node: e, getPos: r, editor: o }) => {
+      const t = document.createElement("div");
+      t.classList.add("vizel-math", "vizel-math-block"), t.setAttribute("data-type", "math-block"), t.setAttribute("contenteditable", "false");
+      const i = document.createElement("div");
+      i.classList.add("vizel-math-render"), t.appendChild(i);
       const n = document.createElement("div");
       n.classList.add("vizel-math-edit-container"), n.style.display = "none";
       const s = document.createElement("textarea");
-      s.classList.add("vizel-math-textarea"), s.value = t.attrs.latex, s.placeholder = "Enter LaTeX expression...", n.appendChild(s);
-      const c = document.createElement("div");
-      c.classList.add("vizel-math-preview"), n.appendChild(c), a.appendChild(n);
-      let d = !1;
-      const u = (e) => {
-        const { html: i } = f(e, !0, this.options.katexOptions);
-        l.innerHTML = i;
-      }, m = (e) => {
-        const { html: i } = f(e, !0, this.options.katexOptions);
-        c.innerHTML = i;
-      }, h = () => {
-        o.isEditable && (d = !0, a.classList.add("vizel-math-editing"), l.style.display = "none", n.style.display = "", s.value = t.attrs.latex, m(t.attrs.latex), s.focus());
-      }, p = () => {
-        if (!d) return;
-        d = !1, a.classList.remove("vizel-math-editing"), l.style.display = "", n.style.display = "none";
-        const e = s.value.trim(), i = typeof r == "function" ? r() : null;
-        i != null && (e === "" ? o.chain().focus().deleteRange({ from: i, to: i + t.nodeSize }).run() : e !== t.attrs.latex && o.chain().focus().updateAttributes("mathBlock", { latex: e }).run());
+      s.classList.add("vizel-math-textarea"), s.value = e.attrs.latex, s.placeholder = "Enter LaTeX expression...", n.appendChild(s);
+      const h = document.createElement("div");
+      h.classList.add("vizel-math-preview"), n.appendChild(h), t.appendChild(n);
+      let u = !1;
+      const y = this.options.katexOptions, p = (a) => {
+        x(a, !0, y).then(({ html: d }) => {
+          i.innerHTML = d;
+        });
+      }, v = (a) => {
+        x(a, !0, y).then(({ html: d }) => {
+          h.innerHTML = d;
+        });
+      }, f = () => {
+        o.isEditable && (u = !0, t.classList.add("vizel-math-editing"), i.style.display = "none", n.style.display = "", s.value = e.attrs.latex, v(e.attrs.latex), s.focus());
+      }, m = () => {
+        if (!u) return;
+        u = !1, t.classList.remove("vizel-math-editing"), i.style.display = "", n.style.display = "none";
+        const a = s.value.trim(), d = typeof r == "function" ? r() : null;
+        d != null && (a === "" ? o.chain().focus().deleteRange({ from: d, to: d + e.nodeSize }).run() : a !== e.attrs.latex && o.chain().focus().updateAttributes("mathBlock", { latex: a }).run());
+      }, l = (a) => {
+        !u && a.target === t && (a.preventDefault(), a.stopPropagation(), f());
+      }, c = (a) => {
+        a.preventDefault(), a.stopPropagation(), f();
+      }, k = (a) => {
+        const d = a.relatedTarget;
+        d instanceof HTMLElement && n.contains(d) || m();
+      }, L = (a) => {
+        a.key === "Escape" && (a.preventDefault(), s.value = e.attrs.latex, m()), a.key === "Enter" && (a.ctrlKey || a.metaKey) && (a.preventDefault(), m());
+      }, E = () => {
+        v(s.value);
       };
-      return a.addEventListener("click", (e) => {
-        !d && e.target === a && (e.preventDefault(), e.stopPropagation(), h());
-      }), l.addEventListener("click", (e) => {
-        e.preventDefault(), e.stopPropagation(), h();
-      }), s.addEventListener("blur", (e) => {
-        const i = e.relatedTarget;
-        i instanceof HTMLElement && n.contains(i) || p();
-      }), s.addEventListener("keydown", (e) => {
-        e.key === "Escape" && (e.preventDefault(), s.value = t.attrs.latex, p()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), p());
-      }), s.addEventListener("input", () => {
-        m(s.value);
-      }), u(t.attrs.latex), {
-        dom: a,
-        update(e) {
-          return e.type.name !== "mathBlock" ? !1 : (d || u(e.attrs.latex), !0);
+      return t.addEventListener("click", l), i.addEventListener("click", c), s.addEventListener("blur", k), s.addEventListener("keydown", L), s.addEventListener("input", E), p(e.attrs.latex), {
+        dom: t,
+        update(a) {
+          return a.type.name !== "mathBlock" ? !1 : (u || p(a.attrs.latex), !0);
         },
         selectNode() {
-          a.classList.add("vizel-math-selected");
+          t.classList.add("vizel-math-selected");
         },
         deselectNode() {
-          a.classList.remove("vizel-math-selected");
+          t.classList.remove("vizel-math-selected");
+        },
+        destroy() {
+          t.removeEventListener("click", l), i.removeEventListener("click", c), s.removeEventListener("blur", k), s.removeEventListener("keydown", L), s.removeEventListener("input", E);
         }
       };
     };
   },
   addInputRules() {
     return this.options.blockInputRules ? [
-      x({
-        find: b,
+      z({
+        find: I,
         type: this.type,
-        getAttributes: (t) => ({ latex: t[1]?.trim() })
+        getAttributes: (e) => ({ latex: e[1]?.trim() })
       })
     ] : [];
   },
   addCommands() {
     return {
-      insertMathBlock: ({ latex: t }) => ({ commands: r }) => r.insertContent({
+      insertMathBlock: ({ latex: e }) => ({ commands: r }) => r.insertContent({
         type: this.name,
-        attrs: { latex: t }
+        attrs: { latex: e }
       })
     };
   },
   addKeyboardShortcuts() {
     return {
       Backspace: () => {
-        const { selection: t } = this.editor.state, { $anchor: r } = t;
+        const { selection: e } = this.editor.state, { $anchor: r } = e;
         return r.node().type.name === "mathBlock" ? this.editor.commands.deleteSelection() : !1;
       }
     };
   },
   // Markdown support (GitHub compatible)
-  markdownTokenizer: g,
-  parseMarkdown(t) {
+  markdownTokenizer: A,
+  parseMarkdown(e) {
     return {
       type: "mathBlock",
       attrs: {
-        latex: t.latex || ""
+        latex: e.latex || ""
       }
     };
   },
-  renderMarkdown(t) {
+  renderMarkdown(e) {
     return `$$
-${t.attrs?.latex || ""}
+${e.attrs?.latex || ""}
 $$`;
   }
 });
-function w(t = {}) {
-  return [$.configure(t), M.configure(t)];
+function D(e = {}) {
+  return [B.configure(e), R.configure(e)];
 }
 export {
-  M as VizelMathBlock,
-  $ as VizelMathInline,
-  w as createVizelMathematicsExtensions,
-  H as katex
+  R as VizelMathBlock,
+  B as VizelMathInline,
+  D as createVizelMathematicsExtensions,
+  T as loadKatex
 };

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { Extension as a } from "@tiptap/core";
 import e from "@tiptap/suggestion";
-import { filterSlashCommands as i, defaultSlashCommands as m } from "./index32.js";
-import { flattenSlashCommandGroups as p, groupSlashCommands as g, searchSlashCommands as C, defaultGroupOrder as S } from "./index32.js";
+import { filterSlashCommands as i, defaultSlashCommands as m } from "./index33.js";
+import { flattenSlashCommandGroups as p, groupSlashCommands as g, searchSlashCommands as C, defaultGroupOrder as S } from "./index33.js";
 const n = (s) => typeof s == "object" && s !== null && "title" in s && "command" in s, h = a.create({
   name: "slashCommand",
   addOptions() {

package/dist/index18.js

@@ -1,5 +1,5 @@
 import { TableRow as s } from "@tiptap/extension-table";
-import { VizelTable as i, VizelTableHeader as o, VizelTableCell as r } from "./index33.js";
+import { VizelTable as i, VizelTableHeader as o, VizelTableCell as r } from "./index34.js";
 import { VizelTableWithControls as a } from "./index19.js";
 function z(l = {}) {
   const { controls: t = !0, ...e } = l;