@clevertask/scribe 0.0.2 → 0.0.4

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import { S as s } from "../../../../SlashCommandList-D_Ndw6pj.js";
+import { S as s } from "../../../../SlashCommandList-DLPd43Tg.js";
 import "react";
-import "../../../../turndown.browser.es-CeowJDZ0.js";
-import "../../../../browser-D3_ToIiA.js";
+import "../../../../turndown.browser.es-BSoGafvq.js";
+import "../../../../browser-Ce149ePN.js";
 import "../../../../utils/is-in-viewport.js";
 export {
   s as SlashCommandList

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

@@ -1,66 +1,66 @@
-import { P as O, a as L, D as U, b as j, e as T, E as z } from "../../../../index-CzwFCNeI.js";
-function G(f) {
-  var a;
-  const { char: v, allowSpaces: c, allowedPrefixes: m, startOfLine: R, $position: d } = f, u = T(v), D = new RegExp(`\\s${u}$`), I = R ? "^" : "", $ = c ? new RegExp(`${I}${u}.*?(?=\\s${u}|$)`, "gm") : new RegExp(`${I}(?:^)?${u}[^\\s${u}]*`, "gm"), p = ((a = d.nodeBefore) === null || a === void 0 ? void 0 : a.isText) && d.nodeBefore.text;
-  if (!p)
+import { a as F, P as T, D as U, b as j, e as z, E as G } from "../../../../index-pCZujIH1.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 K = d.pos - p.length, n = Array.from(p.matchAll($)).pop();
-  if (!n || n.input === void 0 || n.index === void 0)
+  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 e = n.input.slice(Math.max(0, n.index - 1), n.index), q = new RegExp(`^[${m == null ? void 0 : m.join("")}\0]?$`).test(e);
-  if (m !== null && !q)
+  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 o = K + n.index;
-  let i = o + n[0].length;
-  return c && D.test(p.slice(i - 1, i + 1)) && (n[0] += " ", i += 1), o < d.pos && i >= d.pos ? {
+  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: o,
-      to: i
+      from: a,
+      to: l
     },
-    query: n[0].slice(v.length),
-    text: n[0]
+    query: o[0].slice(g.length),
+    text: o[0]
   } : null;
 }
