@quoreadmin/ui 1.9.0 → 1.9.2

package/dist/index207.js

@@ -1,297 +1,313 @@
-import { Extension as l, isNodeEmpty as v, callOrReturn as P, getExtensionField as S, isNodeSelection as z } from "./index237.js";
-import { Plugin as p, PluginKey as m } from "./index252.js";
-import { dropCursor as E } from "./index296.js";
-import { Decoration as y, DecorationSet as f } from "./index293.js";
-import { gapCursor as N } from "./index297.js";
-import { history as A, redo as M, undo as O } from "./index298.js";
-l.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, s = t.textBetween(0, t.content.size, " ", " ");
-      return this.options.wordCounter(s);
-    };
-  },
-  addProseMirrorPlugins() {
-    let e = !1;
-    return [
-      new p({
-        key: new m("characterCount"),
-        appendTransaction: (t, s, r) => {
-          if (e)
-            return;
-          const o = this.options.limit;
-          if (o == null || o === 0) {
-            e = !0;
+import { Mark as x, markPasteRule as b, mergeAttributes as v, combineTransactionSteps as w, getChangedRanges as T, findChildrenInRange as _, getMarksBetween as O, getAttributes as R } from "./index266.js";
+import { registerCustomProtocol as C, tokenize as H, find as M, reset as U } from "./index280.js";
+import { Plugin as g, PluginKey as A } from "./index281.js";
+var P = "[\0-   ᠎ -\u2029 　]", B = new RegExp(P), I = new RegExp(`${P}$`), W = new RegExp(P, "g");
+function $(t) {
+  return t.length === 1 ? t[0].isLink : t.length === 3 && t[1].isLink ? ["()", "[]"].includes(t[0].value + t[2].value) : !1;
+}
+function z(t) {
+  return new g({
+    key: new A("autolink"),
+    appendTransaction: (e, r, o) => {
+      const n = e.some((a) => a.docChanged) && !r.doc.eq(o.doc), l = e.some((a) => a.getMeta("preventAutolink"));
+      if (!n || l)
+        return;
+      const { tr: i } = o, d = w(r.doc, [...e]);
+      if (T(d).forEach(({ newRange: a }) => {
+        const f = _(o.doc, a, (h) => h.isTextblock);
+        let c, k;
+        if (f.length > 1)
+          c = f[0], k = o.doc.textBetween(
+            c.pos,
+            c.pos + c.node.nodeSize,
+            void 0,
+            " "
+          );
+        else if (f.length) {
+          const h = o.doc.textBetween(a.from, a.to, " ", " ");
+          if (!I.test(h))
             return;
-          }
-          const n = this.storage.characters({ node: r.doc });
-          if (n > o) {
-            const c = n - o, a = 0, i = c;
-            console.warn(
-              `[CharacterCount] Initial content exceeded limit of ${o} characters. Content was automatically trimmed.`
+          c = f[0], k = o.doc.textBetween(c.pos, a.to, void 0, " ");
+        }
+        if (c && k) {
+          const h = k.split(B).filter(Boolean);
+          if (h.length <= 0)
+            return !1;
+          const m = h[h.length - 1], E = c.pos + k.lastIndexOf(m);
+          if (!m)
+            return !1;
+          const L = H(m).map((s) => s.toObject(t.defaultProtocol));
+          if (!$(L))
+            return !1;
+          L.filter((s) => s.isLink).map((s) => ({
+            ...s,
+            from: E + s.start + 1,
+            to: E + s.end + 1
+          })).filter((s) => o.schema.marks.code ? !o.doc.rangeHasMark(s.from, s.to, o.schema.marks.code) : !0).filter((s) => t.validate(s.value)).filter((s) => t.shouldAutoLink(s.value)).forEach((s) => {
+            O(s.from, s.to, o.doc).some((y) => y.mark.type === t.type) || i.addMark(
+              s.from,
+              s.to,
+              t.type.create({
+                href: s.href
+              })
             );
-            const d = r.tr.deleteRange(a, i);
-            return e = !0, d;
-          }
-          e = !0;
-        },
-        filterTransaction: (t, s) => {
-          const r = this.options.limit;
-          if (!t.docChanged || r === 0 || r === null || r === void 0)
-            return !0;
-          const o = this.storage.characters({ node: s.doc }), n = this.storage.characters({ node: t.doc });
-          if (n <= r || o > r && n > r && n <= o)
-            return !0;
-          if (o > r && n > r && n > o || !t.getMeta("paste"))
+          });
+        }
+      }), !!i.steps.length)
+        return i;
+    }
+  });
+}
+function N(t) {
+  return new g({
+    key: new A("handleClickLink"),
+    props: {
+      handleClick: (e, r, o) => {
+        var n, l;
+        if (o.button !== 0 || !e.editable)
+          return !1;
+        let i = null;
+        if (o.target instanceof HTMLAnchorElement)
+          i = o.target;
+        else {
+          const u = o.target;
+          if (!u)
             return !1;
-          const a = t.selection.$head.pos, i = n - r, d = a - i, u = a;
-          return t.deleteRange(d, u), !(this.storage.characters({ node: t.doc }) > r);
+          const a = t.editor.view.dom;
+          i = u.closest("a"), i && !a.contains(i) && (i = null);
         }
-      })
-    ];
-  }
-});
-var k = l.create({
-  name: "dropCursor",
+        if (!i)
+          return !1;
+        let d = !1;
+        if (t.enableClickSelection && (d = t.editor.commands.extendMarkRange(t.type.name)), t.openOnClick) {
+          const u = R(e.state, t.type.name), a = (n = i.href) != null ? n : u.href, f = (l = i.target) != null ? l : u.target;
+          a && (window.open(a, f), d = !0);
+        }
+        return d;
+      }
+    }
+  });
+}
+function V(t) {
+  return new g({
+    key: new A("handlePasteLink"),
+    props: {
+      handlePaste: (e, r, o) => {
+        const { shouldAutoLink: n } = t, { state: l } = e, { selection: i } = l, { empty: d } = i;
+        if (d)
+          return !1;
+        let u = "";
+        o.content.forEach((f) => {
+          u += f.textContent;
+        });
+        const a = M(u, { defaultProtocol: t.defaultProtocol }).find(
+          (f) => f.isLink && f.value === u
+        );
+        return !u || !a || n !== void 0 && !n(a.value) ? !1 : t.editor.commands.setMark(t.type, {
+          href: a.href
+        });
+      }
+    }
+  });
+}
+function p(t, e) {
+  const r = ["http", "https", "ftp", "ftps", "mailto", "tel", "callto", "sms", "cid", "xmpp"];
+  return e && e.forEach((o) => {
+    const n = typeof o == "string" ? o : o.scheme;
+    n && r.push(n);
+  }), !t || t.replace(W, "").match(
+    new RegExp(
+      // eslint-disable-next-line no-useless-escape
+      `^(?:(?:${r.join("|")}):|[^a-z]|[a-z0-9+.-]+(?:[^a-z+.-:]|$))`,
+      "i"
+    )
+  );
+}
+var X = x.create({
+  name: "link",
+  priority: 1e3,
+  keepOnSplit: !1,
+  exitable: !0,
+  onCreate() {
+    this.options.validate && !this.options.shouldAutoLink && (this.options.shouldAutoLink = this.options.validate, console.warn("The `validate` option is deprecated. Rename to the `shouldAutoLink` option instead.")), this.options.protocols.forEach((t) => {
+      if (typeof t == "string") {
+        C(t);
+        return;
+      }
+      C(t.scheme, t.optionalSlashes);
+    });
+  },
+  onDestroy() {
+    U();
+  },
+  inclusive() {
+    return this.options.autolink;
+  },
   addOptions() {
     return {
-      color: "currentColor",
-      width: 1,
-      class: void 0
+      openOnClick: !0,
+      enableClickSelection: !1,
+      linkOnPaste: !0,
+      autolink: !0,
+      protocols: [],
+      defaultProtocol: "http",
+      HTMLAttributes: {
+        target: "_blank",
+        rel: "noopener noreferrer nofollow",
+        class: null
+      },
+      isAllowedUri: (t, e) => !!p(t, e.protocols),
+      validate: (t) => !!t,
+      shouldAutoLink: (t) => {
+        const e = /^[a-z][a-z0-9+.-]*:\/\//i.test(t), r = /^[a-z][a-z0-9+.-]*:/i.test(t);
+        if (e || r && !t.includes("@"))
+          return !0;
+        const n = (t.includes("@") ? t.split("@").pop() : t).split(/[/?#:]/)[0];
+        return !(/^\d{1,3}(\.\d{1,3}){3}$/.test(n) || !/\./.test(n));
+      }
     };
   },
-  addProseMirrorPlugins() {
-    return [E(this.options)];
-  }
-});
-l.create({
-  name: "focus",
-  addOptions() {
+  addAttributes() {
     return {
-      className: "has-focus",
-      mode: "all"
+      href: {
+        default: null,
+        parseHTML(t) {
+          return t.getAttribute("href");
+        }
+      },
+      target: {
+        default: this.options.HTMLAttributes.target
+      },
+      rel: {
+        default: this.options.HTMLAttributes.rel
+      },
+      class: {
+        default: this.options.HTMLAttributes.class
+      },
+      title: {
+        default: null
+      }
     };
   },
-  addProseMirrorPlugins() {
+  parseHTML() {
     return [
-      new p({
-        key: new m("focus"),
-        props: {
-          decorations: ({ doc: e, selection: t }) => {
-            const { isEditable: s, isFocused: r } = this.editor, { anchor: o } = t, n = [];
-            if (!s || !r)
-              return f.create(e, []);
-            let c = 0;
-            this.options.mode === "deepest" && e.descendants((i, d) => {
-              if (i.isText)
-                return;
-              if (!(o >= d && o <= d + i.nodeSize - 1))
-                return !1;
-              c += 1;
-            });
-            let a = 0;
-            return e.descendants((i, d) => {
-              if (i.isText || !(o >= d && o <= d + i.nodeSize - 1))
-                return !1;
-              if (a += 1, this.options.mode === "deepest" && c - a > 0 || this.options.mode === "shallowest" && a > 1)
-                return this.options.mode === "deepest";
-              n.push(
-                y.node(d, d + i.nodeSize, {
-                  class: this.options.className
-                })
-              );
-            }), f.create(e, n);
-          }
+      {
+        tag: "a[href]",
+        getAttrs: (t) => {
+          const e = t.getAttribute("href");
+          return !e || !this.options.isAllowedUri(e, {
+            defaultValidate: (r) => !!p(r, this.options.protocols),
+            protocols: this.options.protocols,
+            defaultProtocol: this.options.defaultProtocol
+          }) ? !1 : null;
         }
-      })
+      }
     ];
-  }
-});
-var L = l.create({
-  name: "gapCursor",
-  addProseMirrorPlugins() {
-    return [N()];
   },
-  extendNodeSchema(e) {
-    var t;
-    const s = {
-      name: e.name,
-      options: e.options,
-      storage: e.storage
-    };
-    return {
-      allowGapCursor: (t = P(S(e, "allowGapCursor", s))) != null ? t : null
-    };
-  }
-}), C = "placeholder";
-function T(e) {
-  return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
-}
-var B = l.create({
-  name: "placeholder",
-  addOptions() {
-    return {
-      emptyEditorClass: "is-editor-empty",
-      emptyNodeClass: "is-empty",
-      dataAttribute: C,
-      placeholder: "Write something …",
-      showOnlyWhenEditable: !0,
-      showOnlyCurrent: !0,
-      includeChildren: !1
-    };
+  renderHTML({ HTMLAttributes: t }) {
+    return this.options.isAllowedUri(t.href, {
+      defaultValidate: (e) => !!p(e, this.options.protocols),
+      protocols: this.options.protocols,
+      defaultProtocol: this.options.defaultProtocol
+    }) ? ["a", v(this.options.HTMLAttributes, t), 0] : ["a", v(this.options.HTMLAttributes, { ...t, href: "" }), 0];
   },
-  addProseMirrorPlugins() {
-    const e = this.options.dataAttribute ? `data-${T(this.options.dataAttribute)}` : `data-${C}`;
-    return [
-      new p({
-        key: new m("placeholder"),
-        props: {
-          decorations: ({ doc: t, selection: s }) => {
-            const r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: o } = s, n = [];
-            if (!r)
-              return null;
-            const c = this.editor.isEmpty;
-            return t.descendants((a, i) => {
-              const d = o >= i && o <= i + a.nodeSize, u = !a.isLeaf && v(a);
-              if ((d || !this.options.showOnlyCurrent) && u) {
-                const h = [this.options.emptyNodeClass];
-                c && h.push(this.options.emptyEditorClass);
-                const g = y.node(i, i + a.nodeSize, {
-                  class: h.join(" "),
-                  [e]: typeof this.options.placeholder == "function" ? this.options.placeholder({
-                    editor: this.editor,
-                    node: a,
-                    pos: i,
-                    hasAnchor: d
-                  }) : this.options.placeholder
-                });
-                n.push(g);
-              }
-              return this.options.includeChildren;
-            }), f.create(t, n);
-          }
-        }
-      })
-    ];
-  }
-});
-l.create({
-  name: "selection",
-  addOptions() {
+  markdownTokenName: "link",
+  parseMarkdown: (t, e) => e.applyMark("link", e.parseInline(t.tokens || []), {
+    href: t.href,
+    title: t.title || null
+  }),
+  renderMarkdown: (t, e) => {
+    var r, o, n, l;
+    const i = (o = (r = t.attrs) == null ? void 0 : r.href) != null ? o : "", d = (l = (n = t.attrs) == null ? void 0 : n.title) != null ? l : "", u = e.renderChildren(t);
+    return d ? `[${u}](${i} "${d}")` : `[${u}](${i})`;
+  },
+  addCommands() {
     return {
-      className: "selection"
+      setLink: (t) => ({ chain: e }) => {
+        const { href: r } = t;
+        return this.options.isAllowedUri(r, {
+          defaultValidate: (o) => !!p(o, this.options.protocols),
+          protocols: this.options.protocols,
+          defaultProtocol: this.options.defaultProtocol
+        }) ? e().setMark(this.name, t).setMeta("preventAutolink", !0).run() : !1;
+      },
+      toggleLink: (t) => ({ chain: e }) => {
+        const { href: r } = t || {};
+        return r && !this.options.isAllowedUri(r, {
+          defaultValidate: (o) => !!p(o, this.options.protocols),
+          protocols: this.options.protocols,
+          defaultProtocol: this.options.defaultProtocol
+        }) ? !1 : e().toggleMark(this.name, t, { extendEmptyMarkRange: !0 }).setMeta("preventAutolink", !0).run();
+      },
+      unsetLink: () => ({ chain: t }) => t().unsetMark(this.name, { extendEmptyMarkRange: !0 }).setMeta("preventAutolink", !0).run()
     };
   },
-  addProseMirrorPlugins() {
-    const { editor: e, options: t } = this;
+  addPasteRules() {
     return [
-      new p({
-        key: new m("selection"),
-        props: {
-          decorations(s) {
-            return s.selection.empty || e.isFocused || !e.isEditable || z(s.selection) || e.view.dragging ? null : f.create(s.doc, [
-              y.inline(s.selection.from, s.selection.to, {
-                class: t.className
+      b({
+        find: (t) => {
+          const e = [];
+          if (t) {
+            const { protocols: r, defaultProtocol: o } = this.options, n = M(t).filter(
+              (l) => l.isLink && this.options.isAllowedUri(l.value, {
+                defaultValidate: (i) => !!p(i, r),
+                protocols: r,
+                defaultProtocol: o
               })
-            ]);
+            );
+            n.length && n.forEach((l) => {
+              this.options.shouldAutoLink(l.value) && e.push({
+                text: l.value,
+                data: {
+                  href: l.href
+                },
+                index: l.start
+              });
+            });
           }
-        }
-      })
-    ];
-  }
-});
-function w({ types: e, node: t }) {
-  return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
-}
-var G = l.create({
-  name: "trailingNode",
-  addOptions() {
-    return {
-      node: void 0,
-      notAfter: []
-    };
-  },
-  addProseMirrorPlugins() {
-    var e;
-    const t = new m(this.name), s = 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(s).includes(o.name));
-    return [
-      new p({
-        key: t,
-        appendTransaction: (o, n, c) => {
-          const { doc: a, tr: i, schema: d } = c, u = t.getState(c), h = a.content.size, g = d.nodes[s];
-          if (u)
-            return i.insert(h, g.create());
+          return e;
         },
-        state: {
-          init: (o, n) => {
-            const c = n.tr.doc.lastChild;
-            return !w({ node: c, types: r });
-          },
-          apply: (o, n) => {
-            if (!o.docChanged || o.getMeta("__uniqueIDTransaction"))
-              return n;
-            const c = o.doc.lastChild;
-            return !w({ node: c, types: r });
-          }
+        type: this.type,
+        getAttributes: (t) => {
+          var e;
+          return {
+            href: (e = t.data) == null ? void 0 : e.href
+          };
         }
       })
     ];
-  }
-}), I = l.create({
-  name: "undoRedo",
-  addOptions() {
-    return {
-      depth: 100,
-      newGroupDelay: 500
-    };
-  },
-  addCommands() {
-    return {
-      undo: () => ({ state: e, dispatch: t }) => O(e, t),
-      redo: () => ({ state: e, dispatch: t }) => M(e, t)
-    };
   },
   addProseMirrorPlugins() {
-    return [A(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()
-    };
+    const t = [], { protocols: e, defaultProtocol: r } = this.options;
+    return this.options.autolink && t.push(
+      z({
+        type: this.type,
+        defaultProtocol: this.options.defaultProtocol,
+        validate: (o) => this.options.isAllowedUri(o, {
+          defaultValidate: (n) => !!p(n, e),
+          protocols: e,
+          defaultProtocol: r
+        }),
+        shouldAutoLink: this.options.shouldAutoLink
+      })
+    ), t.push(
+      N({
+        type: this.type,
+        editor: this.editor,
+        openOnClick: this.options.openOnClick === "whenNotEditable" ? !0 : this.options.openOnClick,
+        enableClickSelection: this.options.enableClickSelection
+      })
+    ), this.options.linkOnPaste && t.push(
+      V({
+        editor: this.editor,
+        defaultProtocol: this.options.defaultProtocol,
+        type: this.type,
+        shouldAutoLink: this.options.shouldAutoLink
+      })
+    ), t;
   }
 });
 export {
-  k as Dropcursor,
-  L as Gapcursor,
-  B as Placeholder,
-  G as TrailingNode,
-  I as UndoRedo,
-  T as preparePlaceholderAttribute
+  X as Link,
+  p as isAllowedUri
 };