@clevertask/scribe 0.0.7 → 0.0.9

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

@@ -1,4 +1,4 @@
-import { N as fa, P as pa, a as va, m as ga } from "../../../index-o3ZWOEgq.js";
+import { N as fa, P as pa, b as va, m as ga } from "../../../index-Gm-3o3nq.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,9 +1,13 @@
 import "react/jsx-runtime";
-import { S as s } from "../../../../SlashCommandList-DLPd43Tg.js";
+import { g } from "../../../../index-NRgJVTH-.js";
 import "react";
 import "../../../../turndown.browser.es-BSoGafvq.js";
-import "../../../../browser-Ce149ePN.js";
+import "../../../../browser-DEobZXxB.js";
 import "../../../../utils/is-in-viewport.js";
+import "../extension-link.js";
+import "./index.js";
+import "../extension-selectedText.js";
+import "../math-extension.js";
 export {
-  s as SlashCommandList
+  g as SlashCommandList
 };

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

@@ -1,4 +1,4 @@
-import { a as F, P as T, D as U, b as j, e as z, E as G } from "../../../../index-o3ZWOEgq.js";
+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;

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

@@ -1,5 +1,5 @@
-import { R as l, t as c } from "../../../../index-dyNx8_Ul.js";
-import { l as a, S as d } from "../../../../SlashCommandList-DLPd43Tg.js";
+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);
   return {

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

@@ -1,15 +1,17 @@
-import { Content, Extension, JSONContent, UseEditorOptions } from '@tiptap/react';
-import { KeyboardEventHandler } from 'react';
 import { ClassValue } from 'clsx';
+import { Content, Editor, Extension, JSONContent, UseEditorOptions } from '@tiptap/react';
+import { KeyboardEventHandler } from 'react';
 export type ScribeOnChangeContents = {
     jsonContent: Content;
     htmlContent: Content;
     markdownContent: string;
+    source: "user" | "programmatic";
 };
 export interface ScribeRef {
     resetContent: () => void;
     getContent: (contentType: "html" | "json" | "markdown") => string | JSONContent | undefined;
     setContent: (content: Content) => void;
+    editor: Editor;
 }
 export interface ScribeProps {
     onContentChange?: (content: ScribeOnChangeContents) => void;
@@ -17,6 +19,7 @@ export interface ScribeProps {
     editable?: boolean;
     autoFocus?: boolean;
     extensions?: Extension[];
+    externalEditor?: Editor;
     editorProps?: UseEditorOptions;
     showBarMenu?: boolean;
     placeholderText?: string;

package/dist/components/Scribe/index.js

@@ -1,93 +1,100 @@
-import { jsx as i, jsxs as S } from "react/jsx-runtime";
-import { u as H, E as k } from "../../index-dyNx8_Ul.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 { jsx as l, 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-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 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);
+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 p() {
-  for (var t, o, s = 0, e = "", r = arguments.length; s < r; s++) (t = arguments[s]) && (o = d(t)) && (e && (e += " "), e += o);
+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 R = L((t, o) => {
+const V = O((n, r) => {
   const {
     autoFocus: s = !1,
     content: e,
-    editable: r = !0,
+    editable: o = !0,
     editorProps: c,
-    extensions: h,
-    onContentChange: C,
-    showBarMenu: y = !0,
-    editorContentStyle: w,
-    editorContentClassName: x,
-    mainContainerStyle: v,
-    mainContainerClassName: E,
-    onKeyDown: N
-  } = t, n = H(
-    {
-      ...c,
-      editable: r,
-      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"
-        },
-        ...c == null ? void 0 : c.editorProps
-      }
+    extensions: E,
+    onContentChange: p,
+    showBarMenu: w = !0,
+    editorContentStyle: x,
+    editorContentClassName: v,
+    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),
+        source: B ? "programmatic" : "user"
+      });
     },
-    []
-  ), g = f(() => {
-    n == null || n.commands.setContent("");
-  }, []), j = f((a) => {
-    var l;
+    [o, p]
+  );
+  C.current || (C.current = new T({
+    ...c,
+    editable: o,
+    extensions: [...A(n), ...E ?? []],
+    editorProps: {
+      attributes: {
+        class: "scribe"
+      },
+      ...c == null ? void 0 : c.editorProps
+    }
+  }));
+  const t = C.current, d = u(() => {
+    t == null || t.commands.setContent("");
+  }, []), H = u((a) => {
+    var i;
     const m = {
-      html: () => n == null ? void 0 : n.getHTML(),
-      json: () => n == null ? void 0 : n.getJSON(),
-      markdown: () => b((n == null ? void 0 : n.getHTML()) || "")
+      html: () => t == null ? void 0 : t.getHTML(),
+      json: () => t == null ? void 0 : t.getJSON(),
+      markdown: () => b((t == null ? void 0 : t.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 t != null && t.isEmpty ? "" : (i = m[a]) == null ? void 0 : i.call(m);
+  }, []), k = u((a) => {
+    t == null || t.commands.setContent(a);
   }, []);
-  return T(o, () => ({
-    resetContent: g,
-    setContent: M,
-    getContent: j
-  }), [g]), u(() => {
-    n == null || n.commands.setContent(e || "");
-  }, [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(
+  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(
       "div",
       {
-        className: p("prose max-w-none", r && "w-full p-[16px]", x),
-        style: w,
-        children: /* @__PURE__ */ i(k, { editor: n, onKeyDown: N })
+        className: y("prose max-w-none", o && "w-full p-[16px]", v),
+        style: x,
+        children: /* @__PURE__ */ l(J, { editor: t, onKeyDown: M })
       }
     )
   ] }) });
 });
 export {
-  R as Scribe
+  V as Scribe
 };