@vizel/core 0.0.1-alpha.5 → 1.0.0

package/dist/index7.js

@@ -1,12 +1,11 @@
-import { Graphviz as H } from "@hpcc-js/wasm-graphviz";
-import { Node as G, mergeAttributes as S } from "@tiptap/core";
-import I from "mermaid";
-import { default as Q } from "mermaid";
-let $ = 0;
-function B() {
-  return `vizel-diagram-${Date.now()}-${++$}`;
+import { Node as H, mergeAttributes as B } from "@tiptap/core";
+import { createLazyLoader as I } from "./index39.js";
+const G = I("mermaid", async () => (await import("mermaid")).default), $ = I("@hpcc-js/wasm-graphviz", async () => (await import("@hpcc-js/wasm-graphviz")).Graphviz);
+let O = 0;
+function P() {
+  return `vizel-diagram-${Date.now()}-${++O}`;
 }
-const O = {
+const R = {
   name: "diagram",
   start: "```",
   tokenize(e) {
@@ -18,44 +17,47 @@ const O = {
         code: a[1].trim(),
         diagramType: "mermaid"
       };
-    const i = e.match(/^```dot\n([\s\S]*?)```/);
-    if (i?.[1] !== void 0)
+    const r = e.match(/^```dot\n([\s\S]*?)```/);
+    if (r?.[1] !== void 0)
       return {
         type: "diagram",
-        raw: i[0],
-        code: i[1].trim(),
+        raw: r[0],
+        code: r[1].trim(),
         diagramType: "graphviz"
       };
-    const r = e.match(/^```graphviz\n([\s\S]*?)```/);
-    if (r?.[1] !== void 0)
+    const s = e.match(/^```graphviz\n([\s\S]*?)```/);
+    if (s?.[1] !== void 0)
       return {
         type: "diagram",
-        raw: r[0],
-        code: r[1].trim(),
+        raw: s[0],
+        code: s[1].trim(),
         diagramType: "graphviz"
       };
   }
 };
-let A = !1;
-function P(e) {
-  A || (I.initialize({
+async function V(e, a) {
+  if (a.mermaidInitialized) return;
+  (await G()).initialize({
     startOnLoad: !1,
-    securityLevel: "loose",
     theme: "default",
     fontFamily: "var(--vizel-font-sans)",
-    ...e
-  }), A = !0);
+    ...e,
+    securityLevel: e?.securityLevel ?? "strict"
+  }), a.mermaidInitialized = !0;
 }
-let L = null, C = !1, h = null;
-function R() {
-  return L ? Promise.resolve(L) : (C && h || (C = !0, h = H.load().then((e) => (L = e, C = !1, e))), h);
+let T = null, C = null;
+function K() {
+  return T ? Promise.resolve(T) : C || (C = (async () => {
+    const a = await (await $()).load();
+    return T = a, a;
+  })(), C);
 }
-async function V(e) {
+async function N(e) {
   if (!e.trim())
     return { svg: "", error: null };
   try {
-    const a = B(), { svg: i } = await I.render(a, e);
-    return { svg: i, error: null };
+    const a = await G(), r = P(), { svg: s } = await a.render(r, e);
+    return { svg: s, error: null };
   } catch (a) {
     return {
       svg: "",
@@ -63,24 +65,24 @@ async function V(e) {
     };
   }
 }
-async function K(e, a = "dot") {
+async function _(e, a = "dot") {
   if (!e.trim())
     return { svg: "", error: null };
   try {
-    return { svg: (await R()).layout(e, "svg", a), error: null };
-  } catch (i) {
+    return { svg: (await K()).layout(e, "svg", a), error: null };
+  } catch (r) {
     return {
       svg: "",
-      error: i instanceof Error ? i.message : "Invalid DOT syntax"
+      error: r instanceof Error ? r.message : "Invalid DOT syntax"
     };
   }
 }
-const _ = `flowchart TD
+const F = `flowchart TD
     A[Start] --> B{Decision}
     B -->|Yes| C[Action 1]
     B -->|No| D[Action 2]
     C --> E[End]
-    D --> E`, F = `digraph G {
+    D --> E`, U = `digraph G {
     rankdir=LR
     node [shape=box, style=rounded]
     
@@ -100,7 +102,7 @@ function x(e) {
       return "Diagram";
   }
 }
-const N = G.create({
+const j = H.create({
   name: "diagram",
   group: "block",
   atom: !0,
@@ -113,8 +115,14 @@ const N = G.create({
       mermaidConfig: {},
       graphvizEngine: "dot",
       defaultType: "mermaid",
-      defaultCode: _,
-      defaultGraphvizCode: F
+      defaultCode: F,
+      defaultGraphvizCode: U
+    };
+  },
+  addStorage() {
+    return {
+      /** Whether mermaid has been initialized for this editor instance */
+      mermaidInitialized: !1
     };
   },
   addAttributes() {
@@ -145,7 +153,7 @@ const N = G.create({
   renderHTML({ HTMLAttributes: e }) {
     return [
       "div",
-      S(e, {
+      B(e, {
         "data-type": "diagram",
         "data-vizel-diagram": "",
         class: "vizel-diagram"
@@ -153,81 +161,86 @@ const N = G.create({
     ];
   },
   addNodeView() {
-    return ({ node: e, getPos: a, editor: i }) => {
-      P(this.options.mermaidConfig);
-      const r = document.createElement("div");
-      r.classList.add("vizel-diagram"), r.setAttribute("data-type", "diagram"), r.setAttribute("data-vizel-diagram", ""), r.setAttribute("contenteditable", "false");
-      const m = document.createElement("div");
-      m.classList.add("vizel-diagram-type"), m.textContent = x(e.attrs.type), r.appendChild(m);
+    return ({ node: e, getPos: a, editor: r }) => {
+      const s = this.options.mermaidConfig, S = this.storage, n = document.createElement("div");
+      n.classList.add("vizel-diagram"), n.setAttribute("data-type", "diagram"), n.setAttribute("data-vizel-diagram", ""), n.setAttribute("contenteditable", "false");
+      const p = document.createElement("div");
+      p.classList.add("vizel-diagram-type"), p.textContent = x(e.attrs.type), n.appendChild(p);
+      const c = document.createElement("div");
+      c.classList.add("vizel-diagram-render"), n.appendChild(c);
       const l = document.createElement("div");
-      l.classList.add("vizel-diagram-render"), r.appendChild(l);
-      const o = document.createElement("div");
-      o.classList.add("vizel-diagram-edit-container"), o.style.display = "none";
-      const n = document.createElement("textarea");
-      n.classList.add("vizel-diagram-textarea"), n.value = e.attrs.code, n.placeholder = "Enter diagram code...", n.spellcheck = !1, o.appendChild(n);
-      const f = document.createElement("div");
-      f.classList.add("vizel-diagram-preview"), o.appendChild(f);
-      const z = document.createElement("div");
-      z.classList.add("vizel-diagram-error"), z.style.display = "none", o.appendChild(z), r.appendChild(o);
-      let u = !1, s = e.attrs.code, c = e.attrs.type;
-      const y = async (t, d, g) => {
+      l.classList.add("vizel-diagram-edit-container"), l.style.display = "none";
+      const i = document.createElement("textarea");
+      i.classList.add("vizel-diagram-textarea"), i.value = e.attrs.code, i.placeholder = "Enter diagram code...", i.spellcheck = !1, l.appendChild(i);
+      const h = document.createElement("div");
+      h.classList.add("vizel-diagram-preview"), l.appendChild(h);
+      const E = document.createElement("div");
+      E.classList.add("vizel-diagram-error"), E.style.display = "none", l.appendChild(E), n.appendChild(l);
+      let v = !1, o = e.attrs.code, m = e.attrs.type;
+      const z = async (t, d, g) => {
         if (!t.trim()) {
-          g.innerHTML = '<div class="vizel-diagram-placeholder">Click to add diagram code</div>';
+          const u = document.createElement("div");
+          u.className = "vizel-diagram-placeholder", u.textContent = "Click to add diagram code", g.replaceChildren(u);
           return;
         }
-        let v;
-        d === "graphviz" ? v = await K(t, this.options.graphvizEngine) : v = await V(t), v.error ? g.innerHTML = `<div class="vizel-diagram-error-display">${v.error}</div>` : g.innerHTML = v.svg;
-      }, T = () => {
-        i.isEditable && (u = !0, r.classList.add("vizel-diagram-editing"), l.style.display = "none", m.style.display = "none", o.style.display = "", n.value = s, y(s, c, f), n.focus());
-      }, E = () => {
-        if (!u) return;
-        u = !1, r.classList.remove("vizel-diagram-editing"), l.style.display = "", m.style.display = "", o.style.display = "none";
-        const t = n.value.trim(), d = typeof a == "function" ? a() : null;
-        d != null && (t === "" && s !== "" ? i.chain().focus().deleteRange({ from: d, to: d + e.nodeSize }).run() : t !== s && (s = t, i.chain().focus().updateAttributes("diagram", { code: t }).run()));
+        let y;
+        if (d === "graphviz" ? y = await _(t, this.options.graphvizEngine) : (await V(s, S), y = await N(t)), y.error) {
+          g.textContent = "";
+          const u = document.createElement("div");
+          u.className = "vizel-diagram-error-display", u.textContent = y.error, g.appendChild(u);
+        } else
+          g.innerHTML = y.svg;
+      }, w = () => {
+        r.isEditable && (v = !0, n.classList.add("vizel-diagram-editing"), c.style.display = "none", p.style.display = "none", l.style.display = "", i.value = o, z(o, m, h), i.focus());
+      }, L = () => {
+        if (!v) return;
+        v = !1, n.classList.remove("vizel-diagram-editing"), c.style.display = "", p.style.display = "", l.style.display = "none";
+        const t = i.value.trim(), d = typeof a == "function" ? a() : null;
+        d != null && (t === "" && o !== "" ? r.chain().focus().deleteRange({ from: d, to: d + e.nodeSize }).run() : t !== o && (o = t, r.chain().focus().updateAttributes("diagram", { code: t }).run()));
       }, M = (t) => {
-        !u && t.target === r && (t.preventDefault(), t.stopPropagation(), T());
+        !v && t.target === n && (t.preventDefault(), t.stopPropagation(), w());
       }, D = (t) => {
-        t.preventDefault(), t.stopPropagation(), T();
-      }, w = (t) => {
-        const d = t.relatedTarget;
-        d instanceof HTMLElement && o.contains(d) || E();
+        t.preventDefault(), t.stopPropagation(), w();
       }, b = (t) => {
-        t.key === "Escape" && (t.preventDefault(), n.value = s, E()), t.key === "Enter" && (t.ctrlKey || t.metaKey) && (t.preventDefault(), E());
+        const d = t.relatedTarget;
+        d instanceof HTMLElement && l.contains(d) || L();
+      }, k = (t) => {
+        t.key === "Escape" && (t.preventDefault(), i.value = o, L()), t.key === "Enter" && (t.ctrlKey || t.metaKey) && (t.preventDefault(), L());
       };
-      let p = null;
-      const k = () => {
-        p && clearTimeout(p), p = setTimeout(() => {
-          y(n.value, c, f);
+      let f = null;
+      const A = () => {
+        f && clearTimeout(f), f = setTimeout(() => {
+          z(i.value, m, h);
         }, 300);
       };
-      return r.addEventListener("click", M), l.addEventListener("click", D), n.addEventListener("blur", w), n.addEventListener("keydown", b), n.addEventListener("input", k), y(s, c, l), {
-        dom: r,
+      return n.addEventListener("click", M), c.addEventListener("click", D), i.addEventListener("blur", b), i.addEventListener("keydown", k), i.addEventListener("input", A), z(o, m, c), {
+        dom: n,
         update(t) {
           if (t.type.name !== "diagram")
             return !1;
-          const d = t.attrs.type !== c, g = t.attrs.code !== s;
-          return d && (c = t.attrs.type, m.textContent = x(c)), !u && (g || d) && (s = t.attrs.code, y(s, c, l)), !0;
+          const d = t.attrs.type !== m, g = t.attrs.code !== o;
+          return d && (m = t.attrs.type, p.textContent = x(m)), !v && (g || d) && (o = t.attrs.code, z(o, m, c)), !0;
         },
         selectNode() {
-          r.classList.add("vizel-diagram-selected");
+          n.classList.add("vizel-diagram-selected");
         },
         deselectNode() {
-          r.classList.remove("vizel-diagram-selected");
+          n.classList.remove("vizel-diagram-selected");
         },
         destroy() {
-          p && clearTimeout(p), r.removeEventListener("click", M), l.removeEventListener("click", D), n.removeEventListener("blur", w), n.removeEventListener("keydown", b), n.removeEventListener("input", k);
+          f && clearTimeout(f), n.removeEventListener("click", M), c.removeEventListener("click", D), i.removeEventListener("blur", b), i.removeEventListener("keydown", k), i.removeEventListener("input", A);
         }
       };
     };
   },
   addCommands() {
     return {
-      insertDiagram: ({ code: e, type: a = "mermaid" }) => ({ commands: i }) => {
-        const r = a === "graphviz" ? this.options.defaultGraphvizCode : this.options.defaultCode;
-        return i.insertContent({
+      insertDiagram: ({ code: e, type: a = "mermaid" }) => ({ commands: r }) => {
+        const s = a === "graphviz" ? this.options.defaultGraphvizCode : this.options.defaultCode;
+        return r.insertContent({
           type: this.name,
           attrs: {
-            code: e || r,
+            code: e || s,
             type: a
           }
         });
@@ -244,7 +257,7 @@ const N = G.create({
   },
   // Markdown support (GitHub compatible)
   // Single tokenizer handles mermaid, dot, and graphviz code blocks
-  markdownTokenizer: O,
+  markdownTokenizer: R,
   parseMarkdown(e) {
     return {
       type: "diagram",
@@ -255,21 +268,20 @@ const N = G.create({
     };
   },
   renderMarkdown(e) {
-    const a = e.attrs?.code || "", i = e.attrs?.type || "mermaid";
-    return i === "mermaid" ? `\`\`\`mermaid
+    const a = e.attrs?.code || "", r = e.attrs?.type || "mermaid";
+    return r === "mermaid" ? `\`\`\`mermaid
 ${a}
-\`\`\`` : i === "graphviz" ? `\`\`\`dot
+\`\`\`` : r === "graphviz" ? `\`\`\`dot
 ${a}
-\`\`\`` : `\`\`\`${i}
+\`\`\`` : `\`\`\`${r}
 ${a}
 \`\`\``;
   }
 });
-function j(e = {}) {
-  return N.configure(e);
+function q(e = {}) {
+  return j.configure(e);
 }
 export {
-  N as VizelDiagram,
-  j as createVizelDiagramExtension,
-  Q as mermaid
+  j as VizelDiagram,
+  q as createVizelDiagramExtension
 };

package/dist/index70.js

@@ -1,6 +1,100 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+var l = 200, p = function() {
+};
+p.prototype.append = function(t) {
+  return t.length ? (t = p.from(t), !this.length && t || t.length < l && this.leafAppend(t) || this.length < l && t.leafPrepend(this) || this.appendInner(t)) : this;
+};
+p.prototype.prepend = function(t) {
+  return t.length ? p.from(t).append(this) : this;
+};
+p.prototype.appendInner = function(t) {
+  return new u(this, t);
+};
+p.prototype.slice = function(t, r) {
+  return t === void 0 && (t = 0), r === void 0 && (r = this.length), t >= r ? p.empty : this.sliceInner(Math.max(0, t), Math.min(this.length, r));
+};
+p.prototype.get = function(t) {
+  if (!(t < 0 || t >= this.length))
+    return this.getInner(t);
+};
+p.prototype.forEach = function(t, r, e) {
+  r === void 0 && (r = 0), e === void 0 && (e = this.length), r <= e ? this.forEachInner(t, r, e, 0) : this.forEachInvertedInner(t, r, e, 0);
+};
+p.prototype.map = function(t, r, e) {
+  r === void 0 && (r = 0), e === void 0 && (e = this.length);
+  var n = [];
+  return this.forEach(function(i, s) {
+    return n.push(t(i, s));
+  }, r, e), n;
+};
+p.from = function(t) {
+  return t instanceof p ? t : t && t.length ? new o(t) : p.empty;
+};
+var o = /* @__PURE__ */ (function(h) {
+  function t(e) {
+    h.call(this), this.values = e;
+  }
+  h && (t.__proto__ = h), t.prototype = Object.create(h && h.prototype), t.prototype.constructor = t;
+  var r = { length: { configurable: !0 }, depth: { configurable: !0 } };
+  return t.prototype.flatten = function() {
+    return this.values;
+  }, t.prototype.sliceInner = function(n, i) {
+    return n == 0 && i == this.length ? this : new t(this.values.slice(n, i));
+  }, t.prototype.getInner = function(n) {
+    return this.values[n];
+  }, t.prototype.forEachInner = function(n, i, s, f) {
+    for (var a = i; a < s; a++)
+      if (n(this.values[a], f + a) === !1)
+        return !1;
+  }, t.prototype.forEachInvertedInner = function(n, i, s, f) {
+    for (var a = i - 1; a >= s; a--)
+      if (n(this.values[a], f + a) === !1)
+        return !1;
+  }, t.prototype.leafAppend = function(n) {
+    if (this.length + n.length <= l)
+      return new t(this.values.concat(n.flatten()));
+  }, t.prototype.leafPrepend = function(n) {
+    if (this.length + n.length <= l)
+      return new t(n.flatten().concat(this.values));
+  }, r.length.get = function() {
+    return this.values.length;
+  }, r.depth.get = function() {
+    return 0;
+  }, Object.defineProperties(t.prototype, r), t;
+})(p);
+p.empty = new o([]);
+var u = /* @__PURE__ */ (function(h) {
+  function t(r, e) {
+    h.call(this), this.left = r, this.right = e, this.length = r.length + e.length, this.depth = Math.max(r.depth, e.depth) + 1;
+  }
+  return h && (t.__proto__ = h), t.prototype = Object.create(h && h.prototype), t.prototype.constructor = t, t.prototype.flatten = function() {
+    return this.left.flatten().concat(this.right.flatten());
+  }, t.prototype.getInner = function(e) {
+    return e < this.left.length ? this.left.get(e) : this.right.get(e - this.left.length);
+  }, t.prototype.forEachInner = function(e, n, i, s) {
+    var f = this.left.length;
+    if (n < f && this.left.forEachInner(e, n, Math.min(i, f), s) === !1 || i > f && this.right.forEachInner(e, Math.max(n - f, 0), Math.min(this.length, i) - f, s + f) === !1)
+      return !1;
+  }, t.prototype.forEachInvertedInner = function(e, n, i, s) {
+    var f = this.left.length;
+    if (n > f && this.right.forEachInvertedInner(e, n - f, Math.max(i, f) - f, s + f) === !1 || i < f && this.left.forEachInvertedInner(e, Math.min(n, f), i, s) === !1)
+      return !1;
+  }, t.prototype.sliceInner = function(e, n) {
+    if (e == 0 && n == this.length)
+      return this;
+    var i = this.left.length;
+    return n <= i ? this.left.slice(e, n) : e >= i ? this.right.slice(e - i, n - i) : this.left.slice(e, i).append(this.right.slice(0, n - i));
+  }, t.prototype.leafAppend = function(e) {
+    var n = this.right.leafAppend(e);
+    if (n)
+      return new t(this.left, n);
+  }, t.prototype.leafPrepend = function(e) {
+    var n = this.left.leafPrepend(e);
+    if (n)
+      return new t(n, this.right);
+  }, t.prototype.appendInner = function(e) {
+    return this.left.depth >= Math.max(this.right.depth, e.depth) + 1 ? new t(this.left, new t(this.right, e)) : new t(this, e);
+  }, t;
+})(p);
 export {
-  e as getDefaultExportFromCjs
+  p as default
 };

package/dist/index71.js

@@ -0,0 +1,93 @@
+var t = {
+  8: "Backspace",
+  9: "Tab",
+  10: "Enter",
+  12: "NumLock",
+  13: "Enter",
+  16: "Shift",
+  17: "Control",
+  18: "Alt",
+  20: "CapsLock",
+  27: "Escape",
+  32: " ",
+  33: "PageUp",
+  34: "PageDown",
+  35: "End",
+  36: "Home",
+  37: "ArrowLeft",
+  38: "ArrowUp",
+  39: "ArrowRight",
+  40: "ArrowDown",
+  44: "PrintScreen",
+  45: "Insert",
+  46: "Delete",
+  59: ";",
+  61: "=",
+  91: "Meta",
+  92: "Meta",
+  106: "*",
+  107: "+",
+  108: ",",
+  109: "-",
+  110: ".",
+  111: "/",
+  144: "NumLock",
+  145: "ScrollLock",
+  160: "Shift",
+  161: "Shift",
+  162: "Control",
+  163: "Control",
+  164: "Alt",
+  165: "Alt",
+  173: "-",
+  186: ";",
+  187: "=",
+  188: ",",
+  189: "-",
+  190: ".",
+  191: "/",
+  192: "`",
+  219: "[",
+  220: "\\",
+  221: "]",
+  222: "'"
+}, a = {
+  48: ")",
+  49: "!",
+  50: "@",
+  51: "#",
+  52: "$",
+  53: "%",
+  54: "^",
+  55: "&",
+  56: "*",
+  57: "(",
+  59: ":",
+  61: "+",
+  173: "_",
+  186: ":",
+  187: "+",
+  188: "<",
+  189: "_",
+  190: ">",
+  191: "?",
+  192: "~",
+  219: "{",
+  220: "|",
+  221: "}",
+  222: '"'
+}, n = typeof navigator < "u" && /Mac/.test(navigator.platform), y = typeof navigator < "u" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+for (var r = 0; r < 10; r++) t[48 + r] = t[96 + r] = String(r);
+for (var r = 1; r <= 24; r++) t[r + 111] = "F" + r;
+for (var r = 65; r <= 90; r++)
+  t[r] = String.fromCharCode(r + 32), a[r] = String.fromCharCode(r);
+for (var i in t) a.hasOwnProperty(i) || (a[i] = t[i]);
+function g(o) {
+  var f = n && o.metaKey && o.shiftKey && !o.ctrlKey && !o.altKey || y && o.shiftKey && o.key && o.key.length == 1 || o.key == "Unidentified", e = !f && o.key || (o.shiftKey ? a : t)[o.keyCode] || o.key || "Unidentified";
+  return e == "Esc" && (e = "Escape"), e == "Del" && (e = "Delete"), e == "Left" && (e = "ArrowLeft"), e == "Up" && (e = "ArrowUp"), e == "Right" && (e = "ArrowRight"), e == "Down" && (e = "ArrowDown"), e;
+}
+export {
+  t as base,
+  g as keyName,
+  a as shift
+};

package/dist/index72.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/index8.js

@@ -2,7 +2,7 @@ import { Extension as f } from "@tiptap/core";
 import p from "@tiptap/extension-drag-handle";
 import { default as B } from "@tiptap/extension-drag-handle";
 import { renderVizelIcon as m } from "./index22.js";
-import { TextSelection as a } from "./index38.js";
+import { TextSelection as a } from "./index40.js";
 function v(e = {}) {
   const { enabled: o = !0 } = e;
   if (!o)