@clevertask/scribe 0.0.12 → 0.0.14

package/dist/components/Scribe/index.js

@@ -1,111 +1,110 @@
-import { jsx as s, jsxs as O } from "react/jsx-runtime";
-import R from "../Menu/BarMenu.js";
-import { c as f } from "../../clsx-OuTLNxxd.js";
-import { html2md as g } from "../../utils/html-to-markdown.js";
-import "../../marked.esm-BS_MmRZC.js";
-import "../../purify.es-BGaRrCfO.js";
-import { E as T } from "../../index-DoNRu1rY.js";
-import { initExtensions as z } from "./extension/index.js";
-import { E as J } from "../../index-VneQGVTd.js";
-import { forwardRef as P, useRef as D, useCallback as a, useImperativeHandle as F, useEffect as c } from "react";
+import { jsx as n, jsxs as P } from "react/jsx-runtime";
+import O from "../Menu/BarMenu.js";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import { html2md as b } from "../../utils/html-to-markdown.js";
+import "../../marked.esm-H7n4rMcO.js";
+import "../../purify.es-BRDuGiV2.js";
+import { E as R } from "../../index-flsxByQS.js";
+import { initExtensions as T } from "./extension/index.js";
+import { E as z } from "../../index-Bvgjhwaj.js";
+import { forwardRef as J, useRef as D, useCallback as s, useImperativeHandle as F, useEffect as i } from "react";
 import { ListOptionBar as I } from "../Menu/Mobile/ListOptionBar.js";
