@remarkablejames/editor 0.0.1

package/lib/SearchAndReplace.js

@@ -0,0 +1,305 @@
+import { E as Q } from "./clsx-CDyrfCnw.js";
+import { Plugin as X, PluginKey as Y } from "@tiptap/pm/state";
+import { DecorationSet as $, Decoration as Z } from "@tiptap/pm/view";
+import { jsx as u, Fragment as _, jsxs as T } from "react/jsx-runtime";
+import { useState as b, useEffect as k } from "react";
+import { h as ee, u as te, e as se, A as re, L as B, j as V, B as N, I as q, C as ne } from "./index-lj3VWExo.js";
+import "./theme.js";
+import { u as ce } from "./index-4Q5IhypJ.js";
+import { P as ae, a as le, b as oe } from "./popover-CPr9bHYn.js";
+function Ce() {
+  const { t } = ce(), e = ee(), s = te(xe.name), {
+    icon: n = void 0,
+    tooltip: i = void 0,
+    shortcutKeys: l = void 0,
+    tooltipOptions: c = {},
+    action: h = void 0,
+    isActive: m = void 0
+  } = (s == null ? void 0 : s.componentProps) ?? {}, { disabled: o } = se(m), [f, d] = b(!1), [x, A] = b(""), [S, w] = b(""), [I, M] = b(!1), [W, j] = b(""), y = () => {
+    var r, a, g, p;
+    j(
+      `${((a = (r = e == null ? void 0 : e.storage) == null ? void 0 : r.searchAndReplace) == null ? void 0 : a.resultIndex) + 1}/${(p = (g = e == null ? void 0 : e.storage) == null ? void 0 : g.searchAndReplace) == null ? void 0 : p.results.length}`
+    );
+  };
+  k(() => {
+    e && y();
+  }, [e]);
+  const H = () => {
+    o || h && h();
+  }, L = (r = !1) => {
+    var a, g, p, R, v, F, P, O;
+    e && (r && ((g = (a = e == null ? void 0 : e.commands) == null ? void 0 : a.resetIndex) == null || g.call(a)), (R = (p = e == null ? void 0 : e.commands) == null ? void 0 : p.setSearchTerm) == null || R.call(p, x), (F = (v = e == null ? void 0 : e.commands) == null ? void 0 : v.setReplaceTerm) == null || F.call(v, S), (O = (P = e == null ? void 0 : e.commands) == null ? void 0 : P.setCaseSensitive) == null || O.call(P, I), y());
+  }, E = () => {
+    var R, v;
+    if (!e) return;
+    const { results: r, resultIndex: a } = e.storage.searchAndReplace, g = r[a];
+    if (!g) return;
+    (v = (R = e == null ? void 0 : e.commands) == null ? void 0 : R.setTextSelection) == null || v.call(R, g);
+    const { node: p } = e.view.domAtPos(e.state.selection.anchor);
+    p instanceof HTMLElement && p.scrollIntoView({ behavior: "smooth", block: "center" }), y();
+  };
+  k(() => {
+    x.trim() || D(), x.trim() && L(!0);
+  }, [x]), k(() => {
+    S.trim() && L();
+  }, [S]), k(() => {
+    L(!0);
+  }, [I]);
+  const U = () => {
+    var r, a;
+    (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.replace) == null || a.call(r), E();
+  }, z = () => {
+    var r, a;
+    (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.nextSearchResult) == null || a.call(r), E();
+  }, G = () => {
+    var r, a;
+    (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.previousSearchResult) == null || a.call(r), E();
+  }, D = () => {
+    var r, a;
+    A(""), w(""), (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.resetIndex) == null || a.call(r), y();
+  }, J = () => {
+    var r, a;
+    (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.replaceAll) == null || a.call(r), j("0/0");
+  };
+  return s ? /* @__PURE__ */ T(ae, { onOpenChange: d, open: f, children: [
+    /* @__PURE__ */ u(le, { asChild: !0, disabled: o, children: /* @__PURE__ */ u(
+      re,
+      {
+        action: H,
+        disabled: o,
+        icon: n,
+        shortcutKeys: l,
+        tooltip: i,
+        tooltipOptions: c
+      }
+    ) }),
+    /* @__PURE__ */ T(oe, { align: "start", className: "richtext-w-full", hideWhenDetached: !0, side: "bottom", children: [
+      /* @__PURE__ */ T("div", { className: "richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between", children: [
+        /* @__PURE__ */ u(B, { children: t("editor.search.dialog.text") }),
+        /* @__PURE__ */ u("span", { className: "richtext-font-semibold", children: W })
+      ] }),
+      /* @__PURE__ */ T("div", { className: "richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: [
+        /* @__PURE__ */ u(
+          V,
+          {
+            autoFocus: !0,
+            className: "richtext-w-full",
+            onChange: (r) => A(r.target.value),
+            placeholder: "Text",
+            required: !0,
+            type: "text",
+            value: x
+          }
+        ),
+        /* @__PURE__ */ u(N, { className: "richtext-flex-1", onClick: G, children: /* @__PURE__ */ u(q, { name: "ChevronUp" }) }),
+        /* @__PURE__ */ u(N, { className: "richtext-flex-1", onClick: z, children: /* @__PURE__ */ u(q, { name: "ChevronDown" }) }),
+        /* @__PURE__ */ u(N, { className: "richtext-flex-1", onClick: D, children: "Clear" })
+      ] }),
+      /* @__PURE__ */ u(B, { className: "richtext-mb-[6px]", children: t("editor.replace.dialog.text") }),
+      /* @__PURE__ */ u("div", { className: "richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ u("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: /* @__PURE__ */ u(
+        V,
+        {
+          className: "richtext-w-80",
+          onChange: (r) => w(r.target.value),
+          placeholder: "Text",
+          required: !0,
+          type: "text",
+          value: S
+        }
+      ) }) }),
+      /* @__PURE__ */ T("div", { className: "richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-1", children: [
+        /* @__PURE__ */ u(
+          ne,
+          {
+            checked: I,
+            onCheckedChange: (r) => {
+              M(r), e.commands.setCaseSensitive(r);
+            }
+          }
+        ),
+        /* @__PURE__ */ u(B, { children: t("editor.replace.caseSensitive") })
+      ] }),
+      /* @__PURE__ */ T("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
+        /* @__PURE__ */ u(N, { className: "richtext-flex-1", onClick: U, children: t("editor.replace.dialog.text") }),
+        /* @__PURE__ */ u(N, { className: "richtext-flex-1", onClick: J, children: t("editor.replaceAll.dialog.text") })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ u(_, {});
+}
+const C = (t, e) => e(t.tr);
+function ie(t, e, s) {
+  return RegExp(
+    e ? t.replace(/[$()*+.?[\\\]^{|}]/g, String.raw`\$&`) : t,
+    s ? "gu" : "gui"
+  );
+}
+function ue(t, e, s, n) {
+  const i = [], l = [];
+  let c = [], h = 0;
+  if (!e)
+    return {
+      decorationsToReturn: $.empty,
+      results: []
+    };
+  t == null || t.descendants((m, o) => {
+    m.isText ? c[h] ? c[h] = {
+      text: c[h].text + m.text,
+      pos: c[h].pos
+    } : c[h] = {
+      text: `${m.text}`,
+      pos: o
+    } : h += 1;
+  }), c = c.filter(Boolean);
+  for (const m of c) {
+    const { text: o, pos: f } = m, d = Array.from(o.matchAll(e)).filter(([x]) => x.trim());
+    for (const x of d) {
+      if (x[0] === "") break;
+      x.index !== void 0 && l.push({
+        from: f + x.index,
+        to: f + x.index + x[0].length
+      });
+    }
+  }
+  for (const [m, o] of l.entries()) {
+    const f = m === n ? `${s} ${s}-current` : s, d = Z.inline(o.from, o.to, {
+      class: f
+    });
+    i.push(d);
+  }
+  return {
+    decorationsToReturn: $.create(t, i),
+    results: l
+  };
+}
+function K(t, e, { state: s, dispatch: n }) {
+  if (!e[0]) return;
+  const { from: l, to: c } = e[0];
+  n && n(s.tr.insertText(t, l, c));
+}
+function he(t, e, s, n) {
+  const i = e + 1;
+  if (!n[i]) return null;
+  const { from: l, to: c } = n[e], h = c - l - t.length + s, { from: m, to: o } = n[i];
+  return n[i] = {
+    to: o - h,
+    from: m - h
+  }, [h, n];
+}
+function me(t, e, { tr: s, dispatch: n }) {
+  let i = 0, l = e.slice();
+  if (l.length !== 0) {
+    for (let c = 0; c < l.length; c += 1) {
+      const { from: h, to: m } = l[c];
+      s.insertText(t, h, m);
+      const o = he(t, c, i, l);
+      o && (i = o[0], l = o[1]);
+    }
+    n(s);
+  }
+}
+const xe = Q.create({
+  name: "searchAndReplace",
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      searchTerm: "",
+      replaceTerm: "",
+      results: [],
+      searchResultClass: "search-result",
+      searchResultCurrentClass: "search-result-current",
+      caseSensitive: !1,
+      disableRegex: !0,
+      onChange: () => {
+      },
+      button: ({ editor: e, t: s }) => ({
+        // component: RichTextSearchAndReplace,
+        componentProps: {
+          action: () => {
+          },
+          icon: "SearchAndReplace",
+          tooltip: s("editor.searchAndReplace.tooltip"),
+          isActive: () => !0,
+          editor: e
+        }
+      })
+    };
+  },
+  addStorage() {
+    return {
+      searchTerm: "",
+      replaceTerm: "",
+      results: [],
+      lastSearchTerm: "",
+      caseSensitive: !1,
+      lastCaseSensitive: !1,
+      resultIndex: 0,
+      lastResultIndex: 0
+    };
+  },
+  addCommands() {
+    return {
+      setSearchTerm: (t) => ({ editor: e, state: s, dispatch: n }) => (e.storage.searchAndReplace.searchTerm = t, C(s, n), !1),
+      setReplaceTerm: (t) => ({ editor: e, state: s, dispatch: n }) => (e.storage.searchAndReplace.replaceTerm = t, C(s, n), !1),
+      setCaseSensitive: (t) => ({ editor: e, state: s, dispatch: n }) => (e.storage.searchAndReplace.caseSensitive = t, C(s, n), !1),
+      resetIndex: () => ({ editor: t, state: e, dispatch: s }) => (t.storage.searchAndReplace.resultIndex = 0, C(e, s), !1),
+      nextSearchResult: () => ({ editor: t }) => {
+        const { results: e, resultIndex: s } = t.storage.searchAndReplace, n = s + 1;
+        return e[n] ? t.storage.searchAndReplace.resultIndex = n : t.storage.searchAndReplace.resultIndex = 0, !1;
+      },
+      previousSearchResult: () => ({ editor: t }) => {
+        const { results: e, resultIndex: s } = t.storage.searchAndReplace, n = s - 1;
+        return e[n] ? t.storage.searchAndReplace.resultIndex = n : t.storage.searchAndReplace.resultIndex = e.length - 1, !1;
+      },
+      replace: () => ({ editor: t, state: e, dispatch: s }) => {
+        const { replaceTerm: n, results: i, resultIndex: l } = t.storage.searchAndReplace, c = i[l];
+        return c ? (K(n, [c], { state: e, dispatch: s }), t.storage.searchAndReplace.results.splice(l, 1)) : (K(n, i, { state: e, dispatch: s }), t.storage.searchAndReplace.results.shift()), C(e, s), !1;
+      },
+      replaceAll: () => ({ editor: t, tr: e, state: s, dispatch: n }) => {
+        const { replaceTerm: i, results: l } = t.storage.searchAndReplace;
+        return me(i, l, { tr: e, dispatch: n }), t.storage.searchAndReplace.resultIndex = 0, t.storage.searchAndReplace.results = [], C(s, n), !1;
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const t = this.editor, { searchResultClass: e, disableRegex: s } = this.options, n = (c) => t.storage.searchAndReplace.lastSearchTerm = c, i = (c) => t.storage.searchAndReplace.lastCaseSensitive = c, l = (c) => t.storage.searchAndReplace.lastResultIndex = c;
+    return [
+      new X({
+        key: new Y(`richtextCustomPlugin${this.name}`),
+        state: {
+          init: () => $.empty,
+          apply({ doc: c, docChanged: h }, m) {
+            const {
+              searchTerm: o,
+              lastSearchTerm: f,
+              caseSensitive: d,
+              lastCaseSensitive: x,
+              resultIndex: A,
+              lastResultIndex: S
+            } = t.storage.searchAndReplace;
+            if (!h && f === o && x === d && S === A)
+              return m;
+            if (n(o), i(d), l(A), !o)
+              return t.storage.searchAndReplace.results = [], $.empty;
+            const { decorationsToReturn: w, results: I } = ue(
+              c,
+              ie(o, s, d),
+              e,
+              A
+            );
+            return t.storage.searchAndReplace.results = I, w;
+          }
+        },
+        props: {
+          decorations(c) {
+            return this.getState(c);
+          }
+        }
+      })
+    ];
+  }
+});
+export {
+  Ce as RichTextSearchAndReplace,
+  xe as SearchAndReplace
+};

package/lib/SlashCommand.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./clsx-CXbNJWDD.cjs"),u=require("@tiptap/pm/state"),d=require("./index-Cs6cp0Y6.cjs"),r=require("./SlashCommandNodeView-rDJ7OjRd.cjs"),a=require("./updatePosition-Cjuj2E26.cjs"),s=require("react/jsx-runtime"),l=require("react"),m=require("./index-bVGIXhRg.cjs");function c({commandList:e}){const[,t]=r.useSignalCommandList(),{t:n}=m.useLocale();return l.useEffect(()=>{if(!(e!=null&&e.length)){const o=r.renderCommandListDefault({t:n});t(o);return}t(e)},[n,e]),s.jsx(s.Fragment,{})}const C=i.Extension.create({name:"richtextSlashCommand",priority:200,addProseMirrorPlugins(){return[d.Suggestion({pluginKey:new u.PluginKey("richtextSlashCommandPlugin"),editor:this.editor,char:"/",command:({editor:e,range:t,props:n})=>{const{view:o}=e;n.action({editor:e,range:t}),o.focus()},render:()=>{let e;return{onStart:t=>{t.clientRect&&(e=new i.ReactRenderer(r.SlashCommandNodeView,{props:t,editor:t.editor}),e.element.style.position="absolute",document.body.appendChild(e.element),a.updatePosition(t.editor,e.element))},onUpdate(t){e.updateProps(t),t.clientRect&&a.updatePosition(t.editor,e.element)},onKeyDown(t){var n;return t.event.key==="Escape"?(e.destroy(),e.element.remove(),!0):(n=e.ref)==null?void 0:n.onKeyDown(t)},onExit(){e&&(e.destroy(),e.element.remove())}}}})]}});exports.renderCommandListDefault=r.renderCommandListDefault;exports.useFilterCommandList=r.useFilterCommandList;exports.SlashCommand=C;exports.SlashCommandList=c;

package/lib/SlashCommand.js

@@ -0,0 +1,90 @@
+import { E as i, R as a } from "./clsx-CDyrfCnw.js";
+import { PluginKey as m } from "@tiptap/pm/state";
+import { S as s } from "./index-CsSfYR30.js";
+import { u, r as l, S as d } from "./SlashCommandNodeView-BcmtKbEE.js";
+import { a as b } from "./SlashCommandNodeView-BcmtKbEE.js";
+import { u as o } from "./updatePosition-e90ZrFWW.js";
+import { jsx as f, Fragment as c } from "react/jsx-runtime";
+import { useEffect as h } from "react";
+import { u as C } from "./index-4Q5IhypJ.js";
+function E({ commandList: e }) {
+  const [, t] = u(), { t: r } = C();
+  return h(() => {
+    if (!(e != null && e.length)) {
+      const n = l({ t: r });
+      t(n);
+      return;
+    }
+    t(e);
+  }, [r, e]), /* @__PURE__ */ f(c, {});
+}
+const v = /* @__PURE__ */ i.create({
+  name: "richtextSlashCommand",
+  priority: 200,
+  // addOptions() {
+  //   return {
+  //     suggestion: {
+  //       char: '/',
+  //     },
+  //   };
+  // },
+  addProseMirrorPlugins() {
+    return [
+      s({
+        pluginKey: new m("richtextSlashCommandPlugin"),
+        editor: this.editor,
+        char: "/",
+        // allowSpaces: true,
+        // startOfLine: true,
+        // pluginKey: new PluginKey(`richtextCustomPlugin${this.name}`),
+        // allow: ({ state, range }) => {
+        //   const $from = state.doc.resolve(range.from);
+        //   const isRootDepth = $from.depth === 1;
+        //   const isParagraph = $from.parent.type.name === 'paragraph';
+        //   const isStartOfNode = $from.parent.textContent?.charAt(0) === '/';
+        //   const isInColumn = this.editor.isActive('column');
+        //   const afterContent = $from.parent.textContent?.slice(
+        //     Math.max(0, $from.parent.textContent?.indexOf('/')),
+        //   );
+        //   const isValidAfterContent = !afterContent?.endsWith('  ');
+        //   return (
+        //     ((isRootDepth && isParagraph && isStartOfNode)
+        //       || (isInColumn && isParagraph && isStartOfNode))
+        //     && isValidAfterContent
+        //   );
+        // },
+        command: ({ editor: e, range: t, props: r }) => {
+          const { view: n } = e;
+          r.action({ editor: e, range: t }), n.focus();
+        },
+        render: () => {
+          let e;
+          return {
+            onStart: (t) => {
+              t.clientRect && (e = new a(d, {
+                props: t,
+                editor: t.editor
+              }), e.element.style.position = "absolute", document.body.appendChild(e.element), o(t.editor, e.element));
+            },
+            onUpdate(t) {
+              e.updateProps(t), t.clientRect && o(t.editor, e.element);
+            },
+            onKeyDown(t) {
+              var r;
+              return t.event.key === "Escape" ? (e.destroy(), e.element.remove(), !0) : (r = e.ref) == null ? void 0 : r.onKeyDown(t);
+            },
+            onExit() {
+              e && (e.destroy(), e.element.remove());
+            }
+          };
+        }
+      })
+    ];
+  }
+});
+export {
+  v as SlashCommand,
+  E as SlashCommandList,
+  l as renderCommandListDefault,
+  b as useFilterCommandList
+};

package/lib/SlashCommandNodeView-BcmtKbEE.js

@@ -0,0 +1,249 @@
+import { jsx as m, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as y, useState as b, useRef as v, useImperativeHandle as S, useEffect as B, Fragment as D } from "react";
+import { E as w, v as N, L as T, c as V, I as $ } from "./index-lj3VWExo.js";
+import "./theme.js";
+import { H as L, u as z } from "./index-4Q5IhypJ.js";
+import { y as q, V as G } from "./index-BG0kQamI.js";
+function X({ t: i }) {
+  const a = [
+    {
+      name: "format",
+      title: i("editor.slash.format"),
+      commands: []
+    },
+    {
+      name: "insert",
+      title: i("editor.slash.insert"),
+      commands: []
+    }
+  ];
+  return L.forEach((e) => {
+    a[0].commands.push({
+      name: `heading${e}`,
+      label: i(e === "Paragraph" ? "editor.paragraph.tooltip" : `editor.heading.h${e}.tooltip`),
+      aliases: [`h${e}`, "bt", `bt${e}`],
+      iconName: `Heading${e}`,
+      isActive: (t) => e === "Paragraph" ? !1 : t.isActive("heading", { level: e }) || !1,
+      action: ({ editor: t, range: l }) => {
+        const s = L.find(
+          (d) => t.isActive("heading", { level: d })
+        );
+        if (e === "Paragraph") {
+          s !== void 0 && s !== "Paragraph" && t.commands.toggleHeading({ level: s }), t.chain().focus().deleteRange(l).run();
+          return;
+        }
+        if (e) {
+          t.chain().focus().deleteRange(l).setHeading({ level: e }).run();
+          return;
+        }
+        t.chain().focus().deleteRange(l).run();
+      }
+    });
+  }), a[0].commands.push({
+    name: "bulletList",
+    label: i("editor.bulletlist.tooltip"),
+    aliases: ["ul", "yxlb"],
+    iconName: "List",
+    isActive: (e) => e.isActive("bulletList"),
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleBulletList().run();
+    }
+  }), a[0].commands.push({
+    name: "orderedlist",
+    label: i("editor.orderedlist.tooltip"),
+    aliases: ["ol", "yxlb"],
+    iconName: "ListOrdered",
+    isActive: (e) => e.isActive("orderedList"),
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleOrderedList().run();
+    }
+  }), a[0].commands.push({
+    name: "taskList",
+    label: i("editor.tasklist.tooltip"),
+    iconName: "ListTodo",
+    description: "Task list with todo items",
+    aliases: ["todo"],
+    isActive: (e) => e.isActive("taskList"),
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleTaskList().run();
+    }
+  }), a[0].commands.push({
+    name: "blockquote",
+    label: i("editor.blockquote.tooltip"),
+    description: "插入引入格式",
+    aliases: ["yr"],
+    iconName: "TextQuote",
+    isActive: (e) => e.isActive("blockquote"),
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setBlockquote().run();
+    }
+  }), a[0].commands.push({
+    name: "codeBlock",
+    label: i("editor.codeblock.tooltip"),
+    iconName: "Code2",
+    description: "Code block with syntax highlighting",
+    shouldBeHidden: (e) => e.isActive("columns"),
+    isActive: (e) => e.isActive("codeBlock"),
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setCodeBlock().run();
+    }
+  }), a[1].commands.push({
+    name: "image",
+    label: i("editor.image.tooltip"),
+    iconName: "ImageUp",
+    description: "Insert a image",
+    aliases: ["image", "tp", "tupian"],
+    shouldBeHidden: (e) => e.isActive("columns"),
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).run();
+      const l = w.UPLOAD_IMAGE(e.id);
+      N(l, !0);
+    }
+  }), a[1].commands.push({
+    name: "video",
+    label: i("editor.video.tooltip"),
+    iconName: "Video",
+    description: "Insert a video",
+    aliases: ["video", "sp", "shipin"],
+    shouldBeHidden: (e) => e.isActive("columns"),
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).run();
+      const l = w.UPLOAD_VIDEO(e.id);
+      N(l, !0);
+    }
+  }), a[1].commands.push({
+    name: "table",
+    label: i("editor.table.tooltip"),
+    iconName: "Table",
+    description: "Insert a table",
+    aliases: ["table", "bg", "biaoge", "biao"],
+    shouldBeHidden: (e) => e.isActive("columns"),
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).insertTable({ rows: 3, cols: 3, withHeaderRow: !1 }).run();
+    }
+  }), a[1].commands.push({
+    name: "horizontalRule",
+    label: i("editor.horizontalrule.tooltip"),
+    iconName: "Minus",
+    description: "Insert a horizontal divider",
+    aliases: ["hr", "fgx", "fg"],
+    action: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setHorizontalRule().run();
+    }
+  }), a[1].commands.push({
+    name: "columns",
+    label: i("editor.columns.tooltip"),
+    iconName: "Columns2",
+    description: "Add two column content",
+    action: ({ editor: e }) => {
+      e.chain().focus().insertColumns({ cols: 2 }).run();
+    }
+  }), a;
+}
+function P(i, a) {
+  return i.map((t) => ({
+    ...t,
+    commands: t.commands.filter((l) => {
+      const s = l.label.toLowerCase().trim(), d = a.toLowerCase().trim();
+      if (l.aliases) {
+        const u = l.aliases.map((h) => h.toLowerCase().trim()), x = s.match(d), r = u.some((h) => h.match(d));
+        return x || r;
+      }
+      return s.match(d);
+    })
+  })).filter((t) => t.commands.length > 0);
+}
+const U = q([]);
+function O() {
+  const [i, a] = G(U);
+  return [i, a];
+}
+function F(i, a) {
+  const [e] = O(), [t, l] = b(0), [s, d] = b(0), u = v(null), { t: x } = z(), r = P(e, i.query), h = v([]);
+  S(a, () => ({
+    onKeyDown: A
+  })), B(() => {
+    if (!u.current)
+      return;
+    const o = s * 1e3 + t, n = h.current[o];
+    n && n.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }, [t, s]);
+  function A({ event: o }) {
+    return o.key === "ArrowUp" ? (C(), !0) : o.key === "ArrowDown" ? (I(), !0) : o.key === "Enter" ? (k(), !0) : !1;
+  }
+  function C() {
+    var c;
+    if (r.length === 0)
+      return !1;
+    let o = t - 1, n = s;
+    o < 0 && (n = s - 1, o = ((c = r[n]) == null ? void 0 : c.commands.length) - 1 || 0), n < 0 && (n = r.length - 1, o = r[n].commands.length - 1), l(o), d(n);
+  }
+  function I() {
+    if (r.length === 0)
+      return !1;
+    const o = r[s].commands;
+    let n = t + 1, c = s;
+    o.length - 1 < n && (n = 0, c = s + 1), r.length - 1 < c && (c = 0), l(n), d(c);
+  }
+  function k() {
+    if (r.length === 0 || s === -1 || t === -1)
+      return !1;
+    p(s, t);
+  }
+  function p(o, n) {
+    const c = r[o].commands[n];
+    i == null || i.command(c);
+  }
+  function R(o, n) {
+    p(o, n);
+  }
+  function H(o, n, c) {
+    h.current[o * 1e3 + n] = c;
+  }
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: "richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-y-auto richtext-overflow-x-hidden richtext-rounded-md !richtext-border !richtext-border-solid !richtext-border-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none",
+      "data-richtext-portal": !0,
+      ref: u,
+      children: r != null && r.length ? /* @__PURE__ */ m("div", { className: "richtext-grid richtext-min-w-48 richtext-grid-cols-1 richtext-gap-0.5", children: r == null ? void 0 : r.map((o, n) => /* @__PURE__ */ g(D, { children: [
+        /* @__PURE__ */ m(T, { className: "richtext-mx-[4px] richtext-mb-[4px] richtext-mt-[8px] !richtext-text-[0.65rem] richtext-uppercase", children: o.title }),
+        o.commands.map((c, f) => /* @__PURE__ */ g(
+          "button",
+          {
+            onClick: () => R(n, f),
+            ref: (E) => H(n, f, E),
+            className: V(
+              "richtext-flex richtext-w-full richtext-items-center richtext-gap-3 richtext-rounded-sm !richtext-border-none !richtext-bg-transparent richtext-px-2 richtext-py-1.5 richtext-text-left richtext-text-sm richtext-text-foreground !richtext-outline-none richtext-transition-colors hover:!richtext-bg-accent",
+              {
+                "bg-item-active": s === n && t === f
+              }
+            ),
+            children: [
+              c.iconUrl && /* @__PURE__ */ m("img", { alt: "", className: "richtext-size-6", src: c.iconUrl }),
+              c.iconName && /* @__PURE__ */ m(
+                $,
+                {
+                  className: "!richtext-mr-1 !richtext-text-lg",
+                  name: c.iconName
+                }
+              ),
+              c.label
+            ]
+          },
+          `command-${f}`
+        ))
+      ] }, `slash-${o.title}`)) }) : /* @__PURE__ */ m("div", { className: "richtext-p-3", children: /* @__PURE__ */ m("span", { className: "richtext-text-xs richtext-text-foreground", children: x("editor.slash.empty") }) })
+    }
+  );
+}
+const Y = y(F);
+export {
+  Y as S,
+  P as a,
+  X as r,
+  O as u
+};

