@vizel/core 0.0.1-alpha.5 → 1.0.0

package/dist/index5.js

@@ -1,28 +1,39 @@
-import H from "./index36.js";
-import { createLowlight as T, all as V } from "lowlight";
-import { renderVizelIcon as S } from "./index22.js";
-const w = T(V);
-function N() {
-  return w.listLanguages().sort((t, p) => t.localeCompare(p)).map((t) => ({
+import T from "./index37.js";
+import { renderVizelIcon as I } from "./index22.js";
+let C = null;
+function E() {
+  return C ? C.listLanguages().sort((t, c) => t.localeCompare(c)).map((t) => ({
     id: t,
     // Capitalize first letter for display name
     name: t.charAt(0).toUpperCase() + t.slice(1)
-  }));
+  })) : [];
 }
 function O() {
-  return N().map((u) => u.id);
+  return E().map((r) => r.id);
 }
-function W(u) {
-  const t = u.toLowerCase();
-  return N().find((p) => p.id === t);
+function P(r) {
+  const t = r.toLowerCase();
+  return E().find((c) => c.id === t);
 }
-function q(u = {}) {
+async function S(r = "common") {
+  try {
+    const t = await import("lowlight"), c = r === "all" ? t.all : t.common;
+    return t.createLowlight(c);
+  } catch (t) {
+    throw new Error(
+      `[Vizel] Failed to load "lowlight". Please install it for code block syntax highlighting: npm install lowlight
+Original error: ${t instanceof Error ? t.message : String(t)}`
+    );
+  }
+}
+async function q(r = {}) {
   const {
     defaultLanguage: t = "plaintext",
-    lineNumbers: p = !1,
-    lowlight: x = w
-  } = u;
-  return [H.extend({
+    lineNumbers: c = !1,
+    lowlight: x,
+    languages: M = "common"
+  } = r, k = x ?? await S(M);
+  return C = k, [T.extend({
     addAttributes() {
       return {
         ...this.parent?.(),
@@ -35,101 +46,100 @@ function q(u = {}) {
           })
         },
         lineNumbers: {
-          default: p,
+          default: c,
           parseHTML: (n) => n.getAttribute("data-line-numbers") === "true",
           renderHTML: (n) => n.lineNumbers ? { "data-line-numbers": "true" } : {}
         }
       };
     },
     addNodeView() {
-      return ({ node: n, getPos: f, editor: d }) => {
-        const g = document.createElement("div");
-        g.classList.add("vizel-code-block"), n.attrs.lineNumbers && g.classList.add("vizel-code-block-line-numbers");
-        const o = document.createElement("div");
-        o.classList.add("vizel-code-block-language-selector"), o.setAttribute("contenteditable", "false");
+      return ({ node: n, getPos: h, editor: g }) => {
+        const m = document.createElement("div");
+        m.classList.add("vizel-code-block"), n.attrs.lineNumbers && m.classList.add("vizel-code-block-line-numbers");
+        const u = document.createElement("div");
+        u.classList.add("vizel-code-block-language-selector"), u.setAttribute("contenteditable", "false");
         const l = document.createElement("input");
         l.type = "text", l.classList.add("vizel-code-block-language-input"), l.value = n.attrs.language || t, l.placeholder = "language";
-        const k = `vizel-languages-${Math.random().toString(36).slice(2, 9)}`, v = document.createElement("datalist");
-        v.id = k, l.setAttribute("list", k);
-        for (const e of N()) {
+        const N = `vizel-languages-${Math.random().toString(36).slice(2, 9)}`, v = document.createElement("datalist");
+        v.id = N, l.setAttribute("list", N);
+        for (const e of E()) {
           const a = document.createElement("option");
           a.value = e.id, a.label = e.name, v.appendChild(a);
         }
-        const C = () => {
-          const e = typeof f == "function" ? f() : null;
+        const w = () => {
+          const e = typeof h == "function" ? h() : null;
           if (e != null) {
             const a = l.value.toLowerCase().trim() || t;
             l.value = a;
-            const { tr: c } = d.state, i = d.state.doc.nodeAt(e);
-            i && (c.setNodeMarkup(e, void 0, {
-              ...i.attrs,
+            const { tr: d } = g.state, s = g.state.doc.nodeAt(e);
+            s && (d.setNodeMarkup(e, void 0, {
+              ...s.attrs,
               language: a
-            }), d.view.dispatch(c));
+            }), g.view.dispatch(d));
           }
         };
-        l.addEventListener("change", C), l.addEventListener("blur", C), l.addEventListener("keydown", (e) => {
-          e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), C(), l.blur());
+        l.addEventListener("change", w), l.addEventListener("blur", w), l.addEventListener("keydown", (e) => {
+          e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), w(), l.blur());
         });
-        const s = document.createElement("button");
-        s.type = "button", s.classList.add("vizel-code-block-line-numbers-toggle"), s.innerHTML = S("listOrdered", { width: 16, height: 16 }), n.attrs.lineNumbers && s.classList.add("active"), s.title = n.attrs.lineNumbers ? "Hide line numbers" : "Show line numbers", o.appendChild(s), o.appendChild(l), o.appendChild(v);
-        const L = document.createElement("div");
-        L.classList.add("vizel-code-block-container");
-        const r = document.createElement("div");
-        r.classList.add("vizel-code-block-gutter"), r.setAttribute("contenteditable", "false"), r.setAttribute("aria-hidden", "true");
-        const E = document.createElement("pre"), b = document.createElement("code");
-        b.classList.add(`language-${n.attrs.language || t}`), E.appendChild(b), L.appendChild(r), L.appendChild(E), g.appendChild(o), g.appendChild(L);
-        const z = () => {
+        const i = document.createElement("button");
+        i.type = "button", i.classList.add("vizel-code-block-line-numbers-toggle"), i.innerHTML = I("listOrdered", { width: 16, height: 16 }), n.attrs.lineNumbers && i.classList.add("active"), i.title = n.attrs.lineNumbers ? "Hide line numbers" : "Show line numbers", u.appendChild(i), u.appendChild(l), u.appendChild(v);
+        const f = document.createElement("div");
+        f.classList.add("vizel-code-block-container");
+        const o = document.createElement("div");
+        o.classList.add("vizel-code-block-gutter"), o.setAttribute("contenteditable", "false"), o.setAttribute("aria-hidden", "true");
+        const z = document.createElement("pre"), b = document.createElement("code");
+        b.classList.add(`language-${n.attrs.language || t}`), z.appendChild(b), f.appendChild(o), f.appendChild(z), m.appendChild(u), m.appendChild(f);
+        const y = () => {
           const e = b.textContent || "", a = e.split(`
-`), c = e.endsWith(`
+`), d = e.endsWith(`
 `) && a.length > 1 ? a.length - 1 : Math.max(1, a.length);
-          if (r.children.length !== c) {
-            r.innerHTML = "";
-            for (let i = 1; i <= c; i++) {
-              const m = document.createElement("div");
-              m.classList.add("vizel-code-block-line-number"), m.textContent = String(i), r.appendChild(m);
+          if (o.children.length !== d) {
+            o.replaceChildren();
+            for (let s = 1; s <= d; s++) {
+              const p = document.createElement("div");
+              p.classList.add("vizel-code-block-line-number"), p.textContent = String(s), o.appendChild(p);
             }
           }
         };
-        n.attrs.lineNumbers && setTimeout(z, 0);
-        let A = n.attrs.language, h = n.attrs.lineNumbers;
-        s.addEventListener("click", (e) => {
+        n.attrs.lineNumbers && setTimeout(y, 0);
+        let A = n.attrs.language, L = n.attrs.lineNumbers;
+        i.addEventListener("click", (e) => {
           e.preventDefault(), e.stopPropagation();
-          const a = typeof f == "function" ? f() : null;
+          const a = typeof h == "function" ? h() : null;
           if (a != null) {
-            const c = !h, { tr: i } = d.state, m = d.state.doc.nodeAt(a);
-            m && (i.setNodeMarkup(a, void 0, {
-              ...m.attrs,
-              lineNumbers: c
-            }), d.view.dispatch(i));
+            const d = !L, { tr: s } = g.state, p = g.state.doc.nodeAt(a);
+            p && (s.setNodeMarkup(a, void 0, {
+              ...p.attrs,
+              lineNumbers: d
+            }), g.view.dispatch(s));
           }
         });
-        const M = (e) => {
+        const V = (e) => {
           A = e, l.value = e || t, b.className = `language-${e || t}`;
-        }, y = (e) => {
-          h = e, g.classList.toggle("vizel-code-block-line-numbers", e), s.classList.toggle("active", e), s.title = e ? "Hide line numbers" : "Show line numbers";
+        }, H = (e) => {
+          L = e, m.classList.toggle("vizel-code-block-line-numbers", e), i.classList.toggle("active", e), i.title = e ? "Hide line numbers" : "Show line numbers";
         };
         return {
-          dom: g,
+          dom: m,
           contentDOM: b,
           update(e) {
-            return e.type.name !== "codeBlock" ? !1 : (e.attrs.language !== A && M(e.attrs.language), e.attrs.lineNumbers !== h && y(e.attrs.lineNumbers), h && setTimeout(z, 0), !0);
+            return e.type.name !== "codeBlock" ? !1 : (e.attrs.language !== A && V(e.attrs.language), e.attrs.lineNumbers !== L && H(e.attrs.lineNumbers), L && setTimeout(y, 0), !0);
           },
           ignoreMutation(e) {
-            return r.contains(e.target) || o.contains(e.target);
+            return o.contains(e.target) || u.contains(e.target);
           }
         };
       };
     }
   }).configure({
-    lowlight: x,
+    lowlight: k,
     defaultLanguage: t
   })];
 }
 export {
-  H as CodeBlockLowlight,
+  T as CodeBlockLowlight,
   q as createVizelCodeBlockExtension,
-  W as findVizelLanguage,
+  P as findVizelLanguage,
   O as getAllVizelLanguageIds,
-  N as getVizelRegisteredLanguages,
-  w as lowlight
+  E as getVizelRegisteredLanguages
 };