@vizel/core 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/index5.js

@@ -1,13 +1,135 @@
-import n from "./index38.js";
-function u(e = {}) {
-  const { limit: o = null, mode: r = "textSize", wordCounter: t } = e;
-  return n.configure({
-    limit: o,
-    mode: r,
-    ...t !== void 0 && { wordCounter: t }
-  });
+import H from "./index40.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) => ({
+    id: t,
+    // Capitalize first letter for display name
+    name: t.charAt(0).toUpperCase() + t.slice(1)
+  }));
+}
+function O() {
+  return N().map((u) => u.id);
+}
+function W(u) {
+  const t = u.toLowerCase();
+  return N().find((p) => p.id === t);
+}
+function q(u = {}) {
+  const {
+    defaultLanguage: t = "plaintext",
+    lineNumbers: p = !1,
+    lowlight: x = w
+  } = u;
+  return [H.extend({
+    addAttributes() {
+      return {
+        ...this.parent?.(),
+        language: {
+          default: t,
+          parseHTML: (n) => n.getAttribute("data-language") || n.querySelector("code")?.getAttribute("class")?.replace("language-", "") || t,
+          renderHTML: (n) => ({
+            "data-language": n.language || t,
+            class: `language-${n.language || t}`
+          })
+        },
+        lineNumbers: {
+          default: p,
+          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");
+        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 a = document.createElement("option");
+          a.value = e.id, a.label = e.name, v.appendChild(a);
+        }
+        const C = () => {
+          const e = typeof f == "function" ? f() : 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,
+              language: a
+            }), d.view.dispatch(c));
+          }
+        };
+        l.addEventListener("change", C), l.addEventListener("blur", C), l.addEventListener("keydown", (e) => {
+          e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), C(), 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 e = b.textContent || "", a = e.split(`
+`), c = 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);
+            }
+          }
+        };
+        n.attrs.lineNumbers && setTimeout(z, 0);
+        let A = n.attrs.language, h = n.attrs.lineNumbers;
+        s.addEventListener("click", (e) => {
+          e.preventDefault(), e.stopPropagation();
+          const a = typeof f == "function" ? f() : 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 M = (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";
+        };
+        return {
+          dom: g,
+          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);
+          },
+          ignoreMutation(e) {
+            return r.contains(e.target) || o.contains(e.target);
+          }
+        };
+      };
+    }
+  }).configure({
+    lowlight: x,
+    defaultLanguage: t
+  })];
 }
 export {
-  n as CharacterCount,
-  u as createVizelCharacterCountExtension
+  H as CodeBlockLowlight,
+  q as createVizelCodeBlockExtension,
+  W as findVizelLanguage,
+  O as getAllVizelLanguageIds,
+  N as getVizelRegisteredLanguages,
+  w as lowlight
 };