@vizel/core 0.0.1-alpha.6 → 1.0.0

package/dist/index5.js

@@ -1,28 +1,39 @@
-import H from "./index39.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
 };

package/dist/index50.js

@@ -1,7 +1,288 @@
-import { getDefaultExportFromCjs as r } from "./index68.js";
-import { __require as o } from "./index66.js";
-var e = /* @__PURE__ */ o();
-const a = /* @__PURE__ */ r(e);
+import { Extension as u, callOrReturn as w, getExtensionField as S, isNodeEmpty as P, isNodeSelection as v } from "@tiptap/core";
+import { Plugin as p, PluginKey as m } from "./index40.js";
+import { dropCursor as z } from "./index56.js";
+import { DecorationSet as f, Decoration as g } from "./index52.js";
+import { gapCursor as E } from "./index51.js";
+import { history as M, redo as N, undo as O } from "./index57.js";
+var k = u.create({
+  name: "characterCount",
+  addOptions() {
+    return {
+      limit: null,
+      mode: "textSize",
+      textCounter: (e) => e.length,
+      wordCounter: (e) => e.split(" ").filter((t) => t !== "").length
+    };
+  },
+  addStorage() {
+    return {
+      characters: () => 0,
+      words: () => 0
+    };
+  },
+  onBeforeCreate() {
+    this.storage.characters = (e) => {
+      const t = e?.node || this.editor.state.doc;
+      if ((e?.mode || this.options.mode) === "textSize") {
+        const r = t.textBetween(0, t.content.size, void 0, " ");
+        return this.options.textCounter(r);
+      }
+      return t.nodeSize;
+    }, this.storage.words = (e) => {
+      const t = e?.node || this.editor.state.doc, n = t.textBetween(0, t.content.size, " ", " ");
+      return this.options.wordCounter(n);
+    };
+  },
+  addProseMirrorPlugins() {
+    let e = !1;
+    return [
+      new p({
+        key: new m("characterCount"),
+        appendTransaction: (t, n, r) => {
+          if (e)
+            return;
+          const o = this.options.limit;
+          if (o == null || o === 0) {
+            e = !0;
+            return;
+          }
+          const s = this.storage.characters({ node: r.doc });
+          if (s > o) {
+            const i = s - o, d = 0, a = i;
+            console.warn(
+              `[CharacterCount] Initial content exceeded limit of ${o} characters. Content was automatically trimmed.`
+            );
+            const c = r.tr.deleteRange(d, a);
+            return e = !0, c;
+          }
+          e = !0;
+        },
+        filterTransaction: (t, n) => {
+          const r = this.options.limit;
+          if (!t.docChanged || r === 0 || r === null || r === void 0)
+            return !0;
+          const o = this.storage.characters({ node: n.doc }), s = this.storage.characters({ node: t.doc });
+          if (s <= r || o > r && s > r && s <= o)
+            return !0;
+          if (o > r && s > r && s > o || !t.getMeta("paste"))
+            return !1;
+          const d = t.selection.$head.pos, a = s - r, c = d - a, l = d;
+          return t.deleteRange(c, l), !(this.storage.characters({ node: t.doc }) > r);
+        }
+      })
+    ];
+  }
+});
+u.create({
+  name: "dropCursor",
+  addOptions() {
+    return {
+      color: "currentColor",
+      width: 1,
+      class: void 0
+    };
+  },
+  addProseMirrorPlugins() {
+    return [z(this.options)];
+  }
+});
+u.create({
+  name: "focus",
+  addOptions() {
+    return {
+      className: "has-focus",
+      mode: "all"
+    };
+  },
+  addProseMirrorPlugins() {
+    return [
+      new p({
+        key: new m("focus"),
+        props: {
+          decorations: ({ doc: e, selection: t }) => {
+            const { isEditable: n, isFocused: r } = this.editor, { anchor: o } = t, s = [];
+            if (!n || !r)
+              return f.create(e, []);
+            let i = 0;
+            this.options.mode === "deepest" && e.descendants((a, c) => {
+              if (a.isText)
+                return;
+              if (!(o >= c && o <= c + a.nodeSize - 1))
+                return !1;
+              i += 1;
+            });
+            let d = 0;
+            return e.descendants((a, c) => {
+              if (a.isText || !(o >= c && o <= c + a.nodeSize - 1))
+                return !1;
+              if (d += 1, this.options.mode === "deepest" && i - d > 0 || this.options.mode === "shallowest" && d > 1)
+                return this.options.mode === "deepest";
+              s.push(
+                g.node(c, c + a.nodeSize, {
+                  class: this.options.className
+                })
+              );
+            }), f.create(e, s);
+          }
+        }
+      })
+    ];
+  }
+});
+u.create({
+  name: "gapCursor",
+  addProseMirrorPlugins() {
+    return [E()];
+  },
+  extendNodeSchema(e) {
+    var t;
+    const n = {
+      name: e.name,
+      options: e.options,
+      storage: e.storage
+    };
+    return {
+      allowGapCursor: (t = w(S(e, "allowGapCursor", n))) != null ? t : null
+    };
+  }
+});
+u.create({
+  name: "placeholder",
+  addOptions() {
+    return {
+      emptyEditorClass: "is-editor-empty",
+      emptyNodeClass: "is-empty",
+      placeholder: "Write something …",
+      showOnlyWhenEditable: !0,
+      showOnlyCurrent: !0,
+      includeChildren: !1
+    };
+  },
+  addProseMirrorPlugins() {
+    return [
+      new p({
+        key: new m("placeholder"),
+        props: {
+          decorations: ({ doc: e, selection: t }) => {
+            const n = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: r } = t, o = [];
+            if (!n)
+              return null;
+            const s = this.editor.isEmpty;
+            return e.descendants((i, d) => {
+              const a = r >= d && r <= d + i.nodeSize, c = !i.isLeaf && P(i);
+              if ((a || !this.options.showOnlyCurrent) && c) {
+                const l = [this.options.emptyNodeClass];
+                s && l.push(this.options.emptyEditorClass);
+                const h = g.node(d, d + i.nodeSize, {
+                  class: l.join(" "),
+                  "data-placeholder": typeof this.options.placeholder == "function" ? this.options.placeholder({
+                    editor: this.editor,
+                    node: i,
+                    pos: d,
+                    hasAnchor: a
+                  }) : this.options.placeholder
+                });
+                o.push(h);
+              }
+              return this.options.includeChildren;
+            }), f.create(e, o);
+          }
+        }
+      })
+    ];
+  }
+});
+u.create({
+  name: "selection",
+  addOptions() {
+    return {
+      className: "selection"
+    };
+  },
+  addProseMirrorPlugins() {
+    const { editor: e, options: t } = this;
+    return [
+      new p({
+        key: new m("selection"),
+        props: {
+          decorations(n) {
+            return n.selection.empty || e.isFocused || !e.isEditable || v(n.selection) || e.view.dragging ? null : f.create(n.doc, [
+              g.inline(n.selection.from, n.selection.to, {
+                class: t.className
+              })
+            ]);
+          }
+        }
+      })
+    ];
+  }
+});
+function C({ types: e, node: t }) {
+  return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
+}
+u.create({
+  name: "trailingNode",
+  addOptions() {
+    return {
+      node: void 0,
+      notAfter: []
+    };
+  },
+  addProseMirrorPlugins() {
+    var e;
+    const t = new m(this.name), n = this.options.node || ((e = this.editor.schema.topNodeType.contentMatch.defaultType) == null ? void 0 : e.name) || "paragraph", r = Object.entries(this.editor.schema.nodes).map(([, o]) => o).filter((o) => (this.options.notAfter || []).concat(n).includes(o.name));
+    return [
+      new p({
+        key: t,
+        appendTransaction: (o, s, i) => {
+          const { doc: d, tr: a, schema: c } = i, l = t.getState(i), h = d.content.size, y = c.nodes[n];
+          if (l)
+            return a.insert(h, y.create());
+        },
+        state: {
+          init: (o, s) => {
+            const i = s.tr.doc.lastChild;
+            return !C({ node: i, types: r });
+          },
+          apply: (o, s) => {
+            if (!o.docChanged || o.getMeta("__uniqueIDTransaction"))
+              return s;
+            const i = o.doc.lastChild;
+            return !C({ node: i, types: r });
+          }
+        }
+      })
+    ];
+  }
+});
+u.create({
+  name: "undoRedo",
+  addOptions() {
+    return {
+      depth: 100,
+      newGroupDelay: 500
+    };
+  },
+  addCommands() {
+    return {
+      undo: () => ({ state: e, dispatch: t }) => O(e, t),
+      redo: () => ({ state: e, dispatch: t }) => N(e, t)
+    };
+  },
+  addProseMirrorPlugins() {
+    return [M(this.options)];
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-z": () => this.editor.commands.undo(),
+      "Shift-Mod-z": () => this.editor.commands.redo(),
+      "Mod-y": () => this.editor.commands.redo(),
+      // Russian keyboard layouts
+      "Mod-я": () => this.editor.commands.undo(),
+      "Shift-Mod-я": () => this.editor.commands.redo()
+    };
+  }
+});
 export {
-  a as default
+  k as CharacterCount
 };

package/dist/index51.js

@@ -1,7 +1,7 @@
-import { keydownHandler as v } from "./index67.js";
-import { Plugin as w, TextSelection as m, NodeSelection as x, Selection as u } from "./index41.js";
-import { Fragment as h, Slice as g } from "./index64.js";
-import { DecorationSet as S, Decoration as A } from "./index49.js";
+import { keydownHandler as v } from "./index68.js";
+import { Plugin as w, TextSelection as m, NodeSelection as x, Selection as u } from "./index40.js";
+import { Fragment as h, Slice as g } from "./index59.js";
+import { DecorationSet as S, Decoration as A } from "./index52.js";
 class i extends u {
   /**
   Create a gap cursor.