@vizel/core 0.0.1-alpha.3 → 0.0.1-alpha.4

package/dist/index49.js

@@ -1,288 +1,204 @@
-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 "./index38.js";
-import { dropCursor as z } from "./index54.js";
-import { DecorationSet as f, Decoration as g } from "./index50.js";
-import { gapCursor as E } from "./index48.js";
-import { history as M, redo as N, undo as O } from "./index55.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);
-        }
-      })
-    ];
+import { keydownHandler as v } from "./index66.js";
+import { Plugin as w, TextSelection as m, NodeSelection as x, Selection as u } from "./index38.js";
+import { Fragment as h, Slice as g } from "./index57.js";
+import { DecorationSet as S, Decoration as A } from "./index50.js";
+class i extends u {
+  /**
+  Create a gap cursor.
+  */
+  constructor(e) {
+    super(e, e);
   }
-});
-u.create({
-  name: "dropCursor",
-  addOptions() {
-    return {
-      color: "currentColor",
-      width: 1,
-      class: void 0
-    };
-  },
-  addProseMirrorPlugins() {
-    return [z(this.options)];
+  map(e, t) {
+    let o = e.resolve(t.map(this.head));
+    return i.valid(o) ? new i(o) : u.near(o);
   }
-});
-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);
-          }
-        }
-      })
-    ];
+  content() {
+    return g.empty;
   }
-});
-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
-    };
+  eq(e) {
+    return e instanceof i && e.head == this.head;
   }
-});
-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);
-          }
-        }
-      })
-    ];
+  toJSON() {
+    return { type: "gapcursor", pos: this.head };
   }
-});
-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
-              })
-            ]);
+  /**
+  @internal
+  */
+  static fromJSON(e, t) {
+    if (typeof t.pos != "number")
+      throw new RangeError("Invalid input for GapCursor.fromJSON");
+    return new i(e.resolve(t.pos));
+  }
+  /**
+  @internal
+  */
+  getBookmark() {
+    return new d(this.anchor);
+  }
+  /**
+  @internal
+  */
+  static valid(e) {
+    let t = e.parent;
+    if (t.isTextblock || !b(e) || !y(e))
+      return !1;
+    let o = t.type.spec.allowGapCursor;
+    if (o != null)
+      return o;
+    let r = t.contentMatchAt(e.index()).defaultType;
+    return r && r.isTextblock;
+  }
+  /**
+  @internal
+  */
+  static findGapCursorFrom(e, t, o = !1) {
+    e: for (; ; ) {
+      if (!o && i.valid(e))
+        return e;
+      let r = e.pos, s = null;
+      for (let l = e.depth; ; l--) {
+        let a = e.node(l);
+        if (t > 0 ? e.indexAfter(l) < a.childCount : e.index(l) > 0) {
+          s = a.child(t > 0 ? e.indexAfter(l) : e.index(l) - 1);
+          break;
+        } else if (l == 0)
+          return null;
+        r += t;
+        let f = e.doc.resolve(r);
+        if (i.valid(f))
+          return f;
+      }
+      for (; ; ) {
+        let l = t > 0 ? s.firstChild : s.lastChild;
+        if (!l) {
+          if (s.isAtom && !s.isText && !x.isSelectable(s)) {
+            e = e.doc.resolve(r + s.nodeSize * t), o = !1;
+            continue e;
           }
+          break;
         }
-      })
-    ];
+        s = l, r += t;
+        let a = e.doc.resolve(r);
+        if (i.valid(a))
+          return a;
+      }
+      return null;
+    }
   }
