@clevertask/scribe 0.0.10 → 0.0.12

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

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

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

@@ -1,13 +1,15 @@
 import "react/jsx-runtime";
-import { g } from "../../../../index-NRgJVTH-.js";
+import { h as n } from "../../../../index-CCS9HOYd.js";
 import "react";
-import "../../../../turndown.browser.es-BSoGafvq.js";
-import "../../../../browser-DEobZXxB.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.js";
+import "../../../../index-B0pieAxt.js";
 import "../extension-selectedText.js";
-import "../math-extension.js";
+import "../emoji/EmojiList.js";
+import "../../../../clsx-OuTLNxxd.js";
 export {
-  g as SlashCommandList
+  n as SlashCommandList
 };

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

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

package/dist/components/Scribe/extension/slashCommand/renderItems.d.ts

@@ -1,5 +1,5 @@
 import { SuggestionKeyDownProps, SuggestionProps } from '@tiptap/suggestion';
-declare const renderItems: () => {
+declare const renderItems: (_props: any) => () => {
     onStart: (props: SuggestionProps) => void;
     onUpdate: (props: SuggestionProps) => void;
     onKeyDown(props: SuggestionKeyDownProps): boolean;

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

@@ -1,32 +1,32 @@
-import { R as l, t as c } from "../../../../index-C3_lI_rP.js";
-import { l as a, g as d } from "../../../../index-NRgJVTH-.js";
-const m = () => {
-  let n, t = [], r, i = !a.isEmpty(t);
+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 {
     onStart: (e) => {
-      r = e, n = new l(d, {
-        props: e,
+      n = { ...e, ...a }, r = new c(u, {
+        props: n,
         editor: e.editor
-      }), e.clientRect && (t = c("body", {
+      }), e.clientRect && (t = d("body", {
         getReferenceClientRect: e.clientRect,
         appendTo: () => document.body,
-        content: n.element,
+        content: r.element,
         showOnCreate: !0,
         interactive: !0,
         trigger: "manual",
         placement: "bottom-start"
-      }), i = !a.isEmpty(t));
+      }), i = !s.isEmpty(t));
     },
     onUpdate: (e) => {
-      r = e, n.updateProps(e), e.clientRect && i && t[0].setProps({
+      n = e, r.updateProps(e), e.clientRect && i && t[0].setProps({
         getReferenceClientRect: e.clientRect
       });
     },
     onKeyDown(e) {
       var o;
-      return e.event.key === "Escape" && i && !t[0].state.isDestroyed ? (t[0].hide(), !0) : (e.event.key === "Enter" && r.items.filter(
-        (s) => s.title.toLowerCase().startsWith(r.query.toLowerCase())
-      ).length === 0 && this.onExit(), ((o = n == null ? void 0 : n.ref) == null ? void 0 : o.onKeyDown(e)) || !1);
+      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);
     },
     onExit() {
       i && !t[0].state.isDestroyed && t[0].destroy();
@@ -34,5 +34,5 @@ const m = () => {
   };
 };
 export {
-  m as default
+  y 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,19 +1,22 @@
-import { jsx as a, jsxs as L } from "react/jsx-runtime";
-import { c as p, B as R } from "../../BarMenu-SiPgB2ow.js";
+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 "../../browser-DEobZXxB.js";
-import { E as T } from "../../index-Gm-3o3nq.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-C3_lI_rP.js";
-import { forwardRef as O, useRef as P, useCallback as m, useImperativeHandle as D, useEffect as c } from "react";
-import '../../assets/index.css';const V = 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: o,
+    editorProps: r,
     extensions: h,
-    onContentChange: l,
+    onContentChange: i,
     showBarMenu: w = !0,
     editorContentStyle: y,
     editorContentClassName: M,
@@ -21,73 +24,94 @@ import '../../assets/index.css';const V = O((C, x) => {
     mainContainerClassName: j,
     onKeyDown: k,
     externalEditor: v,
-    darkMode: i
-  } = C, u = P(v || null), f = m(
-    ({ editor: t }) => {
-      const s = t.getHTML(), r = t.getJSON(), H = !e;
-      l && l({
-        jsonContent: t.isEmpty ? "" : r,
-        htmlContent: t.isEmpty ? "" : s,
-        markdownContent: t.isEmpty ? "" : g(s),
-        source: H ? "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({
-    ...o,
+  p.current || (p.current = new T({
+    ...r,
     editable: e,
     extensions: [...z(C), ...h ?? []],
     editorProps: {
       attributes: {
         class: "scribe"
       },
-      ...o == null ? void 0 : o.editorProps
+      ...r == null ? void 0 : r.editorProps
     }
   }));
-  const n = u.current, b = m(() => {
-    n == null || n.commands.setContent("");
-  }, []), S = m((t) => {
-    var r;
-    const s = {
-      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 = s[t]) == null ? void 0 : r.call(s);
-  }, []), B = 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: B,
-    getContent: S,
-    editor: n
+    setContent: H,
+    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 {
-  V as Scribe
+  _ as Scribe
 };