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

package/dist/index6.js

@@ -1,135 +1,52 @@
-import H from "./index39.js";
-import { createLowlight as T, all as V } from "lowlight";
-import { renderVizelIcon as S } from "./index26.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);
-          }
-        };
-      };
+import { Details as m, DetailsSummary as M, DetailsContent as p } from "./index41.js";
+function A(r = {}) {
+  const { details: s = {}, detailsContent: i = {}, detailsSummary: o = {} } = r, a = m.extend({
+    renderMarkdown(t, e) {
+      const d = t.attrs?.open === !0 ? " open" : "", u = e.renderChildren(t.content ?? [], "");
+      return `<details${d}>
+${u}</details>
+
+`;
+    }
+  }), l = M.extend({
+    renderMarkdown(t, e) {
+      return `<summary>${e.renderChildren(t.content ?? [], "")}</summary>
+`;
+    }
+  }), c = p.extend({
+    renderMarkdown(t, e) {
+      return `
+${e.renderChildren(t.content ?? [], `
+
+`)}
+`;
     }
-  }).configure({
-    lowlight: x,
-    defaultLanguage: t
-  })];
+  });
+  return [
+    a.configure({
+      HTMLAttributes: {
+        class: "vizel-details",
+        ...s.HTMLAttributes
+      },
+      persist: !0
+    }),
+    c.configure({
+      HTMLAttributes: {
+        class: "vizel-details-content",
+        ...i.HTMLAttributes
+      }
+    }),
+    l.configure({
+      HTMLAttributes: {
+        class: "vizel-details-summary",
+        ...o.HTMLAttributes
+      }
+    })
+  ];
 }
 export {
-  H as CodeBlockLowlight,
-  q as createVizelCodeBlockExtension,
-  W as findVizelLanguage,
-  O as getAllVizelLanguageIds,
-  N as getVizelRegisteredLanguages,
-  w as lowlight
+  m as Details,
+  p as DetailsContent,
+  M as DetailsSummary,
+  A as createVizelDetailsExtensions
 };

package/dist/index61.js

@@ -1,4 +1,4 @@
-import { Plugin as w } from "./index41.js";
+import { Plugin as w } from "./index42.js";
 import { dropPoint as v } from "./index64.js";
 function y(m = {}) {
   return new w({

package/dist/index62.js

@@ -1,6 +1,6 @@
 import P from "./index68.js";
 import { Mapping as k } from "./index64.js";
-import { Plugin as H, PluginKey as O } from "./index41.js";
+import { Plugin as H, PluginKey as O } from "./index42.js";
 const D = 500;
 class c {
   constructor(t, e) {

package/dist/index65.js

@@ -1,4 +1,4 @@
-import i from "./index50.js";
+import i from "./index53.js";
 export {
   i as HighlightJS,
   i as default