-});
-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 });
-          }
-        }
-      })
-    ];
+i.prototype.visible = !1;
+i.findFrom = i.findGapCursorFrom;
+u.jsonID("gapcursor", i);
+class d {
+  constructor(e) {
+    this.pos = e;
   }
-});
-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()
-    };
+  map(e) {
+    return new d(e.map(this.pos));
+  }
+  resolve(e) {
+    let t = e.resolve(this.pos);
+    return i.valid(t) ? new i(t) : u.near(t);
+  }
+}
+function C(n) {
+  return n.isAtom || n.spec.isolating || n.spec.createGapCursor;
+}
+function b(n) {
+  for (let e = n.depth; e >= 0; e--) {
+    let t = n.index(e), o = n.node(e);
+    if (t == 0) {
+      if (o.type.spec.isolating)
+        return !0;
+      continue;
+    }
+    for (let r = o.child(t - 1); ; r = r.lastChild) {
+      if (r.childCount == 0 && !r.inlineContent || C(r.type))
+        return !0;
+      if (r.inlineContent)
+        return !1;
+    }
   }
+  return !0;
+}
+function y(n) {
+  for (let e = n.depth; e >= 0; e--) {
+    let t = n.indexAfter(e), o = n.node(e);
+    if (t == o.childCount) {
+      if (o.type.spec.isolating)
+        return !0;
+      continue;
+    }
+    for (let r = o.child(t); ; r = r.firstChild) {
+      if (r.childCount == 0 && !r.inlineContent || C(r.type))
+        return !0;
+      if (r.inlineContent)
+        return !1;
+    }
+  }
+  return !0;
+}
+function B() {
+  return new w({
+    props: {
+      decorations: F,
+      createSelectionBetween(n, e, t) {
+        return e.pos == t.pos && i.valid(t) ? new i(t) : null;
+      },
+      handleClick: T,
+      handleKeyDown: k,
+      handleDOMEvents: { beforeinput: D }
+    }
+  });
+}
+const k = v({
+  ArrowLeft: c("horiz", -1),
+  ArrowRight: c("horiz", 1),
+  ArrowUp: c("vert", -1),
+  ArrowDown: c("vert", 1)
 });
+function c(n, e) {
+  const t = n == "vert" ? e > 0 ? "down" : "up" : e > 0 ? "right" : "left";
+  return function(o, r, s) {
+    let l = o.selection, a = e > 0 ? l.$to : l.$from, f = l.empty;
+    if (l instanceof m) {
+      if (!s.endOfTextblock(t) || a.depth == 0)
+        return !1;
+      f = !1, a = o.doc.resolve(e > 0 ? a.after() : a.before());
+    }
+    let p = i.findGapCursorFrom(a, e, f);
+    return p ? (r && r(o.tr.setSelection(new i(p))), !0) : !1;
+  };
+}
+function T(n, e, t) {
+  if (!n || !n.editable)
+    return !1;
+  let o = n.state.doc.resolve(e);
+  if (!i.valid(o))
+    return !1;
+  let r = n.posAtCoords({ left: t.clientX, top: t.clientY });
+  return r && r.inside > -1 && x.isSelectable(n.state.doc.nodeAt(r.inside)) ? !1 : (n.dispatch(n.state.tr.setSelection(new i(o))), !0);
+}
+function D(n, e) {
+  if (e.inputType != "insertCompositionText" || !(n.state.selection instanceof i))
+    return !1;
+  let { $from: t } = n.state.selection, o = t.parent.contentMatchAt(t.index()).findWrapping(n.state.schema.nodes.text);
+  if (!o)
+    return !1;
+  let r = h.empty;
+  for (let l = o.length - 1; l >= 0; l--)
+    r = h.from(o[l].createAndFill(null, r));
+  let s = n.state.tr.replace(t.pos, t.pos, new g(r, 0, 0));
+  return s.setSelection(m.near(s.doc.resolve(t.pos + 1))), n.dispatch(s), !1;
+}
+function F(n) {
+  if (!(n.selection instanceof i))
+    return null;
+  let e = document.createElement("div");
+  return e.className = "ProseMirror-gapcursor", S.create(n.doc, [A.widget(n.selection.head, e, { key: "gapcursor" })]);
+}
 export {
-  k as CharacterCount
+  i as GapCursor,
+  B as gapCursor
 };

package/dist/index51.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index70.js";
+import { getDefaultExportFromCjs as r } from "./index69.js";
 import { __require as o } from "./index67.js";
 var e = /* @__PURE__ */ o();
 const a = /* @__PURE__ */ r(e);

package/dist/index55.js

@@ -1,4 +1,4 @@
-import P from "./index68.js";
+import P from "./index70.js";
 import { Mapping as k } from "./index58.js";
 import { Plugin as H, PluginKey as O } from "./index38.js";
 const D = 500;

package/dist/index66.js

@@ -1,4 +1,4 @@
-import { keyName as c, base as n } from "./index69.js";
+import { keyName as c, base as n } from "./index68.js";
 const d = typeof navigator < "u" && /Mac|iP(hone|[oa]d)/.test(navigator.platform), y = typeof navigator < "u" && /Win/.test(navigator.platform);
 function h(e) {
   let r = e.split(/-(?!$)/), t = r[r.length - 1];