@clevertask/scribe 0.0.8 → 0.0.9

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

@@ -5,6 +5,7 @@ export type ScribeOnChangeContents = {
     jsonContent: Content;
     htmlContent: Content;
     markdownContent: string;
+    source: "user" | "programmatic";
 };
 export interface ScribeRef {
     resetContent: () => void;

package/dist/components/Scribe/index.js

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

package/package.json

@@ -3,7 +3,7 @@
   "description": "A Tiptap-based rich text editor with a Notion-style block interface for viewing and creating content. Perfect for diverse needs like notes, documents, AI chat, Markdown parsing, and comments.",
   "author": "CleverTask",
   "private": false,
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",