@clevertask/scribe 0.0.11 → 0.0.12

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-DoNRu1rY.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-CCS9HOYd.js";
+import { S as y } from "../../../index-B0pieAxt.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-CCS9HOYd.js";
 import "react";
-import "../../../../turndown.browser.es-C1wFFc_i.js";
-import "../../../../browser-BJWkU9cc.js";
+import "../../../../purify.es-BGaRrCfO.js";
+import "../../../../turndown.browser.es-RmA_HBaI.js";
+import "../../../../marked.esm-BS_MmRZC.js";
 import "../../../../utils/is-in-viewport.js";
 import "../extension-link.js";
-import "../../../../index-BqFHWqw6.js";
+import "../../../../index-B0pieAxt.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-DoNRu1rY.js";
+import { S as o, s as e } from "../../../../index-B0pieAxt.js";
 export {
   o as SlashCommand,
   e as slashMenuPluginKey

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

@@ -1,5 +1,5 @@
-import { R as c, t as d } from "../../../../index-C_aWB8qt.js";
-import { l as s, h as u } from "../../../../index-CasgquAq.js";
+import { R as c, t as d } from "../../../../index-VneQGVTd.js";
+import { l as s, h as u } from "../../../../index-CCS9HOYd.js";
 const y = (a) => () => {
   let r, t = [], n, i = !s.isEmpty(t);
   return {

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,20 +1,22 @@
-import { jsx as a, jsxs as L } from "react/jsx-runtime";
+import { jsx as s, jsxs as O } from "react/jsx-runtime";
 import R from "../Menu/BarMenu.js";
-import { c as p } from "../../clsx-OuTLNxxd.js";
+import { c as f } 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 "../../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-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 { 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 { ListOptionBar as I } from "../Menu/Mobile/ListOptionBar.js";
+import '../../assets/index.css';const _ = P((C, x) => {
   const {
     autoFocus: d = !1,
     content: E,
     editable: e = !0,
-    editorProps: s,
+    editorProps: r,
     extensions: h,
-    onContentChange: l,
+    onContentChange: i,
     showBarMenu: w = !0,
     editorContentStyle: y,
     editorContentClassName: M,
@@ -22,73 +24,94 @@ import '../../assets/index.css';const W = O((C, x) => {
     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"
+    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),
+        source: L ? "programmatic" : "user"
       });
     },
-    [e, l]
+    [e, i]
   );
-  u.current || (u.current = new T({
-    ...s,
+  p.current || (p.current = new T({
+    ...r,
     editable: e,
     extensions: [...z(C), ...h ?? []],
     editorProps: {
       attributes: {
         class: "scribe"
       },
-      ...s == null ? void 0 : s.editorProps
+      ...r == null ? void 0 : r.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 = 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()) || "")
+      };
+      return t != null && t.isEmpty ? "" : (m = o[n]) == null ? void 0 : m.call(o);
+    },
+    []
+  ), H = a((n) => {
+    t == null || t.commands.setContent(n);
   }, []);
-  return D(x, () => ({
+  return F(x, () => ({
     resetContent: b,
     setContent: H,
-    getContent: S,
-    editor: n
+    getContent: B,
+    editor: t
   }), [b]), c(() => {
-    n == null || n.commands.setContent(E || "");
+    t == null || t.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 })
-      }
-    )
-  ] }) });
+    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(
+    "div",
+    {
+      className: f("scribe-wrapper", j),
+      style: N,
+      children: /* @__PURE__ */ O(
+        "div",
+        {
+          className: f(
+            e && "rounded-lg border",
+            l ? "border-zinc-700" : "border-zinc-200"
+          ),
+          children: [
+            t && w && /* @__PURE__ */ s(R, { editor: t, darkMode: !!l }),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: f(
+                  "prose max-w-none",
+                  e && "w-full p-[16px]",
+                  l && "prose-invert",
+                  M
+                ),
+                style: y,
+                children: /* @__PURE__ */ s(J, { editor: t, onKeyDown: k })
+              }
+            ),
+            S && /* @__PURE__ */ s(I, { editor: t })
+          ]
+        }
+      )
+    }
+  );
 });
 export {
-  W as Scribe
+  _ as Scribe
 };

package/dist/index-B0pieAxt.js

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