package/lib/SlashCommandNodeView-rDJ7OjRd.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("react/jsx-runtime"),u=require("react"),h=require("./index-D9oM__YW.cjs");require("./theme.cjs");const b=require("./index-bVGIXhRg.cjs"),v=require("./index-NsYff_Ni.cjs");function S({t:i}){const a=[{name:"format",title:i("editor.slash.format"),commands:[]},{name:"insert",title:i("editor.slash.insert"),commands:[]}];return b.HEADINGS.forEach(e=>{a[0].commands.push({name:`heading${e}`,label:i(e==="Paragraph"?"editor.paragraph.tooltip":`editor.heading.h${e}.tooltip`),aliases:[`h${e}`,"bt",`bt${e}`],iconName:`Heading${e}`,isActive:t=>e==="Paragraph"?!1:t.isActive("heading",{level:e})||!1,action:({editor:t,range:l})=>{const s=b.HEADINGS.find(m=>t.isActive("heading",{level:m}));if(e==="Paragraph"){s!==void 0&&s!=="Paragraph"&&t.commands.toggleHeading({level:s}),t.chain().focus().deleteRange(l).run();return}if(e){t.chain().focus().deleteRange(l).setHeading({level:e}).run();return}t.chain().focus().deleteRange(l).run()}})}),a[0].commands.push({name:"bulletList",label:i("editor.bulletlist.tooltip"),aliases:["ul","yxlb"],iconName:"List",isActive:e=>e.isActive("bulletList"),action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).toggleBulletList().run()}}),a[0].commands.push({name:"orderedlist",label:i("editor.orderedlist.tooltip"),aliases:["ol","yxlb"],iconName:"ListOrdered",isActive:e=>e.isActive("orderedList"),action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).toggleOrderedList().run()}}),a[0].commands.push({name:"taskList",label:i("editor.tasklist.tooltip"),iconName:"ListTodo",description:"Task list with todo items",aliases:["todo"],isActive:e=>e.isActive("taskList"),action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).toggleTaskList().run()}}),a[0].commands.push({name:"blockquote",label:i("editor.blockquote.tooltip"),description:"插入引入格式",aliases:["yr"],iconName:"TextQuote",isActive:e=>e.isActive("blockquote"),action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).setBlockquote().run()}}),a[0].commands.push({name:"codeBlock",label:i("editor.codeblock.tooltip"),iconName:"Code2",description:"Code block with syntax highlighting",shouldBeHidden:e=>e.isActive("columns"),isActive:e=>e.isActive("codeBlock"),action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).setCodeBlock().run()}}),a[1].commands.push({name:"image",label:i("editor.image.tooltip"),iconName:"ImageUp",description:"Insert a image",aliases:["image","tp","tupian"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).run();const l=h.EVENTS.UPLOAD_IMAGE(e.id);h.emit(l,!0)}}),a[1].commands.push({name:"video",label:i("editor.video.tooltip"),iconName:"Video",description:"Insert a video",aliases:["video","sp","shipin"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).run();const l=h.EVENTS.UPLOAD_VIDEO(e.id);h.emit(l,!0)}}),a[1].commands.push({name:"table",label:i("editor.table.tooltip"),iconName:"Table",description:"Insert a table",aliases:["table","bg","biaoge","biao"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).insertTable({rows:3,cols:3,withHeaderRow:!1}).run()}}),a[1].commands.push({name:"horizontalRule",label:i("editor.horizontalrule.tooltip"),iconName:"Minus",description:"Insert a horizontal divider",aliases:["hr","fgx","fg"],action:({editor:e,range:t})=>{e.chain().focus().deleteRange(t).setHorizontalRule().run()}}),a[1].commands.push({name:"columns",label:i("editor.columns.tooltip"),iconName:"Columns2",description:"Add two column content",action:({editor:e})=>{e.chain().focus().insertColumns({cols:2}).run()}}),a}function w(i,a){return i.map(t=>({...t,commands:t.commands.filter(l=>{const s=l.label.toLowerCase().trim(),m=a.toLowerCase().trim();if(l.aliases){const f=l.aliases.map(x=>x.toLowerCase().trim()),p=s.match(m),r=f.some(x=>x.match(m));return p||r}return s.match(m)})})).filter(t=>t.commands.length>0)}const q=v.y([]);function C(){const[i,a]=v.V(q);return[i,a]}function y(i,a){const[e]=C(),[t,l]=u.useState(0),[s,m]=u.useState(0),f=u.useRef(null),{t:p}=b.useLocale(),r=w(e,i.query),x=u.useRef([]);u.useImperativeHandle(a,()=>({onKeyDown:L})),u.useEffect(()=>{if(!f.current)return;const o=s*1e3+t,n=x.current[o];n&&n.scrollIntoView({behavior:"smooth",block:"nearest"})},[t,s]);function L({event:o}){return o.key==="ArrowUp"?(A(),!0):o.key==="ArrowDown"?(I(),!0):o.key==="Enter"?(R(),!0):!1}function A(){var c;if(r.length===0)return!1;let o=t-1,n=s;o<0&&(n=s-1,o=((c=r[n])==null?void 0:c.commands.length)-1||0),n<0&&(n=r.length-1,o=r[n].commands.length-1),l(o),m(n)}function I(){if(r.length===0)return!1;const o=r[s].commands;let n=t+1,c=s;o.length-1<n&&(n=0,c=s+1),r.length-1<c&&(c=0),l(n),m(c)}function R(){if(r.length===0||s===-1||t===-1)return!1;N(s,t)}function N(o,n){const c=r[o].commands[n];i==null||i.command(c)}function k(o,n){N(o,n)}function H(o,n,c){x.current[o*1e3+n]=c}return d.jsx("div",{className:"richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-y-auto richtext-overflow-x-hidden richtext-rounded-md !richtext-border !richtext-border-solid !richtext-border-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none","data-richtext-portal":!0,ref:f,children:r!=null&&r.length?d.jsx("div",{className:"richtext-grid richtext-min-w-48 richtext-grid-cols-1 richtext-gap-0.5",children:r==null?void 0:r.map((o,n)=>d.jsxs(u.Fragment,{children:[d.jsx(h.Label,{className:"richtext-mx-[4px] richtext-mb-[4px] richtext-mt-[8px] !richtext-text-[0.65rem] richtext-uppercase",children:o.title}),o.commands.map((c,g)=>d.jsxs("button",{onClick:()=>k(n,g),ref:E=>H(n,g,E),className:h.cn("richtext-flex richtext-w-full richtext-items-center richtext-gap-3 richtext-rounded-sm !richtext-border-none !richtext-bg-transparent richtext-px-2 richtext-py-1.5 richtext-text-left richtext-text-sm richtext-text-foreground !richtext-outline-none richtext-transition-colors hover:!richtext-bg-accent",{"bg-item-active":s===n&&t===g}),children:[c.iconUrl&&d.jsx("img",{alt:"",className:"richtext-size-6",src:c.iconUrl}),c.iconName&&d.jsx(h.IconComponent,{className:"!richtext-mr-1 !richtext-text-lg",name:c.iconName}),c.label]},`command-${g}`))]},`slash-${o.title}`))}):d.jsx("div",{className:"richtext-p-3",children:d.jsx("span",{className:"richtext-text-xs richtext-text-foreground",children:p("editor.slash.empty")})})})}const D=u.forwardRef(y);exports.SlashCommandNodeView=D;exports.renderCommandListDefault=S;exports.useFilterCommandList=w;exports.useSignalCommandList=C;