-import '../../assets/index.css';const _ = P((C, x) => {
+import '../../assets/index.css';const _ = J((p, g) => {
   const {
-    autoFocus: d = !1,
-    content: E,
-    editable: e = !0,
-    editorProps: r,
-    extensions: h,
-    onContentChange: i,
-    showBarMenu: w = !0,
-    editorContentStyle: y,
-    editorContentClassName: M,
-    mainContainerStyle: N,
-    mainContainerClassName: j,
-    onKeyDown: k,
-    externalEditor: v,
-    darkMode: l,
-    mobile: S
-  } = C, p = D(v || null), u = a(
-    ({ editor: n }) => {
-      const o = n.getHTML(), m = n.getJSON(), L = !e;
-      i && i({
-        jsonContent: n.isEmpty ? "" : m,
-        htmlContent: n.isEmpty ? "" : o,
-        markdownContent: n.isEmpty ? "" : g(o),
+    autoFocus: u = !1,
+    content: f,
+    editable: o = !0,
+    editorProps: C,
+    extensions: x,
+    onContentChange: m,
+    showBarMenu: h = !0,
+    editorContentStyle: w,
+    editorContentClassName: y,
+    mainContainerStyle: M,
+    mainContainerClassName: N,
+    onKeyDown: j,
+    externalEditor: k,
+    darkMode: a,
+    mobile: v
+  } = p, c = D(k || null), d = s(
+    ({ editor: e }) => {
+      const r = e.getHTML(), H = e.getJSON(), L = !o;
+      m && m({
+        jsonContent: e.isEmpty ? "" : H,
+        htmlContent: e.isEmpty ? "" : r,
+        markdownContent: e.isEmpty ? "" : b(r),
         source: L ? "programmatic" : "user"
       });
     },
-    [e, i]
+    [o, m]
   );
-  p.current || (p.current = new T({
-    ...r,
-    editable: e,
-    extensions: [...z(C), ...h ?? []],
+  c.current || (c.current = new R({
+    ...C,
+    editable: o,
+    extensions: [...T(p), ...x ?? []],
     editorProps: {
       attributes: {
         class: "scribe"
       },
-      ...r == null ? void 0 : r.editorProps
+      ...C?.editorProps
     }
   }));
-  const t = p.current, b = a(() => {
-    t == null || t.commands.setContent("");
-  }, []), B = a(
-    (n) => {
-      var m;
-      const o = {
-        html: () => t == null ? void 0 : t.getHTML(),
-        json: () => t == null ? void 0 : t.getJSON(),
-        markdown: () => g((t == null ? void 0 : t.getHTML()) || "")
+  const t = c.current, E = s(() => {
+    t?.commands.setContent("");
+  }, []), S = s(
+    (e) => {
+      const r = {
+        html: () => t?.getHTML(),
+        json: () => t?.getJSON(),
+        markdown: () => b(t?.getHTML() || "")
       };
-      return t != null && t.isEmpty ? "" : (m = o[n]) == null ? void 0 : m.call(o);
+      return t?.isEmpty ? "" : r[e]?.();
     },
     []
-  ), H = a((n) => {
-    t == null || t.commands.setContent(n);
+  ), B = s((e) => {
+    t?.commands.setContent(e);
   }, []);
-  return F(x, () => ({
-    resetContent: b,
-    setContent: H,
-    getContent: B,
+  return F(g, () => ({
+    resetContent: E,
+    setContent: B,
+    getContent: S,
     editor: t
-  }), [b]), c(() => {
-    t == null || t.commands.setContent(E || "");
-  }, [E]), c(() => {
-    t == null || t.setEditable(!!e);
-  }, [e]), c(() => (t.off("update"), t.on("update", u), () => {
-    t.off("update", u);
-  }), [u]), c(() => {
-    d && (t == null || t.commands.focus("end"));
-  }, [d]), /* @__PURE__ */ s(
+  }), [E]), i(() => {
+    t?.commands.setContent(f || "");
+  }, [f]), i(() => {
+    t?.setEditable(!!o);
+  }, [o]), i(() => (t.off("update"), t.on("update", d), () => {
+    t.off("update", d);
+  }), [d]), i(() => {
+    u && t?.commands.focus("end");
+  }, [u]), /* @__PURE__ */ n(
     "div",
     {
-      className: f("scribe-wrapper", j),
-      style: N,
-      children: /* @__PURE__ */ O(
+      className: l("scribe-wrapper", N),
+      style: M,
+      children: /* @__PURE__ */ P(
         "div",
         {
-          className: f(
-            e && "rounded-lg border",
-            l ? "border-zinc-700" : "border-zinc-200"
+          className: l(
+            o && "rounded-lg border",
+            a ? "border-zinc-700" : "border-zinc-200"
           ),
           children: [
-            t && w && /* @__PURE__ */ s(R, { editor: t, darkMode: !!l }),
-            /* @__PURE__ */ s(
+            t && h && /* @__PURE__ */ n(O, { editor: t, darkMode: !!a }),
+            /* @__PURE__ */ n(
               "div",
               {
-                className: f(
+                className: l(
                   "prose max-w-none",
-                  e && "w-full p-[16px]",
-                  l && "prose-invert",
-                  M
+                  o && "w-full p-[16px]",
+                  a && "prose-invert",
+                  y
                 ),
-                style: y,
-                children: /* @__PURE__ */ s(J, { editor: t, onKeyDown: k })
+                style: w,
+                children: /* @__PURE__ */ n(z, { editor: t, onKeyDown: j })
               }
             ),
-            S && /* @__PURE__ */ s(I, { editor: t })
+            v && /* @__PURE__ */ n(I, { editor: t })
           ]
         }
       )

package/dist/index-BfaHEr44.js

@@ -0,0 +1,159 @@
+import { P as L, b as U, D as z, c as G, e as H, a as J } from "./index-flsxByQS.js";
+function Q(y) {
+  var i;
+  const { char: f, allowSpaces: D, allowToIncludeChar: I, allowedPrefixes: v, startOfLine: K, $position: g } = y, P = D && !I, m = H(f), B = new RegExp(`\\s${m}$`), C = K ? "^" : "", M = I ? "" : m, S = P ? new RegExp(`${C}${m}.*?(?=\\s${M}|$)`, "gm") : new RegExp(`${C}(?:^)?${m}[^\\s${M}]*`, "gm"), p = ((i = g.nodeBefore) === null || i === void 0 ? void 0 : i.isText) && g.nodeBefore.text;
+  if (!p)
+    return null;
+  const k = g.pos - p.length, n = Array.from(p.matchAll(S)).pop();
+  if (!n || n.input === void 0 || n.index === void 0)
+    return null;
+  const e = n.input.slice(Math.max(0, n.index - 1), n.index), $ = new RegExp(`^[${v?.join("")}\0]?$`).test(e);
+  if (v !== null && !$)
+    return null;
+  const o = k + n.index;
+  let a = o + n[0].length;
+  return P && B.test(p.slice(a - 1, a + 1)) && (n[0] += " ", a += 1), o < g.pos && a >= g.pos ? {
+    range: {
+      from: o,
+      to: a
+    },
+    query: n[0].slice(f.length),
+    text: n[0]
+  } : null;
+}
+const V = new L("suggestion");
+function W({ pluginKey: y = V, editor: i, char: f = "@", allowSpaces: D = !1, allowToIncludeChar: I = !1, allowedPrefixes: v = [" "], startOfLine: K = !1, decorationTag: g = "span", decorationClass: P = "suggestion", decorationContent: m = "", decorationEmptyClass: B = "is-empty", command: C = () => null, items: M = () => [], render: S = () => ({}), allow: p = () => !0, findSuggestionMatch: k = Q }) {
+  let n;
+  const e = S?.(), $ = new U({
+    key: y,
+    view() {
+      return {
+        update: async (o, a) => {
+          var l, c, r, u, d, w, h;
+          const t = (l = this.key) === null || l === void 0 ? void 0 : l.getState(a), s = (c = this.key) === null || c === void 0 ? void 0 : c.getState(o.state), q = t.active && s.active && t.range.from !== s.range.from, b = !t.active && s.active, j = t.active && !s.active, A = !b && !j && t.query !== s.query, _ = b || q && A, R = A || q, N = j || q && A;
+          if (!_ && !R && !N)
+            return;
+          const x = N && !_ ? t : s, F = o.dom.querySelector(`[data-decoration-id="${x.decorationId}"]`);
+          n = {
+            editor: i,
+            range: x.range,
+            query: x.query,
+            text: x.text,
+            items: [],
+            command: (E) => C({
+              editor: i,
+              range: x.range,
+              props: E
+            }),
+            decorationNode: F,
+            // virtual node for popper.js or tippy.js
+            // this can be used for building popups without a DOM node
+            clientRect: F ? () => {
+              var E;
+              const { decorationId: T } = (E = this.key) === null || E === void 0 ? void 0 : E.getState(i.state), O = o.dom.querySelector(`[data-decoration-id="${T}"]`);
+              return O?.getBoundingClientRect() || null;
+            } : null
+          }, _ && ((r = e?.onBeforeStart) === null || r === void 0 || r.call(e, n)), R && ((u = e?.onBeforeUpdate) === null || u === void 0 || u.call(e, n)), (R || _) && (n.items = await M({
+            editor: i,
+            query: x.query
+          })), N && ((d = e?.onExit) === null || d === void 0 || d.call(e, n)), R && ((w = e?.onUpdate) === null || w === void 0 || w.call(e, n)), _ && ((h = e?.onStart) === null || h === void 0 || h.call(e, n));
+        },
+        destroy: () => {
+          var o;
+          n && ((o = e?.onExit) === null || o === void 0 || o.call(e, n));
+        }
+      };
+    },
+    state: {
+      // Initialize the plugin's internal state.
+      init() {
+        return {
+          active: !1,
+          range: {
+            from: 0,
+            to: 0
+          },
+          query: null,
+          text: null,
+          composing: !1
+        };
+      },
+      // Apply changes to the plugin state from a view transaction.
+      apply(o, a, l, c) {
+        const { isEditable: r } = i, { composing: u } = i.view, { selection: d } = o, { empty: w, from: h } = d, t = { ...a };
+        if (t.composing = u, r && (w || i.view.composing)) {
+          (h < a.range.from || h > a.range.to) && !u && !a.composing && (t.active = !1);
+          const s = k({
+            char: f,
+            allowSpaces: D,
+            allowToIncludeChar: I,
+            allowedPrefixes: v,
+            startOfLine: K,
+            $position: d.$from
+          }), q = `id_${Math.floor(Math.random() * 4294967295)}`;
+          s && p({
+            editor: i,
+            state: c,
+            range: s.range,
+            isActive: a.active
+          }) ? (t.active = !0, t.decorationId = a.decorationId ? a.decorationId : q, t.range = s.range, t.query = s.query, t.text = s.text) : t.active = !1;
+        } else
+          t.active = !1;
+        return t.active || (t.decorationId = null, t.range = { from: 0, to: 0 }, t.query = null, t.text = null), t;
+      }
+    },
+    props: {
+      // Call the keydown hook if suggestion is active.
+      handleKeyDown(o, a) {
+        var l;
+        const { active: c, range: r } = $.getState(o.state);
+        return c && ((l = e?.onKeyDown) === null || l === void 0 ? void 0 : l.call(e, { view: o, event: a, range: r })) || !1;
+      },
+      // Setup decorator on the currently active suggestion.
+      decorations(o) {
+        const { active: a, range: l, decorationId: c, query: r } = $.getState(o);
+        if (!a)
+          return null;
+        const u = !r?.length, d = [P];
+        return u && d.push(B), z.create(o.doc, [
+          G.inline(l.from, l.to, {
+            nodeName: g,
+            class: d.join(" "),
+            "data-decoration-id": c,
+            "data-decoration-content": m
+          })
+        ]);
+      }
+    }
+  });
+  return $;
+}
+const X = new L("slashSuggestion"), Z = J.create({
+  name: "slashCommand",
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      slashSuggestion: {
+        char: "/",
+        startOfLine: !0,
+        command: ({ editor: y, range: i, props: f }) => {
+          f.command({ editor: y, range: i, props: f });
+        }
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    return [
+      W({
+        pluginKey: X,
+        ...this.options.slashSuggestion,
+        editor: this.editor
+      })
+    ];
+  }
+});
+export {
+  Z as S,
+  W as a,
+  X as s
+};

package/dist/{index-VneQGVTd.js → index-Bvgjhwaj.js}

@@ -1,4 +1,4 @@
-import { b as Wr, P as kr, H as Fr, A as Ur, J as qr, a as zr } from "./index-DoNRu1rY.js";
+import { b as Wr, P as kr, H as Fr, A as Ur, J as qr, a as zr } from "./index-flsxByQS.js";
 import B, { forwardRef as Kr, useState as ur, useDebugValue as Gr, version as Pt, useLayoutEffect as Yr, useEffect as cr, useContext as fr, createContext as lr } from "react";
 import Xr, { flushSync as Jr } from "react-dom";
 var k = "top", G = "bottom", Y = "right", F = "left", Dt = "auto", Fe = [k, G, Y, F], De = "start", Ie = "end", Qr = "clippingParents", pr = "viewport", je = "popper", Zr = "reference", Bt = /* @__PURE__ */ Fe.reduce(function(e, t) {
@@ -692,11 +692,11 @@ function qn(e) {
       var V, H = i === "y" ? k : F, $ = i === "y" ? G : Y, j = i === "y" ? "height" : "width", P = p[i], I = P + w[H], J = P - w[$], Q = h ? -_[j] / 2 : 0, pe = D === De ? x[j] : _[j], Z = D === De ? -_[j] : -x[j], de = t.elements.arrow, ne = h && de ? Ct(de) : {
         width: 0,
         height: 0
-      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : yr(), ie = X[H], be = X[$], oe = Pe(0, x[j], ne[j]), we = O ? x[j] / 2 - Q - oe - ie - R.mainAxis : pe - oe - ie - R.mainAxis, ce = O ? -x[j] / 2 + Q + oe + be + R.mainAxis : Z + oe + be + R.mainAxis, Oe = t.elements.arrow && Ue(t.elements.arrow), ze = Oe ? i === "y" ? Oe.clientTop || 0 : Oe.clientLeft || 0 : 0, Le = (V = N == null ? void 0 : N[i]) != null ? V : 0, Ke = P + we - Le - ze, Ge = P + ce - Le, Re = Pe(h ? at(I, Ke) : I, P, h ? ye(J, Ge) : J);
+      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : yr(), ie = X[H], be = X[$], oe = Pe(0, x[j], ne[j]), we = O ? x[j] / 2 - Q - oe - ie - R.mainAxis : pe - oe - ie - R.mainAxis, ce = O ? -x[j] / 2 + Q + oe + be + R.mainAxis : Z + oe + be + R.mainAxis, Oe = t.elements.arrow && Ue(t.elements.arrow), ze = Oe ? i === "y" ? Oe.clientTop || 0 : Oe.clientLeft || 0 : 0, Le = (V = N?.[i]) != null ? V : 0, Ke = P + we - Le - ze, Ge = P + ce - Le, Re = Pe(h ? at(I, Ke) : I, P, h ? ye(J, Ge) : J);
       p[i] = Re, M[i] = Re - P;
     }
     if (u) {
-      var Me, Ye = i === "x" ? k : F, Xe = i === "x" ? G : Y, ae = p[E], fe = E === "y" ? "height" : "width", Ve = ae + w[Ye], ve = ae - w[Xe], Ne = [k, F].indexOf(T) !== -1, Je = (Me = N == null ? void 0 : N[E]) != null ? Me : 0, Qe = Ne ? Ve : ae - x[fe] - _[fe] - Je + R.altAxis, Ze = Ne ? ae + x[fe] + _[fe] - Je - R.altAxis : ve, et = h && Ne ? hn(Qe, ae, Ze) : Pe(h ? Qe : Ve, ae, h ? Ze : ve);
+      var Me, Ye = i === "x" ? k : F, Xe = i === "x" ? G : Y, ae = p[E], fe = E === "y" ? "height" : "width", Ve = ae + w[Ye], ve = ae - w[Xe], Ne = [k, F].indexOf(T) !== -1, Je = (Me = N?.[E]) != null ? Me : 0, Qe = Ne ? Ve : ae - x[fe] - _[fe] - Je + R.altAxis, Ze = Ne ? ae + x[fe] + _[fe] - Je - R.altAxis : ve, et = h && Ne ? hn(Qe, ae, Ze) : Pe(h ? Qe : Ve, ae, h ? Ze : ve);
       p[E] = et, M[E] = et - ae;
     }
     t.modifiersData[n] = M;
@@ -1547,7 +1547,7 @@ function Ri(e, t) {
         element: z,
         padding: 3
       }
-    }), he.push.apply(he, (g == null ? void 0 : g.modifiers) || []), i.popperInstance = ni(Ee, p, Object.assign({}, g, {
+    }), he.push.apply(he, g?.modifiers || []), i.popperInstance = ni(Ee, p, Object.assign({}, g, {
       placement: S,
       onFirstUpdate: y,
       modifiers: he
@@ -1726,11 +1726,11 @@ class Mi {
         this.preventHide = !1;
         return;
       }
-      u != null && u.relatedTarget && (!((s = this.element.parentNode) === null || s === void 0) && s.contains(u.relatedTarget)) || (u == null ? void 0 : u.relatedTarget) !== this.editor.view.dom && this.hide();
+      u?.relatedTarget && (!((s = this.element.parentNode) === null || s === void 0) && s.contains(u.relatedTarget)) || u?.relatedTarget !== this.editor.view.dom && this.hide();
     }, this.tippyBlurHandler = (u) => {
       this.blurHandler({ event: u });
     }, this.handleDebouncedUpdate = (u, s) => {
-      const d = !(s != null && s.selection.eq(u.state.selection)), l = !(s != null && s.doc.eq(u.state.doc));
+      const d = !s?.selection.eq(u.state.selection), l = !s?.doc.eq(u.state.doc);
       !d && !l || (this.updateDebounceTimer && clearTimeout(this.updateDebounceTimer), this.updateDebounceTimer = window.setTimeout(() => {
         this.updateHandler(u, d, l, s);
       }, this.updateDelay));
@@ -1787,7 +1787,7 @@ class Mi {
       this.handleDebouncedUpdate(t, r);
       return;
     }
-    const a = !(r != null && r.selection.eq(t.state.selection)), c = !(r != null && r.doc.eq(t.state.doc));
+    const a = !r?.selection.eq(t.state.selection), c = !r?.doc.eq(t.state.doc);
     this.updateHandler(t, a, c, r);
   }
   show() {
@@ -1835,15 +1835,6 @@ function Vi(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var xt = { exports: {} }, ht = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var rr;
 function Ni() {
   if (rr) return ht;
@@ -1880,15 +1871,6 @@ function Ni() {
   return ht.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : l, ht;
 }
 var mt = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var nr;
 function ji() {
   return nr || (nr = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -2051,7 +2033,7 @@ class Ii extends B.Component {
       B.Fragment,
       null,
       B.createElement("div", { ref: Pi(r, this.editorContentRef), ...n }),
-      (t == null ? void 0 : t.contentComponent) && B.createElement(Bi, { contentComponent: t.contentComponent })
+      t?.contentComponent && B.createElement(Bi, { contentComponent: t.contentComponent })
     );
   }
 }
@@ -2109,15 +2091,6 @@ var Wi = function e(t, r) {
   }
   return t !== t && r !== r;
 }, ki = /* @__PURE__ */ Vi(Wi), Tt = { exports: {} }, yt = {};
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var ir;
 function Fi() {
   if (ir) return yt;
@@ -2160,15 +2133,6 @@ function Fi() {
   }, yt;
 }
 var gt = {};
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var or;
 function Ui() {
   return or || (or = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -2270,7 +2234,7 @@ const Gi = () => fr(Nr), oo = (e) => {
   const [t, r] = ur(null), { editor: n } = Gi();
   return cr(() => {
     var o;
-    if (!t || !((o = e.editor) === null || o === void 0) && o.isDestroyed || n != null && n.isDestroyed)
+    if (!t || !((o = e.editor) === null || o === void 0) && o.isDestroyed || n?.isDestroyed)
       return;
     const { pluginKey: a = "bubbleMenu", editor: c, tippyOptions: u = {}, updateDelay: s, shouldShow: d = null } = e, l = c || n;
     if (!l) {
@@ -2348,7 +2312,7 @@ class ao {
     const r = this.component, n = this.props, o = this.editor, a = Zi(), c = Qi(r), u = { ...n };
     u.ref && !(a || c) && delete u.ref, !u.ref && (a || c) && (u.ref = (s) => {
       this.ref = s;
-    }), this.reactElement = B.createElement(r, { ...u }), (t = o == null ? void 0 : o.contentComponent) === null || t === void 0 || t.setRenderer(this.id, this);
+    }), this.reactElement = B.createElement(r, { ...u }), (t = o?.contentComponent) === null || t === void 0 || t.setRenderer(this.id, this);
   }
   /**
    * Re-renders the React component with new props.
@@ -2365,7 +2329,7 @@ class ao {
   destroy() {
     var t;
     const r = this.editor;
-    (t = r == null ? void 0 : r.contentComponent) === null || t === void 0 || t.removeRenderer(this.id);
+    (t = r?.contentComponent) === null || t === void 0 || t.removeRenderer(this.id);
   }
   /**
    * Update the attributes of the element that holds the React component.