@clevertask/scribe 0.0.9 → 0.0.11

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-DeZ8laak.js";
 const s = o.create({
   name: "SelectedText",
   addCommands: () => ({

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

@@ -1,23 +1,24 @@
-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) => [
+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 E from "./slashCommand/renderItems.js";
+import { getSuggestionItems as C } from "./slashCommand/items.js";
+import { LatexExtension as H } from "./math-extension.js";
+import S from "./emoji/suggest.js";
+const M = (e) => [
   o.configure({
     dropcursor: {
       width: 4,
       color: "#ebf6fe"
     }
   }),
-  a.configure({
+  i.configure({
     HTMLAttributes: {
       class: "scribe-task-list"
     }
   }),
-  i.configure({
+  a.configure({
     nested: !0
   }),
   n.configure({
@@ -25,35 +26,40 @@ const E = (r) => [
   }),
   l,
   m,
-  d,
-  u.configure({
+  u,
+  c.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({
+  g.configure({ mode: "deepest", className: "has-focus" }),
+  T.configure({
     slashSuggestion: {
-      items: y,
-      render: b
+      items: C,
+      render: E(e)
     }
   }),
-  f,
-  T,
-  t,
-  g.configure({
+  d,
+  y,
+  r,
+  f.configure({
     inline: !0,
     HTMLAttributes: {
       class: "scribe-image-node"
     },
     allowBase64: !0
   }),
-  C,
-  p
+  p.configure({
+    emojis: b,
+    enableEmoticons: !0,
+    suggestion: S(e)
+  }),
+  H,
+  h
 ];
 export {
-  E as initExtensions
+  M as initExtensions
 };

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

@@ -1,4 +1,4 @@
-import { N as fa, P as pa, b as va, m as ga } from "../../../index-Gm-3o3nq.js";
+import { N as fa, P as pa, b as va, m as ga } from "../../../index-DeZ8laak.js";
 class u0 {
   // The + prefix indicates that these fields aren't writeable
   // Lexer holding the input string.

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-CasgquAq.js";
 import "react";
-import "../../../../turndown.browser.es-BSoGafvq.js";
-import "../../../../browser-DEobZXxB.js";
+import "../../../../turndown.browser.es-C1wFFc_i.js";
+import "../../../../browser-BJWkU9cc.js";
 import "../../../../utils/is-in-viewport.js";
 import "../extension-link.js";
-import "./index.js";
+import "../../../../index-BqFHWqw6.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-DeZ8laak.js";
+import { S as o, s as e } from "../../../../index-BqFHWqw6.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-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);
   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

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

package/dist/components/Scribe/index.js

@@ -1,100 +1,94 @@
-import { jsx as l, jsxs as L } from "react/jsx-runtime";
+import { jsx as a, jsxs as L } from "react/jsx-runtime";
 import R from "../Menu/BarMenu.js";
-import { html2md as b } from "../../utils/html-to-markdown.js";
-import "../../browser-DEobZXxB.js";
-import { E as T } from "../../index-Gm-3o3nq.js";
-import { initExtensions as A } from "./extension/index.js";
-import { E as J } from "../../index-C3_lI_rP.js";
-import { forwardRef as O, useRef as P, useCallback as u, useImperativeHandle as D, useEffect as f } from "react";
-import '../../assets/index.css';function h(n) {
-  var r, s, e = "";
-  if (typeof n == "string" || typeof n == "number") e += n;
-  else if (typeof n == "object") if (Array.isArray(n)) {
-    var o = n.length;
-    for (r = 0; r < o; r++) n[r] && (s = h(n[r])) && (e && (e += " "), e += s);
-  } else for (s in n) n[s] && (e && (e += " "), e += s);
-  return e;
-}
-function y() {
-  for (var n, r, s = 0, e = "", o = arguments.length; s < o; s++) (n = arguments[s]) && (r = h(n)) && (e && (e += " "), e += r);
-  return e;
-}
-const V = O((n, r) => {
+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) => {
   const {
-    autoFocus: s = !1,
-    content: e,
-    editable: o = !0,
-    editorProps: c,
-    extensions: E,
-    onContentChange: p,
+    autoFocus: d = !1,
+    content: E,
+    editable: e = !0,
+    editorProps: s,
+    extensions: h,
+    onContentChange: l,
     showBarMenu: w = !0,
-    editorContentStyle: x,
-    editorContentClassName: v,
+    editorContentStyle: y,
+    editorContentClassName: M,
     mainContainerStyle: N,
     mainContainerClassName: j,
-    onKeyDown: M,
-    externalEditor: S
-  } = n, C = P(S || null), g = u(
-    ({ editor: a }) => {
-      const m = a.getHTML(), i = a.getJSON(), B = !o;
-      p && p({
-        jsonContent: a.isEmpty ? "" : i,
-        htmlContent: a.isEmpty ? "" : m,
-        markdownContent: a.isEmpty ? "" : b(m),
+    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"
       });
     },
-    [o, p]
+    [e, l]
   );
-  C.current || (C.current = new T({
-    ...c,
-    editable: o,
-    extensions: [...A(n), ...E ?? []],
+  u.current || (u.current = new T({
+    ...s,
+    editable: e,
+    extensions: [...z(C), ...h ?? []],
     editorProps: {
       attributes: {
         class: "scribe"
       },
-      ...c == null ? void 0 : c.editorProps
+      ...s == null ? void 0 : s.editorProps
     }
   }));
-  const t = C.current, d = u(() => {
-    t == null || t.commands.setContent("");
-  }, []), H = u((a) => {
-    var i;
-    const m = {
-      html: () => t == null ? void 0 : t.getHTML(),
-      json: () => t == null ? void 0 : t.getJSON(),
-      markdown: () => b((t == null ? void 0 : t.getHTML()) || "")
+  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 t != null && t.isEmpty ? "" : (i = m[a]) == null ? void 0 : i.call(m);
-  }, []), k = u((a) => {
-    t == null || t.commands.setContent(a);
+    return n != null && n.isEmpty ? "" : (r = o[t]) == null ? void 0 : r.call(o);
+  }, []), H = m((t) => {
+    n == null || n.commands.setContent(t);
   }, []);
-  return D(r, () => ({
-    resetContent: d,
-    setContent: k,
-    getContent: H,
-    editor: t
-  }), [d]), f(() => {
-    t == null || t.commands.setContent(e || "");
-  }, [e]), f(() => {
-    t == null || t.setEditable(!!o);
-  }, [o]), f(() => (t.off("update"), t.on("update", g), () => {
-    t.off("update", g);
-  }), [g]), f(() => {
-    s && (t == null || t.commands.focus("end"));
-  }, [s]), /* @__PURE__ */ l("div", { className: y("scribe-wrapper", j), style: N, id: "scribe-wrapper", children: /* @__PURE__ */ L("div", { className: y("bg-white", o && "rounded-lg border"), children: [
-    t && w && /* @__PURE__ */ l(R, { editor: t }),
-    /* @__PURE__ */ l(
+  return D(x, () => ({
+    resetContent: b,
+    setContent: H,
+    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: y("prose max-w-none", o && "w-full p-[16px]", v),
-        style: x,
-        children: /* @__PURE__ */ l(J, { editor: t, onKeyDown: M })
+        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 })
       }
     )
   ] }) });
 });
 export {
-  V as Scribe
+  W as Scribe
 };