package/lib/Strike.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./clsx-CXbNJWDD.cjs"),n=require("react/jsx-runtime"),o=require("./index-D9oM__YW.cjs");require("react");require("./theme.cjs");var m=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/,h=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g,S=r.Mark.create({name:"strike",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"s"},{tag:"del"},{tag:"strike"},{style:"text-decoration",consuming:!1,getAttrs:t=>t.includes("line-through")?{}:!1}]},renderHTML({HTMLAttributes:t}){return["s",r.mergeAttributes(this.options.HTMLAttributes,t),0]},markdownTokenName:"del",parseMarkdown:(t,e)=>e.applyMark("strike",e.parseInline(t.tokens||[])),renderMarkdown:(t,e)=>`~~${e.renderChildren(t)}~~`,addCommands(){return{setStrike:()=>({commands:t})=>t.setMark(this.name),toggleStrike:()=>({commands:t})=>t.toggleMark(this.name),unsetStrike:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-s":()=>this.editor.commands.toggleStrike()}},addInputRules(){return[r.markInputRule({find:m,type:this.type})]},addPasteRules(){return[r.markPasteRule({find:h,type:this.type})]}});function f(){const t=o.useButtonProps(d.name),{icon:e=void 0,tooltip:i=void 0,shortcutKeys:s=void 0,tooltipOptions:c={},action:a=void 0,isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:k,disabled:u,update:p}=o.useToggleActive(l),g=()=>{u||a&&(a(),p())};return t?n.jsx(o.ActionButton,{action:g,dataState:k,disabled:u,icon:e,shortcutKeys:s,tooltip:i,tooltipOptions:c}):n.jsx(n.Fragment,{})}const d=S.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:i,extension:s})=>({componentProps:{action:()=>e.commands.toggleStrike(),isActive:()=>e.isActive("strike")||!1,disabled:!1,icon:"Strikethrough",shortcutKeys:s.options.shortcutKeys??["shift","mod","S"],tooltip:i("editor.strike.tooltip")}})}}});exports.RichTextStrike=f;exports.Strike=d;