-const H = new O("suggestion");
-function J({ pluginKey: f = H, editor: a, char: v = "@", allowSpaces: c = !1, allowedPrefixes: m = [" "], startOfLine: R = !1, decorationTag: d = "span", decorationClass: u = "suggestion", command: D = () => null, items: I = () => [], render: $ = () => ({}), allow: p = () => !0, findSuggestionMatch: K = G }) {
-  let n;
-  const e = $ == null ? void 0 : $(), q = new L({
+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 (o, i) => {
-          var s, r, g, x, h, w, y;
-          const t = (s = this.key) === null || s === void 0 ? void 0 : s.getState(i), l = (r = this.key) === null || r === void 0 ? void 0 : r.getState(o.state), _ = t.active && l.active && t.range.from !== l.range.from, A = !t.active && l.active, b = t.active && !l.active, B = !A && !b && t.query !== l.query, E = A || _ && B, M = B || _, C = b || _ && B;
-          if (!E && !M && !C)
+        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 S = C && !E ? t : l, N = o.dom.querySelector(`[data-decoration-id="${S.decorationId}"]`);
-          n = {
-            editor: a,
-            range: S.range,
-            query: S.query,
-            text: S.text,
+          const $ = k && !_ ? t : c, N = n.dom.querySelector(`[data-decoration-id="${$.decorationId}"]`);
+          r = {
+            editor: s,
+            range: $.range,
+            query: $.query,
+            text: $.text,
             items: [],
-            command: (P) => D({
-              editor: a,
-              range: S.range,
-              props: P
+            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 P;
-              const { decorationId: F } = (P = this.key) === null || P === void 0 ? void 0 : P.getState(a.state), k = o.dom.querySelector(`[data-decoration-id="${F}"]`);
-              return (k == null ? void 0 : k.getBoundingClientRect()) || null;
+              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
-          }, E && ((g = e == null ? void 0 : e.onBeforeStart) === null || g === void 0 || g.call(e, n)), M && ((x = e == null ? void 0 : e.onBeforeUpdate) === null || x === void 0 || x.call(e, n)), (M || E) && (n.items = await I({
-            editor: a,
-            query: S.query
-          })), C && ((h = e == null ? void 0 : e.onExit) === null || h === void 0 || h.call(e, n)), M && ((w = e == null ? void 0 : e.onUpdate) === null || w === void 0 || w.call(e, n)), E && ((y = e == null ? void 0 : e.onStart) === null || y === void 0 || y.call(e, n));
+          }, _ && ((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 o;
-          n && ((o = e == null ? void 0 : e.onExit) === null || o === void 0 || o.call(e, n));
+          var n;
+          r && ((n = e == null ? void 0 : e.onExit) === null || n === void 0 || n.call(e, r));
         }
       };
     },
@@ -79,23 +79,24 @@ function J({ pluginKey: f = H, editor: a, char: v = "@", allowSpaces: c = !1, al
         };
       },
       // Apply changes to the plugin state from a view transaction.
-      apply(o, i, s, r) {
-        const { isEditable: g } = a, { composing: x } = a.view, { selection: h } = o, { empty: w, from: y } = h, t = { ...i };
-        if (t.composing = x, g && (w || a.view.composing)) {
-          (y < i.range.from || y > i.range.to) && !x && !i.composing && (t.active = !1);
-          const l = K({
-            char: v,
-            allowSpaces: c,
+      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: h.$from
-          }), _ = `id_${Math.floor(Math.random() * 4294967295)}`;
-          l && p({
-            editor: a,
-            state: r,
-            range: l.range,
+            $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 : _, t.range = l.range, t.query = l.query, t.text = l.text) : t.active = !1;
+          }) ? (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;
@@ -103,27 +104,27 @@ function J({ pluginKey: f = H, editor: a, char: v = "@", allowSpaces: c = !1, al
     },
     props: {
       // Call the keydown hook if suggestion is active.
-      handleKeyDown(o, i) {
-        var s;
-        const { active: r, range: g } = q.getState(o.state);
-        return r && ((s = e == null ? void 0 : e.onKeyDown) === null || s === void 0 ? void 0 : s.call(e, { view: o, event: i, range: g })) || !1;
+      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(o) {
-        const { active: i, range: s, decorationId: r } = q.getState(o);
-        return i ? U.create(o.doc, [
-          j.inline(s.from, s.to, {
+      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: u,
-            "data-decoration-id": r
+            class: P,
+            "data-decoration-id": l
           })
         ]) : null;
       }
     }
   });
-  return q;
+  return o;
 }
-const Q = new O("slashSuggestion"), W = z.create({
+const V = new F("slashSuggestion"), X = G.create({
   name: "slashCommand",
   addOptions() {
     var f;
@@ -132,16 +133,16 @@ const Q = new O("slashSuggestion"), W = z.create({
       slashSuggestion: {
         char: "/",
         startOfLine: !0,
-        command: ({ editor: a, range: v, props: c }) => {
-          c.command({ editor: a, range: v, props: c });
+        command: ({ editor: s, range: g, props: v }) => {
+          v.command({ editor: s, range: g, props: v });
         }
       }
     };
   },
   addProseMirrorPlugins() {
     return [
-      J({
-        pluginKey: Q,
+      Q({
+        pluginKey: V,
         ...this.options.slashSuggestion,
         editor: this.editor
       })
@@ -149,6 +150,6 @@ const Q = new O("slashSuggestion"), W = z.create({
   }
 });
 export {
-  W as SlashCommand,
-  Q as slashMenuPluginKey
+  X as SlashCommand,
+  V as slashMenuPluginKey
 };

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

@@ -1,5 +1,5 @@
-import { R as l, t as c } from "../../../../index-Cu10LNOZ.js";
-import { l as a, S as d } from "../../../../SlashCommandList-D_Ndw6pj.js";
+import { R as l, t as c } from "../../../../index-Bl1eZGET.js";
+import { l as a, S as d } from "../../../../SlashCommandList-DLPd43Tg.js";
 const m = () => {
   let n, t = [], r, i = !a.isEmpty(t);
   return {

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

@@ -1,5 +1,4 @@
-import { Content, Extension } from '@tiptap/react';
-import { EditorProps } from '@tiptap/pm/view';
+import { Content, Extension, JSONContent, UseEditorOptions } from '@tiptap/react';
 import { KeyboardEventHandler } from 'react';
 import { ClassValue } from 'clsx';
 export type ScribeOnChangeContents = {
@@ -9,6 +8,8 @@ export type ScribeOnChangeContents = {
 };
 export interface ScribeRef {
     resetContent: () => void;
+    getContent: (contentType: "html" | "json" | "markdown") => string | JSONContent | undefined;
+    setContent: (content: Content) => void;
 }
 export interface ScribeProps {
     onContentChange?: (content: ScribeOnChangeContents) => void;
@@ -16,7 +17,7 @@ export interface ScribeProps {
     editable?: boolean;
     autoFocus?: boolean;
     extensions?: Extension[];
-    editorProps?: EditorProps;
+    editorProps?: UseEditorOptions;
     showBarMenu?: boolean;
     placeholderText?: string;
     editorContentStyle?: React.CSSProperties;

package/dist/components/Scribe/index.js

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