@clevertask/scribe 0.0.11 → 0.0.13

package/dist/components/Scribe/extension/extension-selectedText.js

@@ -1,4 +1,4 @@
-import { a as o } from "../../../index-DeZ8laak.js";
+import { a as o } from "../../../index-flsxByQS.js";
 const s = o.create({
   name: "SelectedText",
   addCommands: () => ({

package/dist/components/Scribe/extension/index.d.ts

@@ -1,2 +1,2 @@
 import { ScribeProps } from '..';
-export declare const initExtensions: (props: ScribeProps) => (import('@tiptap/core').Mark<import('@tiptap/extension-link').LinkOptions, any> | import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Mark<import('@tiptap/extension-highlight').HighlightOptions, any>)[];
+export declare const initExtensions: (props: ScribeProps) => (import('@tiptap/core').Mark<import('@tiptap/extension-link').LinkOptions, any> | import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Node<import('@tiptap/extension-table-row').TableRowOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-highlight').HighlightOptions, any>)[];

package/dist/components/Scribe/extension/index.js

@@ -1,33 +1,32 @@
 import r from "./extension-link.js";
-import { S as o, T as i, a, b as n, c as l, d as m, e as u, P as c, F as g, H as d, I as f, E as p, f as h, g as b } from "../../../index-CasgquAq.js";
-import { S as T } from "../../../index-BqFHWqw6.js";
-import y from "./extension-selectedText.js";
+import { T as i, a as o, b as a, H as n, M as l, c as m, S as u, d as c, e as g, f as d, P as f, F as h, I as p, E as b, g as T } from "../../../index-CWvaDN_2.js";
+import { S as y } from "../../../index-BfaHEr44.js";
+import C from "./extension-selectedText.js";
 import E from "./slashCommand/renderItems.js";
-import { getSuggestionItems as C } from "./slashCommand/items.js";
-import { LatexExtension as H } from "./math-extension.js";
+import { getSuggestionItems as H } from "./slashCommand/items.js";
 import S from "./emoji/suggest.js";
-const M = (e) => [
-  o.configure({
+const A = (e) => [
+  u.configure({
     dropcursor: {
       width: 4,
       color: "#ebf6fe"
     }
   }),
-  i.configure({
+  c.configure({
     HTMLAttributes: {
       class: "scribe-task-list"
     }
   }),
-  a.configure({
+  g.configure({
     nested: !0
   }),
-  n.configure({
+  d.configure({
     resizable: !0
   }),
-  l,
-  m,
-  u,
-  c.configure({
+  i,
+  o,
+  a,
+  f.configure({
     showOnlyWhenEditable: !0,
     includeChildren: !0,
     showOnlyCurrent: !1,
@@ -35,31 +34,31 @@ const M = (e) => [
     emptyNodeClass: "is-node-empty",
     placeholder: ({ editor: t, node: s }) => t.isDestroyed ? "" : s.type.name === "heading" ? `Heading ${s.attrs.level}` : e.placeholderText || 'Type "/" for commands...'
   }),
-  g.configure({ mode: "deepest", className: "has-focus" }),
-  T.configure({
+  h.configure({ mode: "deepest", className: "has-focus" }),
+  y.configure({
     slashSuggestion: {
-      items: C,
+      items: H,
       render: E(e)
     }
   }),
-  d,
-  y,
+  n,
+  C,
   r,
-  f.configure({
+  p.configure({
     inline: !0,
     HTMLAttributes: {
       class: "scribe-image-node"
     },
     allowBase64: !0
   }),
-  p.configure({
-    emojis: b,
+  b.configure({
+    emojis: T,
     enableEmoticons: !0,
     suggestion: S(e)
   }),
-  H,
-  h
+  l,
+  m
 ];
 export {
-  M as initExtensions
+  A as initExtensions
 };

package/dist/components/Scribe/extension/slashCommand/SlashCommandList.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
-import { h as n } from "../../../../index-CasgquAq.js";
+import { h as n } from "../../../../index-CWvaDN_2.js";
 import "react";
-import "../../../../turndown.browser.es-C1wFFc_i.js";
-import "../../../../browser-BJWkU9cc.js";
+import "../../../../purify.es-DcWaZU6I.js";
+import "../../../../turndown.browser.es-RmA_HBaI.js";
+import "../../../../marked.esm-H7n4rMcO.js";
 import "../../../../utils/is-in-viewport.js";
 import "../extension-link.js";
-import "../../../../index-BqFHWqw6.js";
+import "../../../../index-BfaHEr44.js";
 import "../extension-selectedText.js";
-import "../math-extension.js";
 import "../emoji/EmojiList.js";
 import "../../../../clsx-OuTLNxxd.js";
 export {

package/dist/components/Scribe/extension/slashCommand/index.js

@@ -1,5 +1,5 @@
-import "../../../../index-DeZ8laak.js";
-import { S as o, s as e } from "../../../../index-BqFHWqw6.js";
+import "../../../../index-flsxByQS.js";
+import { S as o, s as e } from "../../../../index-BfaHEr44.js";
 export {
   o as SlashCommand,
   e as slashMenuPluginKey

package/dist/components/Scribe/extension/slashCommand/items.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-var a = /* @__PURE__ */ ((c) => (c.BASIC_BLOCKS = "Basic", c.ADVANCED_BLOCKS = "Advanced", c))(a || {});
-const d = (c) => {
+var o = /* @__PURE__ */ ((c) => (c.BASIC_BLOCKS = "Basic", c.ADVANCED_BLOCKS = "Advanced", c))(o || {});
+const C = (c) => {
   const { query: i } = c;
   return [
     {
@@ -145,15 +145,14 @@ const d = (c) => {
       icon: /* @__PURE__ */ t("svg", { className: "slash-menu-icon", viewBox: "0 0 448 512", children: /* @__PURE__ */ t("path", { d: "M432 80c8.8 0 16 7.16 16 16 0 8.8-7.2 16-16 16H16c-8.836 0-16-7.2-16-16 0-8.84 7.164-16 16-16h416zm0 160c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16h288zM128 416c0-8.8 7.2-16 16-16h288c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zM0 240c0-8.8 7.164-16 16-16 8.84 0 16 7.2 16 16v192c0 8.8-7.16 16-16 16-8.836 0-16-7.2-16-16V240z" }) })
     }
   ].filter((e) => {
-    var s;
     if (typeof i == "string" && i.length > 0) {
-      const n = i.toLowerCase();
-      return e.title.toLowerCase().includes(n) || e.description.toLowerCase().includes(n) || ((s = e.searchTerms) == null ? void 0 : s.some((o) => o.includes(n)));
+      const s = i.toLowerCase();
+      return e.title.toLowerCase().includes(s) || e.description.toLowerCase().includes(s) || e.searchTerms?.some((n) => n.includes(s));
     }
     return !0;
   });
 };
 export {
-  a as SuggestionItemType,
-  d as getSuggestionItems
+  o as SuggestionItemType,
+  C as getSuggestionItems
 };

package/dist/components/Scribe/extension/slashCommand/renderItems.js

@@ -1,13 +1,13 @@
-import { R as c, t as d } from "../../../../index-C_aWB8qt.js";
-import { l as s, h as u } from "../../../../index-CasgquAq.js";
-const y = (a) => () => {
-  let r, t = [], n, i = !s.isEmpty(t);
+import { R as l, t as c } from "../../../../index-Bvgjhwaj.js";
+import { l as o, h as d } from "../../../../index-CWvaDN_2.js";
+const f = (s) => () => {
+  let r, t = [], n, i = !o.isEmpty(t);
   return {
     onStart: (e) => {
-      n = { ...e, ...a }, r = new c(u, {
+      n = { ...e, ...s }, r = new l(d, {
         props: n,
         editor: e.editor
-      }), e.clientRect && (t = d("body", {
+      }), e.clientRect && (t = c("body", {
         getReferenceClientRect: e.clientRect,
         appendTo: () => document.body,
         content: r.element,
@@ -15,7 +15,7 @@ const y = (a) => () => {
         interactive: !0,
         trigger: "manual",
         placement: "bottom-start"
-      }), i = !s.isEmpty(t));
+      }), i = !o.isEmpty(t));
     },
     onUpdate: (e) => {
       n = e, r.updateProps(e), e.clientRect && i && t[0].setProps({
@@ -23,10 +23,9 @@ const y = (a) => () => {
       });
     },
     onKeyDown(e) {
-      var o;
       return e.event.key === "Escape" && i && !t[0].state.isDestroyed ? (t[0].hide(), !0) : (e.event.key === "Enter" && n.items.filter(
-        (l) => l.title.toLowerCase().startsWith(n.query.toLowerCase())
-      ).length === 0 && this.onExit(), ((o = r == null ? void 0 : r.ref) == null ? void 0 : o.onKeyDown(e)) || !1);
+        (a) => a.title.toLowerCase().startsWith(n.query.toLowerCase())
+      ).length === 0 && this.onExit(), r?.ref?.onKeyDown(e) || !1);
     },
     onExit() {
       i && !t[0].state.isDestroyed && t[0].destroy();
@@ -34,5 +33,5 @@ const y = (a) => () => {
   };
 };
 export {
-  y as default
+  f as default
 };

package/dist/components/Scribe/index.d.ts

@@ -29,5 +29,6 @@ export interface ScribeProps {
     mainContainerClassName?: ClassValue;
     onKeyDown?: KeyboardEventHandler;
     darkMode?: boolean;
+    mobile?: boolean;
 }
 export declare const Scribe: import('react').ForwardRefExoticComponent<ScribeProps & import('react').RefAttributes<ScribeRef>>;

package/dist/components/Scribe/index.js

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

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
+};