@quoreadmin/ui 1.10.33 → 1.11.1

package/dist/index28.js

@@ -1,7 +1,7 @@
-import n from "./index111.js";
+import n from "./index112.js";
 import { openBlock as o, createElementBlock as i, normalizeClass as s, createElementVNode as r, normalizeProps as t, guardReactiveProps as a, createCommentVNode as c } from "vue";
 /* empty css         */
-import l from "./index65.js";
+import l from "./index66.js";
 const m = ["width", "height"];
 function p(e, d, h, u, f, $) {
   return e.icon ? (o(), i("span", {

package/dist/index280.js

@@ -1,59 +1,62 @@
-import { Node as l, mergeAttributes as c } from "./index274.js";
-var f = l.create({
-  name: "hardBreak",
-  markdownTokenName: "br",
+import { Node as c, wrappingInputRule as p, mergeAttributes as k } from "./index279.js";
+import { createElement as s } from "./index329.js";
+var m = /^\s*>\s$/, q = c.create({
+  name: "blockquote",
   addOptions() {
     return {
-      keepMarks: !0,
       HTMLAttributes: {}
     };
   },
-  inline: !0,
-  group: "inline",
-  selectable: !1,
-  linebreakReplacement: !0,
+  content: "block+",
+  group: "block",
+  defining: !0,
   parseHTML() {
-    return [{ tag: "br" }];
+    return [{ tag: "blockquote" }];
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["br", c(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return /* @__PURE__ */ s("blockquote", { ...k(this.options.HTMLAttributes, t), children: /* @__PURE__ */ s("slot", {}) });
   },
-  renderText() {
-    return `
-`;
+  parseMarkdown: (t, e) => {
+    var r;
+    const n = (r = e.parseBlockChildren) != null ? r : e.parseChildren;
+    return e.createNode("blockquote", void 0, n(t.tokens || []));
+  },
+  renderMarkdown: (t, e) => {
+    if (!t.content)
+      return "";
+    const r = ">", n = [];
+    return t.content.forEach((o, a) => {
+      var i, u;
+      const d = ((u = (i = e.renderChild) == null ? void 0 : i.call(e, o, a)) != null ? u : e.renderChildren([o])).split(`
+`).map((l) => l.trim() === "" ? r : `${r} ${l}`);
+      n.push(d.join(`
+`));
+    }), n.join(`
+${r}
+`);
   },
-  renderMarkdown: () => `  
-`,
-  parseMarkdown: () => ({
-    type: "hardBreak"
-  }),
   addCommands() {
     return {
-      setHardBreak: () => ({ commands: e, chain: n, state: a, editor: s }) => e.first([
-        () => e.exitCode(),
-        () => e.command(() => {
-          const { selection: r, storedMarks: o } = a;
-          if (r.$from.parent.type.spec.isolating)
-            return !1;
-          const { keepMarks: i } = this.options, { splittableMarks: d } = s.extensionManager, t = o || r.$to.parentOffset && r.$from.marks();
-          return n().insertContent({ type: this.name }).command(({ tr: u, dispatch: k }) => {
-            if (k && t && i) {
-              const m = t.filter((p) => d.includes(p.type.name));
-              u.ensureMarks(m);
-            }
-            return !0;
-          }).run();
-        })
-      ])
+      setBlockquote: () => ({ commands: t }) => t.wrapIn(this.name),
+      toggleBlockquote: () => ({ commands: t }) => t.toggleWrap(this.name),
+      unsetBlockquote: () => ({ commands: t }) => t.lift(this.name)
     };
   },
   addKeyboardShortcuts() {
     return {
-      "Mod-Enter": () => this.editor.commands.setHardBreak(),
-      "Shift-Enter": () => this.editor.commands.setHardBreak()
+      "Mod-Shift-b": () => this.editor.commands.toggleBlockquote()
     };
+  },
+  addInputRules() {
+    return [
+      p({
+        find: m,
+        type: this.type
+      })
+    ];
   }
 });
 export {
-  f as HardBreak
+  q as Blockquote,
+  m as inputRegex
 };

package/dist/index281.js

@@ -1,63 +1,85 @@
-import { Node as l, textblockTypeInputRule as i, mergeAttributes as a } from "./index274.js";
-var d = l.create({
-  name: "heading",
+import { Mark as o, markPasteRule as r, markInputRule as s, mergeAttributes as a } from "./index279.js";
+import { createElement as n } from "./index329.js";
+var d = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, l = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g, i = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/, u = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g, p = o.create({
+  name: "bold",
   addOptions() {
     return {
-      levels: [1, 2, 3, 4, 5, 6],
       HTMLAttributes: {}
     };
   },
-  content: "inline*",
-  group: "block",
-  defining: !0,
-  addAttributes() {
-    return {
-      level: {
-        default: 1,
-        rendered: !1
-      }
-    };
-  },
   parseHTML() {
-    return this.options.levels.map((e) => ({
-      tag: `h${e}`,
-      attrs: { level: e }
-    }));
+    return [
+      {
+        tag: "strong"
+      },
+      {
+        tag: "b",
+        getAttrs: (t) => t.style.fontWeight !== "normal" && null
+      },
+      {
+        style: "font-weight=400",
+        clearMark: (t) => t.type.name === this.name
+      },
+      {
+        style: "font-weight",
+        getAttrs: (t) => /^(bold(er)?|[5-9]\d{2,})$/.test(t) && null
+      }
+    ];
   },
-  renderHTML({ node: e, HTMLAttributes: t }) {
-    return [`h${this.options.levels.includes(e.attrs.level) ? e.attrs.level : this.options.levels[0]}`, a(this.options.HTMLAttributes, t), 0];
+  renderHTML({ HTMLAttributes: t }) {
+    return /* @__PURE__ */ n("strong", { ...a(this.options.HTMLAttributes, t), children: /* @__PURE__ */ n("slot", {}) });
   },
-  parseMarkdown: (e, t) => t.createNode("heading", { level: e.depth || 1 }, t.parseInline(e.tokens || [])),
-  renderMarkdown: (e, t) => {
-    var r;
-    const n = (r = e.attrs) != null && r.level ? parseInt(e.attrs.level, 10) : 1, s = "#".repeat(n);
-    return e.content ? `${s} ${t.renderChildren(e.content)}` : "";
+  markdownTokenName: "strong",
+  parseMarkdown: (t, e) => e.applyMark("bold", e.parseInline(t.tokens || [])),
+  markdownOptions: {
+    htmlReopen: {
+      open: "<strong>",
+      close: "</strong>"
+    }
   },
+  renderMarkdown: (t, e) => `**${e.renderChildren(t)}**`,
   addCommands() {
     return {
-      setHeading: (e) => ({ commands: t }) => this.options.levels.includes(e.level) ? t.setNode(this.name, e) : !1,
-      toggleHeading: (e) => ({ commands: t }) => this.options.levels.includes(e.level) ? t.toggleNode(this.name, "paragraph", e) : !1
+      setBold: () => ({ commands: t }) => t.setMark(this.name),
+      toggleBold: () => ({ commands: t }) => t.toggleMark(this.name),
+      unsetBold: () => ({ commands: t }) => t.unsetMark(this.name)
     };
   },
   addKeyboardShortcuts() {
-    return this.options.levels.reduce(
-      (e, t) => ({
-        ...e,
-        [`Mod-Alt-${t}`]: () => this.editor.commands.toggleHeading({ level: t })
-      }),
-      {}
-    );
+    return {
+      "Mod-b": () => this.editor.commands.toggleBold(),
+      "Mod-B": () => this.editor.commands.toggleBold()
+    };
   },
   addInputRules() {
-    return this.options.levels.map((e) => i({
-      find: new RegExp(`^(#{${Math.min(...this.options.levels)},${e}})\\s$`),
-      type: this.type,
-      getAttributes: {
-        level: e
-      }
-    }));
+    return [
+      s({
+        find: d,
+        type: this.type
+      }),
+      s({
+        find: i,
+        type: this.type
+      })
+    ];
+  },
+  addPasteRules() {
+    return [
+      r({
+        find: l,
+        type: this.type
+      }),
+      r({
+        find: u,
+        type: this.type
+      })
+    ];
   }
 });
 export {
-  d as Heading
+  p as Bold,
+  d as starInputRegex,
+  l as starPasteRegex,
+  i as underscoreInputRegex,
+  u as underscorePasteRegex
 };

package/dist/index282.js

@@ -1,56 +1,54 @@
-import { Node as m, nodeInputRule as f, canInsertNode as h, isNodeSelection as T, mergeAttributes as y } from "./index274.js";
-import { TextSelection as s, NodeSelection as N } from "./index289.js";
-var M = m.create({
-  name: "horizontalRule",
+import { Mark as r, markPasteRule as n, markInputRule as a, mergeAttributes as d } from "./index279.js";
+var o = /(^|[^`])`([^`]+)`(?!`)$/, u = /(^|[^`])`([^`]+)`(?!`)/g, i = r.create({
+  name: "code",
   addOptions() {
     return {
-      HTMLAttributes: {},
-      nextNodeType: "paragraph"
+      HTMLAttributes: {}
     };
   },
-  group: "block",
+  excludes: "_",
+  code: !0,
+  exitable: !0,
   parseHTML() {
-    return [{ tag: "hr" }];
+    return [{ tag: "code" }];
   },
-  renderHTML({ HTMLAttributes: n }) {
-    return ["hr", y(this.options.HTMLAttributes, n)];
+  renderHTML({ HTMLAttributes: e }) {
+    return ["code", d(this.options.HTMLAttributes, e), 0];
   },
-  markdownTokenName: "hr",
-  parseMarkdown: (n, o) => o.createNode("horizontalRule"),
-  renderMarkdown: () => "---",
+  markdownTokenName: "codespan",
+  parseMarkdown: (e, t) => t.applyMark("code", [{ type: "text", text: e.text || "" }]),
+  renderMarkdown: (e, t) => e.content ? `\`${t.renderChildren(e.content)}\`` : "",
   addCommands() {
     return {
-      setHorizontalRule: () => ({ chain: n, state: o }) => {
-        if (!h(o, o.schema.nodes[this.name]))
-          return !1;
-        const { selection: i } = o, { $to: l } = i, r = n();
-        return T(i) ? r.insertContentAt(l.pos, {
-          type: this.name
-        }) : r.insertContent({ type: this.name }), r.command(({ state: p, tr: e, dispatch: u }) => {
-          if (u) {
-            const { $to: t } = e.selection, a = t.end();
-            if (t.nodeAfter)
-              t.nodeAfter.isTextblock ? e.setSelection(s.create(e.doc, t.pos + 1)) : t.nodeAfter.isBlock ? e.setSelection(N.create(e.doc, t.pos)) : e.setSelection(s.create(e.doc, t.pos));
-            else {
-              const c = p.schema.nodes[this.options.nextNodeType] || t.parent.type.contentMatch.defaultType, d = c?.create();
-              d && (e.insert(a, d), e.setSelection(s.create(e.doc, a + 1)));
-            }
-            e.scrollIntoView();
-          }
-          return !0;
-        }).run();
-      }
+      setCode: () => ({ commands: e }) => e.setMark(this.name),
+      toggleCode: () => ({ commands: e }) => e.toggleMark(this.name),
+      unsetCode: () => ({ commands: e }) => e.unsetMark(this.name)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-e": () => this.editor.commands.toggleCode()
     };
   },
   addInputRules() {
     return [
-      f({
-        find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+      a({
+        find: o,
+        type: this.type
+      })
+    ];
+  },
+  addPasteRules() {
+    return [
+      n({
+        find: u,
         type: this.type
       })
     ];
   }
 });
 export {
-  M as HorizontalRule
+  i as Code,
+  o as inputRegex,
+  u as pasteRegex
 };

package/dist/index283.js

@@ -1,83 +1,217 @@
-import { Mark as s, markPasteRule as r, markInputRule as a, mergeAttributes as n } from "./index274.js";
-var i = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/, o = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g, d = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/, l = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g, m = s.create({
-  name: "italic",
+import { Node as C, textblockTypeInputRule as S, mergeAttributes as k } from "./index279.js";
+import { Plugin as w, PluginKey as B, TextSelection as T, Selection as L } from "./index294.js";
+var y = 4, M = /^```([a-z]+)?[\s\n]$/, N = /^~~~([a-z]+)?[\s\n]$/, _ = C.create({
+  name: "codeBlock",
   addOptions() {
     return {
+      languageClassPrefix: "language-",
+      exitOnTripleEnter: !0,
+      exitOnArrowDown: !0,
+      defaultLanguage: null,
+      enableTabIndentation: !1,
+      tabSize: y,
       HTMLAttributes: {}
     };
   },
+  content: "text*",
+  marks: "",
+  group: "block",
+  code: !0,
+  defining: !0,
+  addAttributes() {
+    return {
+      language: {
+        default: this.options.defaultLanguage,
+        parseHTML: (e) => {
+          var t;
+          const { languageClassPrefix: r } = this.options;
+          if (!r)
+            return null;
+          const o = [...((t = e.firstElementChild) == null ? void 0 : t.classList) || []].filter((s) => s.startsWith(r)).map((s) => s.replace(r, ""))[0];
+          return o || null;
+        },
+        rendered: !1
+      }
+    };
+  },
   parseHTML() {
     return [
       {
-        tag: "em"
-      },
-      {
-        tag: "i",
-        getAttrs: (e) => e.style.fontStyle !== "normal" && null
-      },
-      {
-        style: "font-style=normal",
-        clearMark: (e) => e.type.name === this.name
-      },
-      {
-        style: "font-style=italic"
+        tag: "pre",
+        preserveWhitespace: "full"
       }
     ];
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["em", n(this.options.HTMLAttributes, e), 0];
+  renderHTML({ node: e, HTMLAttributes: t }) {
+    return [
+      "pre",
+      k(this.options.HTMLAttributes, t),
+      [
+        "code",
+        {
+          class: e.attrs.language ? this.options.languageClassPrefix + e.attrs.language : null
+        },
+        0
+      ]
+    ];
+  },
+  markdownTokenName: "code",
+  parseMarkdown: (e, t) => {
+    var r, n;
+    return ((r = e.raw) == null ? void 0 : r.startsWith("```")) === !1 && ((n = e.raw) == null ? void 0 : n.startsWith("~~~")) === !1 && e.codeBlockStyle !== "indented" ? [] : t.createNode(
+      "codeBlock",
+      { language: e.lang || null },
+      e.text ? [t.createTextNode(e.text)] : []
+    );
+  },
+  renderMarkdown: (e, t) => {
+    var r;
+    let n = "";
+    const a = ((r = e.attrs) == null ? void 0 : r.language) || "";
+    return e.content ? n = [`\`\`\`${a}`, t.renderChildren(e.content), "```"].join(`
+`) : n = `\`\`\`${a}
+
+\`\`\``, n;
   },
   addCommands() {
     return {
-      setItalic: () => ({ commands: e }) => e.setMark(this.name),
-      toggleItalic: () => ({ commands: e }) => e.toggleMark(this.name),
-      unsetItalic: () => ({ commands: e }) => e.unsetMark(this.name)
+      setCodeBlock: (e) => ({ commands: t }) => t.setNode(this.name, e),
+      toggleCodeBlock: (e) => ({ commands: t }) => t.toggleNode(this.name, "paragraph", e)
     };
   },
-  markdownTokenName: "em",
-  parseMarkdown: (e, t) => t.applyMark("italic", t.parseInline(e.tokens || [])),
-  markdownOptions: {
-    htmlReopen: {
-      open: "<em>",
-      close: "</em>"
-    }
-  },
-  renderMarkdown: (e, t) => `*${t.renderChildren(e)}*`,
   addKeyboardShortcuts() {
     return {
-      "Mod-i": () => this.editor.commands.toggleItalic(),
-      "Mod-I": () => this.editor.commands.toggleItalic()
+      "Mod-Alt-c": () => this.editor.commands.toggleCodeBlock(),
+      // remove code block when at start of document or code block is empty
+      Backspace: () => {
+        const { empty: e, $anchor: t } = this.editor.state.selection, r = t.pos === 1;
+        return !e || t.parent.type.name !== this.name ? !1 : r || !t.parent.textContent.length ? this.editor.commands.clearNodes() : !1;
+      },
+      // handle tab indentation
+      Tab: ({ editor: e }) => {
+        var t;
+        if (!this.options.enableTabIndentation)
+          return !1;
+        const r = (t = this.options.tabSize) != null ? t : y, { state: n } = e, { selection: a } = n, { $from: o, empty: s } = a;
+        if (o.parent.type !== this.type)
+          return !1;
+        const i = " ".repeat(r);
+        return s ? e.commands.insertContent(i) : e.commands.command(({ tr: l }) => {
+          const { from: c, to: f } = a, u = n.doc.textBetween(c, f, `
+`, `
+`).split(`
+`).map((p) => i + p).join(`
+`);
+          return l.replaceWith(c, f, n.schema.text(u)), !0;
+        });
+      },
+      // handle shift+tab reverse indentation
+      "Shift-Tab": ({ editor: e }) => {
+        var t;
+        if (!this.options.enableTabIndentation)
+          return !1;
+        const r = (t = this.options.tabSize) != null ? t : y, { state: n } = e, { selection: a } = n, { $from: o, empty: s } = a;
+        return o.parent.type !== this.type ? !1 : s ? e.commands.command(({ tr: i }) => {
+          var l;
+          const { pos: c } = o, f = o.start(), h = o.end(), u = n.doc.textBetween(f, h, `
+`, `
+`).split(`
+`);
+          let p = 0, g = 0;
+          const b = c - f;
+          for (let d = 0; d < u.length; d += 1) {
+            if (g + u[d].length >= b) {
+              p = d;
+              break;
+            }
+            g += u[d].length + 1;
+          }
+          const A = ((l = u[p].match(/^ */)) == null ? void 0 : l[0]) || "", v = Math.min(A.length, r);
+          if (v === 0)
+            return !0;
+          let m = f;
+          for (let d = 0; d < p; d += 1)
+            m += u[d].length + 1;
+          return i.delete(m, m + v), c - m <= v && i.setSelection(T.create(i.doc, m)), !0;
+        }) : e.commands.command(({ tr: i }) => {
+          const { from: l, to: c } = a, x = n.doc.textBetween(l, c, `
+`, `
+`).split(`
+`).map((u) => {
+            var p;
+            const g = ((p = u.match(/^ */)) == null ? void 0 : p[0]) || "", b = Math.min(g.length, r);
+            return u.slice(b);
+          }).join(`
+`);
+          return i.replaceWith(l, c, n.schema.text(x)), !0;
+        });
+      },
+      // exit node on triple enter
+      Enter: ({ editor: e }) => {
+        if (!this.options.exitOnTripleEnter)
+          return !1;
+        const { state: t } = e, { selection: r } = t, { $from: n, empty: a } = r;
+        if (!a || n.parent.type !== this.type)
+          return !1;
+        const o = n.parentOffset === n.parent.nodeSize - 2, s = n.parent.textContent.endsWith(`
+
+`);
+        return !o || !s ? !1 : e.chain().command(({ tr: i }) => (i.delete(n.pos - 2, n.pos), !0)).exitCode().run();
+      },
+      // exit node on arrow down
+      ArrowDown: ({ editor: e }) => {
+        if (!this.options.exitOnArrowDown)
+          return !1;
+        const { state: t } = e, { selection: r, doc: n } = t, { $from: a, empty: o } = r;
+        if (!o || a.parent.type !== this.type || !(a.parentOffset === a.parent.nodeSize - 2))
+          return !1;
+        const i = a.after();
+        return i === void 0 ? !1 : n.nodeAt(i) ? e.commands.command(({ tr: c }) => (c.setSelection(L.near(n.resolve(i))), !0)) : e.commands.exitCode();
+      }
     };
   },
   addInputRules() {
     return [
-      a({
-        find: i,
-        type: this.type
+      S({
+        find: M,
+        type: this.type,
+        getAttributes: (e) => ({
+          language: e[1]
+        })
       }),
-      a({
-        find: d,
-        type: this.type
+      S({
+        find: N,
+        type: this.type,
+        getAttributes: (e) => ({
+          language: e[1]
+        })
       })
     ];
   },
-  addPasteRules() {
+  addProseMirrorPlugins() {
     return [
-      r({
-        find: o,
-        type: this.type
-      }),
-      r({
-        find: l,
-        type: this.type
+      // this plugin creates a code block for pasted content from VS Code
+      // we can also detect the copied code language
+      new w({
+        key: new B("codeBlockVSCodeHandler"),
+        props: {
+          handlePaste: (e, t) => {
+            if (!t.clipboardData || this.editor.isActive(this.type.name))
+              return !1;
+            const r = t.clipboardData.getData("text/plain"), n = t.clipboardData.getData("vscode-editor-data"), a = n ? JSON.parse(n) : void 0, o = a?.mode;
+            if (!r || !o)
+              return !1;
+            const { tr: s, schema: i } = e.state, l = i.text(r.replace(/\r\n?/g, `
+`));
+            return s.replaceSelectionWith(this.type.create({ language: o }, l)), s.selection.$from.parent.type !== this.type && s.setSelection(T.near(s.doc.resolve(Math.max(0, s.selection.from - 2)))), s.setMeta("paste", !0), e.dispatch(s), !0;
+          }
+        }
       })
     ];
   }
 });
 export {
-  m as Italic,
-  i as starInputRegex,
-  o as starPasteRegex,
-  d as underscoreInputRegex,
-  l as underscorePasteRegex
+  _ as CodeBlock,
+  M as backtickInputRegex,
+  N as tildeInputRegex
 };