@clevertask/scribe 0.1.5 → 0.1.7

package/README.md

@@ -186,6 +186,7 @@ If your content arrives as HTML (for example from a server), use the helper belo
 | `editable`                | `boolean`                                                          | `true`                     | Controls whether the editor is editable.                                                                                                                                                                                                                 |
 | `autoFocus`               | `boolean`                                                          | `false`                    | Controls whether the editor should automatically focus when mounted.                                                                                                                                                                                     |
 | `extensions`              | `Extension[]`                                                      | `undefined`                | You can set your own extensions for the text editor. For more information, [check the tip tap extensions docs](https://tiptap.dev/docs/editor/core-concepts/extensions)                                                                                  |
+| `externalEditor`          | `Editor`                                                           | `undefined`                | Uses a caller-owned Tiptap editor. Scribe attaches the editor but does not destroy it. The caller remains responsible for destroying it.                                                                                                                 |
 | `editorProps`             | `EditorProps`                                                      | `undefined`                | A tiptap-based prop to handle advanced use cases, you can read about it on their [documentation](https://tiptap.dev/docs/editor/api/editor#editorprops)                                                                                                  |
 | `showBarMenu`             | `boolean`                                                          | `true`                     | Determines whether to show the text editor top menu bar or not. This menu bar shows options to format the text                                                                                                                                           |
 | `placeholderText`         | `string`                                                           | `Type "/" for commands...` | Change the initial placeholder for your text editor                                                                                                                                                                                                      |

package/dist/{BarMenu-V1uRL3bt.js → BarMenu-DC-S5Ggq.js}

@@ -1,4 +1,4 @@
-import { i as e } from "./dist-RuuEA1GJ.js";
+import { a as e } from "./dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "./components/Scribe/extension/getPopupMountTarget.js";
 import n from "./components/Menu/LinkEditor.js";
 import { hideLinkBubbleMenu as r } from "./components/Menu/linkBubbleMenuPlugin.js";

package/dist/components/Menu/BarMenu.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../BarMenu-V1uRL3bt.js";
+import { t as e } from "../../BarMenu-DC-S5Ggq.js";
 export { e as default };

package/dist/components/Menu/BubbleMenu.js

@@ -1,6 +1,6 @@
-import { i as e } from "../../dist-RuuEA1GJ.js";
+import { a as e } from "../../dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
-import { t as n } from "../../menus-CzX7kyXn.js";
+import { t as n } from "../../menus-CrKTaPWU.js";
 import { Flex as r, IconButton as i } from "@radix-ui/themes";
 import { useCallback as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/components/Menu/LinkBubbleMenu.js

@@ -1,8 +1,8 @@
-import { i as e } from "../../dist-RuuEA1GJ.js";
+import { a as e } from "../../dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
 import n from "./LinkEditor.js";
 import { hideLinkBubbleMenu as r, linkBubbleMenuPluginKey as i } from "./linkBubbleMenuPlugin.js";
-import { t as a } from "../../menus-CzX7kyXn.js";
+import { t as a } from "../../menus-CrKTaPWU.js";
 import { Box as o } from "@radix-ui/themes";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { jsx as f } from "react/jsx-runtime";

package/dist/components/Menu/Mobile/ListOptionBar.js

@@ -1,4 +1,4 @@
-import { i as e } from "../../../dist-RuuEA1GJ.js";
+import { a as e } from "../../../dist-DT3iiwSr.js";
 import { Button as t, Flex as n } from "@radix-ui/themes";
 import { useCallback as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/components/Scribe/extension/emoji/suggest.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../../../dist-RuuEA1GJ.js";
+import { n as e } from "../../../../dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "../getPopupMountTarget.js";
 import { t as n } from "../../../../tippy.esm-D9LL2xiE.js";
 import { EmojiList as r } from "./EmojiList.js";

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../rolldown-runtime-B8UxIWdF.js";
+import { t as e } from "../../../../rolldown-runtime-CtkjhSXr.js";
 import { Box as t, ScrollArea as n, Text as r } from "@radix-ui/themes";
 import { forwardRef as i, useCallback as a, useImperativeHandle as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { n as e } from "../../../../dist-RuuEA1GJ.js";
+import { n as e } from "../../../../dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "../getPopupMountTarget.js";
 import { t as n } from "../../../../tippy.esm-D9LL2xiE.js";
 import { SlashCommandList as r } from "./SlashCommandList.js";

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

@@ -31,6 +31,10 @@ export interface ScribeProps {
     editable?: boolean;
     autoFocus?: boolean;
     extensions?: Extension[];
+    /**
+     * A caller-owned editor. Scribe attaches it without taking responsibility
+     * for destroying it.
+     */
     externalEditor?: Editor;
     editorProps?: UseEditorOptions;
     showBarMenu?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Scribe/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAGxC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,KAAK,EACV,kCAAkC,EAElC,iCAAiC,EAClC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,OAAO,EACP,MAAM,EAGN,SAAS,EACT,WAAW,EACX,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,oBAAoB,EAMrB,MAAM,OAAO,CAAC;AAGf,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,8BAA8B,EAC9B,cAAc,GACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EACV,kCAAkC,EAClC,yBAAyB,EACzB,iCAAiC,GAClC,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,KAAK,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IAC5F,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2FAA2F;IAC3F,2BAA2B,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;IACjF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mFAAmF;IACnF,uBAAuB,CAAC,EAAE,kCAAkC,CAAC;CAC9D;AAED,eAAO,MAAM,MAAM,mGA0MjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Scribe/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAGxC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,KAAK,EACV,kCAAkC,EAElC,iCAAiC,EAClC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,OAAO,EACP,MAAM,EAGN,SAAS,EACT,WAAW,EACX,gBAAgB,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,oBAAoB,EAMrB,MAAM,OAAO,CAAC;AAGf,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,8BAA8B,EAC9B,cAAc,GACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EACV,kCAAkC,EAClC,yBAAyB,EACzB,iCAAiC,GAClC,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,KAAK,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IAC5F,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2FAA2F;IAC3F,2BAA2B,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;IACjF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mFAAmF;IACnF,uBAAuB,CAAC,EAAE,kCAAkC,CAAC;CAC9D;AAoQD,eAAO,MAAM,MAAM,mGAMlB,CAAC"}

package/dist/components/Scribe/index.js

@@ -1,6 +1,5 @@
-import { n as e, t } from "../../BarMenu-V1uRL3bt.js";
-import { t as n } from "../../dist-RuuEA1GJ.js";
-import { t as r } from "../../dist-BQjH-i-q.js";
+import { n as e, t } from "../../BarMenu-DC-S5Ggq.js";
+import { i as n, t as r } from "../../dist-DT3iiwSr.js";
 import i from "../Menu/LinkBubbleMenu.js";
 import { t as a } from "../../html-to-markdown-CrNOkSye.js";
 import { t as o } from "../../extension-CZOsheCI.js";
@@ -11,98 +10,90 @@ import { ListOptionBar as c } from "../Menu/Mobile/ListOptionBar.js";
 import { forwardRef as l, useCallback as u, useEffect as d, useImperativeHandle as f, useRef as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import '../../assets/index.css';//#region lib/components/Scribe/index.tsx
-var _ = l((s, l) => {
-	let { autoFocus: _ = !1, content: v, editable: y = !0, editorProps: b, extensions: x, onContentChange: S, showBarMenu: C = !0, editorContentStyle: w, editorContentClassName: T, mainContainerStyle: E, mainContainerClassName: D, onKeyDown: O, externalEditor: k, mobile: A, onTableOfContentsChange: j } = s, M = p(!k && v !== void 0), N = p([]), P = p(j);
-	d(() => {
-		P.current = j;
-	}, [j]);
-	let F = u((e, t) => {
-		N.current = e, P.current?.(e, t);
-	}, []), I = u(({ editor: e, transaction: t }) => {
+var _ = (e) => {
+	let t = p([]), n = p(e);
+	return d(() => {
+		n.current = e;
+	}, [e]), {
+		handleTableOfContentsChange: u((e, r) => {
+			t.current = e, n.current?.(e, r);
+		}, []),
+		tableOfContentsItemsRef: t
+	};
+}, v = l((n, o) => {
+	let { autoFocus: s = !1, content: l, editable: m = !0, editor: _, initialContentWasApplied: v, onContentChange: y, showBarMenu: b = !0, editorContentStyle: x, editorContentClassName: S, mainContainerStyle: C, mainContainerClassName: w, onKeyDown: T, mobile: E, tableOfContentsItemsRef: D } = n, O = p(v && l !== void 0), k = u(({ editor: e, transaction: t }) => {
 		if (t.getMeta("scribeTableOfContents")) return;
-		let n = e.getHTML(), r = e.getJSON(), i = !y;
-		S && S({
+		let n = e.getHTML(), r = e.getJSON(), i = !m;
+		y && y({
 			jsonContent: e.isEmpty ? "" : r,
 			htmlContent: e.isEmpty ? "" : n,
 			markdownContent: e.isEmpty ? "" : a(n),
 			source: i ? "programmatic" : "user"
 		});
-	}, [y, S]), [L] = m(() => k ?? new r({
-		...b,
-		content: v ?? b?.content,
-		editable: y,
-		extensions: [...o({
-			...s,
-			onTableOfContentsChange: F
-		}), ...x ?? []],
-		editorProps: {
-			attributes: { class: "scribe" },
-			...b?.editorProps
-		}
-	})), R = u(() => {
-		L.commands.setContent("");
-	}, [L]), z = u((e) => L.isEmpty ? "" : {
-		html: () => L.getHTML(),
-		json: () => L.getJSON(),
-		markdown: () => a(L.getHTML())
-	}[e]?.(), [L]), B = u((e) => {
-		L.commands.setContent(e);
-	}, [L]), V = u((e) => {
-		let t = typeof e == "string" ? e : e.id, n = N.current.find((e) => e.id === t) ?? (typeof e == "string" ? void 0 : e);
-		if (!n || L.isDestroyed) return;
-		let r = L.view.nodeDOM(n.pos), i = r instanceof HTMLElement ? r : n.dom;
-		if (L.isEditable) {
-			let e = Math.max(0, Math.min(n.pos + n.node.nodeSize - 1, L.state.doc.content.size));
-			L.commands.focus(e, { scrollIntoView: !1 });
+	}, [m, y]), A = u(() => {
+		_.commands.setContent("");
+	}, [_]), j = u((e) => _.isEmpty ? "" : {
+		html: () => _.getHTML(),
+		json: () => _.getJSON(),
+		markdown: () => a(_.getHTML())
+	}[e]?.(), [_]), M = u((e) => {
+		_.commands.setContent(e);
+	}, [_]), N = u((e) => {
+		let t = typeof e == "string" ? e : e.id, n = D.current.find((e) => e.id === t) ?? (typeof e == "string" ? void 0 : e);
+		if (!n || _.isDestroyed) return;
+		let r = _.view.nodeDOM(n.pos), i = r instanceof HTMLElement ? r : n.dom;
+		if (_.isEditable) {
+			let e = Math.max(0, Math.min(n.pos + n.node.nodeSize - 1, _.state.doc.content.size));
+			_.commands.focus(e, { scrollIntoView: !1 });
 		}
 		i.scrollIntoView({
 			behavior: "smooth",
 			block: "start"
 		});
-	}, [L]);
-	return f(l, () => ({
-		resetContent: R,
-		setContent: B,
-		getContent: z,
-		scrollToTableOfContentsItem: V,
-		editor: L
+	}, [_, D]);
+	return f(o, () => ({
+		resetContent: A,
+		setContent: M,
+		getContent: j,
+		scrollToTableOfContentsItem: N,
+		editor: _
 	}), [
-		L,
-		z,
-		R,
-		V,
-		B
+		_,
+		j,
+		A,
+		N,
+		M
 	]), d(() => {
-		if (v !== void 0) {
-			if (M.current) {
-				M.current = !1;
+		if (l !== void 0) {
+			if (O.current) {
+				O.current = !1;
 				return;
 			}
-			L.commands.setContent(v, { emitUpdate: !1 });
+			_.commands.setContent(l, { emitUpdate: !1 });
 		}
-	}, [v, L]), d(() => {
-		L.setEditable(!!y);
-	}, [y, L]), d(() => (L.off("update"), L.on("update", I), () => {
-		L.off("update", I);
-	}), [L, I]), d(() => {
-		_ && L.commands.focus("end");
-	}, [_, L]), /* @__PURE__ */ g("div", {
-		className: e("scribe-wrapper", "scribe-root", D),
+	}, [l, _]), d(() => {
+		_.setEditable(!!m);
+	}, [m, _]), d(() => (_.off("update"), _.on("update", k), () => {
+		_.off("update", k);
+	}), [_, k]), d(() => {
+		s && _.commands.focus("end");
+	}, [s, _]), /* @__PURE__ */ g("div", {
+		className: e("scribe-wrapper", "scribe-root", w),
 		"data-scribe-root": !0,
-		style: E,
+		style: C,
 		children: [/* @__PURE__ */ g("div", {
-			className: e("scribe-frame", y && "scribe-frame--editable"),
+			className: e("scribe-frame", m && "scribe-frame--editable"),
 			children: [
-				L && C ? /* @__PURE__ */ h(t, { editor: L }) : null,
+				_ && b ? /* @__PURE__ */ h(t, { editor: _ }) : null,
 				/* @__PURE__ */ g("div", {
-					className: e("scribe-content", y && "scribe-content--editable", T),
-					style: w,
-					children: [/* @__PURE__ */ h(n, {
-						editor: L,
-						onKeyDown: O
-					}), y ? /* @__PURE__ */ h(i, { editor: L }) : null]
+					className: e("scribe-content", m && "scribe-content--editable", S),
+					style: x,
+					children: [/* @__PURE__ */ h(r, {
+						editor: _,
+						onKeyDown: T
+					}), m ? /* @__PURE__ */ h(i, { editor: _ }) : null]
 				}),
-				A ? /* @__PURE__ */ h(c, { editor: L }) : null
+				E ? /* @__PURE__ */ h(c, { editor: _ }) : null
 			]
 		}), /* @__PURE__ */ h("div", {
 			className: "scribe-popup-root",
@@ -110,5 +101,49 @@ var _ = l((s, l) => {
 		})]
 	});
 });
+v.displayName = "ScribeEditor";
+var y = l((e, t) => {
+	let { content: r, editable: i = !0, editorProps: a, extensions: s, onTableOfContentsChange: c } = e, { handleTableOfContentsChange: l, tableOfContentsItemsRef: u } = _(c), [d] = m(() => ({
+		...a,
+		content: r ?? a?.content,
+		editable: i,
+		extensions: [...o({
+			...e,
+			onTableOfContentsChange: l
+		}), ...s ?? []],
+		editorProps: {
+			attributes: { class: "scribe" },
+			...a?.editorProps
+		},
+		shouldRerenderOnTransaction: a?.shouldRerenderOnTransaction ?? !1
+	})), f = n(d);
+	return f ? /* @__PURE__ */ h(v, {
+		...e,
+		ref: t,
+		editor: f,
+		initialContentWasApplied: !0,
+		tableOfContentsItemsRef: u
+	}) : null;
+});
+y.displayName = "OwnedScribe";
+var b = l((e, t) => {
+	let { externalEditor: n, onTableOfContentsChange: r } = e, { tableOfContentsItemsRef: i } = _(r);
+	return n ? /* @__PURE__ */ h(v, {
+		...e,
+		ref: t,
+		editor: n,
+		initialContentWasApplied: !1,
+		tableOfContentsItemsRef: i
+	}) : null;
+});
+b.displayName = "ExternalScribe";
+var x = l((e, t) => e.externalEditor ? /* @__PURE__ */ h(b, {
+	...e,
+	ref: t
+}) : /* @__PURE__ */ h(y, {
+	...e,
+	ref: t
+}));
+x.displayName = "Scribe";
 //#endregion
-export { _ as Scribe, s as SuggestionItemType };
+export { x as Scribe, s as SuggestionItemType };