@clevertask/scribe 0.1.10 → 0.1.12

package/dist/components/Scribe/index.js

@@ -1,142 +1,144 @@
-import { n as e, t } from "../../BarMenu-5S2vKAtc.js";
-import { i as n, t as r } from "../../dist-wYqYXEOz.js";
-import i from "../Menu/LinkBubbleMenu.js";
-import { t as a } from "../../html-to-markdown-Cta7-ssO.js";
-import { t as o } from "../../extension-6I5t1ZxQ.js";
-import { SuggestionItemType as s } from "./extension/slashCommand/items.js";
+import { n as e, t } from "../../BarMenu-5M9g9Y1j.js";
+import { i as n, t as r } from "../../dist-Dw4STOPE.js";
+import i from "../Menu/CalloutBubbleMenu.js";
+import a from "../Menu/LinkBubbleMenu.js";
+import o from "../Menu/TableBubbleMenu.js";
+import { t as s } from "../../html-to-markdown-C920nQtn.js";
+import { t as c } from "../../extension-_8uh0Ik9.js";
+import { SuggestionItemType as l } from "./extension/slashCommand/items.js";
 import "./extension/tableOfContents.js";
 import "../../utils/index.js";
-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 { ListOptionBar as u } from "../Menu/Mobile/ListOptionBar.js";
+import { forwardRef as d, useCallback as f, useEffect as p, useImperativeHandle as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import '../../assets/index.css';//#region lib/components/Scribe/index.tsx
-var _ = "Rich text editor", v = [
+var y = "Rich text editor", b = [
 	"role",
 	"aria-label",
 	"aria-multiline",
 	"aria-readonly"
-], y = (t, n, r) => {
+], x = (t, n, r) => {
 	let i = t.role ?? "textbox";
 	return {
 		...t,
 		role: i,
 		class: e("scribe", t.class),
-		"aria-label": n ?? t["aria-label"] ?? _,
+		"aria-label": n ?? t["aria-label"] ?? y,
 		...i === "textbox" ? {
 			"aria-multiline": "true",
 			"aria-readonly": String(!r)
 		} : {}
 	};
-}, b = (e) => {
-	let t = p([]), n = p(e);
-	return d(() => {
+}, S = (e) => {
+	let t = h([]), n = h(e);
+	return p(() => {
 		n.current = e;
 	}, [e]), {
-		handleTableOfContentsChange: u((e, r) => {
+		handleTableOfContentsChange: f((e, r) => {
 			t.current = e, n.current?.(e, r);
 		}, []),
 		tableOfContentsItemsRef: t
 	};
-}, x = l((n, o) => {
-	let { ariaLabel: s, autoFocus: l = !1, content: m, editable: _ = !0, editor: b, editorProps: x, externalEditor: S, initialContentWasApplied: C, onContentChange: w, showBarMenu: T = !0, editorContentStyle: E, editorContentClassName: D, mainContainerStyle: O, mainContainerClassName: k, onKeyDown: A, mobile: j, tableOfContentsItemsRef: M } = n, N = p({
-		ariaLabel: s,
-		editable: _
-	}), P = p(null);
-	N.current = {
-		ariaLabel: s,
-		editable: _
+}, C = d((n, c) => {
+	let { ariaLabel: l, autoFocus: d = !1, content: g, editable: y = !0, editor: S, editorProps: C, externalEditor: w, initialContentWasApplied: T, onContentChange: E, showBarMenu: D = !0, editorContentStyle: O, editorContentClassName: k, mainContainerStyle: A, mainContainerClassName: j, onKeyDown: M, mobile: N, tableOfContentsItemsRef: P } = n, F = h({
+		ariaLabel: l,
+		editable: y
+	}), I = h(null);
+	F.current = {
+		ariaLabel: l,
+		editable: y
 	};
-	let F = p(C && m !== void 0), I = u(({ editor: e, transaction: t }) => {
+	let L = h(T && g !== void 0), R = f(({ editor: e, transaction: t }) => {
 		if (t.getMeta("scribeTableOfContents")) return;
-		let n = e.getHTML(), r = e.getJSON(), i = !_;
-		w && w({
+		let n = e.getHTML(), r = e.getJSON(), i = !y;
+		E && E({
 			jsonContent: e.isEmpty ? "" : r,
 			htmlContent: e.isEmpty ? "" : n,
-			markdownContent: e.isEmpty ? "" : a(n),
+			markdownContent: e.isEmpty ? "" : s(n),
 			source: i ? "programmatic" : "user"
 		});
-	}, [_, w]), L = u(() => {
-		b.commands.setContent("");
-	}, [b]), R = u((e) => b.isEmpty ? "" : {
-		html: () => b.getHTML(),
-		json: () => b.getJSON(),
-		markdown: () => a(b.getHTML())
-	}[e]?.(), [b]), z = u((e) => {
-		b.commands.setContent(e);
-	}, [b]), B = u((e) => {
-		let t = typeof e == "string" ? e : e.id, n = M.current.find((e) => e.id === t) ?? (typeof e == "string" ? void 0 : e);
-		if (!n || b.isDestroyed) return;
-		let r = b.view.nodeDOM(n.pos), i = r instanceof HTMLElement ? r : n.dom;
-		if (b.isEditable) {
-			let e = Math.max(0, Math.min(n.pos + n.node.nodeSize - 1, b.state.doc.content.size));
-			b.commands.focus(e, { scrollIntoView: !1 });
+	}, [y, E]), z = f(() => {
+		S.commands.setContent("");
+	}, [S]), B = f((e) => S.isEmpty ? "" : {
+		html: () => S.getHTML(),
+		json: () => S.getJSON(),
+		markdown: () => s(S.getHTML())
+	}[e]?.(), [S]), V = f((e) => {
+		S.commands.setContent(e);
+	}, [S]), H = f((e) => {
+		let t = typeof e == "string" ? e : e.id, n = P.current.find((e) => e.id === t) ?? (typeof e == "string" ? void 0 : e);
+		if (!n || S.isDestroyed) return;
+		let r = S.view.nodeDOM(n.pos), i = r instanceof HTMLElement ? r : n.dom;
+		if (S.isEditable) {
+			let e = Math.max(0, Math.min(n.pos + n.node.nodeSize - 1, S.state.doc.content.size));
+			S.commands.focus(e, { scrollIntoView: !1 });
 		}
 		i.scrollIntoView({
 			behavior: "smooth",
 			block: "start"
 		});
-	}, [b, M]);
-	return f(o, () => ({
-		resetContent: L,
-		setContent: z,
-		getContent: R,
-		scrollToTableOfContentsItem: B,
-		editor: b
+	}, [S, P]);
+	return m(c, () => ({
+		resetContent: z,
+		setContent: V,
+		getContent: B,
+		scrollToTableOfContentsItem: H,
+		editor: S
 	}), [
-		b,
-		R,
-		L,
+		S,
 		B,
-		z
-	]), d(() => {
-		if (m !== void 0) {
-			if (F.current) {
-				F.current = !1;
+		z,
+		H,
+		V
+	]), p(() => {
+		if (g !== void 0) {
+			if (L.current) {
+				L.current = !1;
 				return;
 			}
-			b.commands.setContent(m, { emitUpdate: !1 });
+			S.commands.setContent(g, { emitUpdate: !1 });
 		}
-	}, [m, b]), d(() => {
-		if (!S) {
-			P.current = null;
+	}, [g, S]), p(() => {
+		if (!w) {
+			I.current = null;
 			return;
 		}
-		let e = b.view.dom, t = Object.fromEntries(v.map((t) => [t, e.getAttribute(t)])), n = b.options.editable, r = b.options.editorProps ?? {}, i = r.attributes, a = /* @__PURE__ */ new Set(), o = (e, t) => {
+		let e = S.view.dom, t = Object.fromEntries(b.map((t) => [t, e.getAttribute(t)])), n = S.options.editable, r = S.options.editorProps ?? {}, i = r.attributes, a = /* @__PURE__ */ new Set(), o = (e, t) => {
 			let n = typeof i == "function" ? i.call(t, e) : i;
 			return Object.keys(n ?? {}).forEach((e) => a.add(e)), n ?? {};
 		}, s = (e, n) => {
 			let r = o(e, n), i = {};
-			return v.forEach((e) => {
+			return b.forEach((e) => {
 				let n = t[e];
 				!a.has(e) && n !== null && (i[e] = n);
 			}), {
 				...i,
 				...r
 			};
-		}, c = s(b.state, r);
-		P.current = {
-			editor: b,
+		}, c = s(S.state, r);
+		I.current = {
+			editor: S,
 			attributes: c
 		};
 		let l = function(e) {
 			let t = s(e, this);
-			P.current?.editor === b && (P.current.attributes = t);
-			let n = N.current;
-			return y(t, n.ariaLabel, n.editable);
+			I.current?.editor === S && (I.current.attributes = t);
+			let n = F.current;
+			return x(t, n.ariaLabel, n.editable);
 		};
-		return b.setOptions({ editorProps: {
+		return S.setOptions({ editorProps: {
 			...r,
 			attributes: l
 		} }), () => {
-			if (!b.isDestroyed) {
-				let s = b.options.editorProps ?? {}, c = s.attributes === l;
+			if (!S.isDestroyed) {
+				let s = S.options.editorProps ?? {}, c = s.attributes === l;
 				if (c) {
 					let e = { ...s };
-					i === void 0 ? delete e.attributes : e.attributes = i, b.setOptions({ editorProps: e });
+					i === void 0 ? delete e.attributes : e.attributes = i, S.setOptions({ editorProps: e });
 				}
-				b.setEditable(!!n, !1);
-				let u = c ? o(b.state, r) : null;
-				u && v.forEach((n) => {
+				S.setEditable(!!n, !1);
+				let u = c ? o(S.state, r) : null;
+				u && b.forEach((n) => {
 					let r = n in u ? u[n] : a.has(n) ? null : t[n];
 					if (r == null) {
 						e.removeAttribute(n);
@@ -145,12 +147,12 @@ var _ = "Rich text editor", v = [
 					e.setAttribute(n, r);
 				});
 			}
-			P.current?.editor === b && (P.current = null);
+			I.current?.editor === S && (I.current = null);
 		};
-	}, [b, S]), d(() => {
-		b.setEditable(!!_);
-		let e = b.view.dom, t = y((S ? P.current?.attributes : typeof x?.editorProps?.attributes == "function" ? x.editorProps.attributes.call(x.editorProps, b.state) : x?.editorProps?.attributes) ?? {}, s, _);
-		v.forEach((n) => {
+	}, [S, w]), p(() => {
+		S.setEditable(!!y);
+		let e = S.view.dom, t = x((w ? I.current?.attributes : typeof C?.editorProps?.attributes == "function" ? C.editorProps.attributes.call(C.editorProps, S.state) : C?.editorProps?.attributes) ?? {}, l, y);
+		b.forEach((n) => {
 			let r = t[n];
 			if (r === void 0) {
 				e.removeAttribute(n);
@@ -159,78 +161,83 @@ var _ = "Rich text editor", v = [
 			e.setAttribute(n, r);
 		});
 	}, [
-		s,
-		_,
-		b,
-		x,
-		S
-	]), d(() => (b.off("update"), b.on("update", I), () => {
-		b.off("update", I);
-	}), [b, I]), d(() => {
-		l && b.commands.focus("end");
-	}, [l, b]), /* @__PURE__ */ g("div", {
-		className: e("scribe-wrapper", "scribe-root", k),
+		l,
+		y,
+		S,
+		C,
+		w
+	]), p(() => (S.off("update"), S.on("update", R), () => {
+		S.off("update", R);
+	}), [S, R]), p(() => {
+		d && S.commands.focus("end");
+	}, [d, S]), /* @__PURE__ */ v("div", {
+		className: e("scribe-wrapper", "scribe-root", j),
 		"data-scribe-root": !0,
-		style: O,
-		children: [/* @__PURE__ */ g("div", {
-			className: e("scribe-frame", _ && "scribe-frame--editable"),
+		style: A,
+		children: [/* @__PURE__ */ v("div", {
+			className: e("scribe-frame", y && "scribe-frame--editable"),
 			children: [
-				b && T ? /* @__PURE__ */ h(t, { editor: b }) : null,
-				/* @__PURE__ */ g("div", {
-					className: e("scribe-content", _ && "scribe-content--editable", D),
-					style: E,
-					children: [/* @__PURE__ */ h(r, {
-						editor: b,
-						onKeyDown: A
-					}), _ ? /* @__PURE__ */ h(i, { editor: b }) : null]
+				S && D ? /* @__PURE__ */ _(t, { editor: S }) : null,
+				/* @__PURE__ */ v("div", {
+					className: e("scribe-content", y && "scribe-content--editable", k),
+					style: O,
+					children: [
+						/* @__PURE__ */ _(r, {
+							editor: S,
+							onKeyDown: M
+						}),
+						y ? /* @__PURE__ */ _(a, { editor: S }) : null,
+						y && S.schema.nodes.callout ? /* @__PURE__ */ _(i, { editor: S }) : null,
+						y && S.schema.nodes.table ? /* @__PURE__ */ _(o, { editor: S }) : null
+					]
 				}),
-				j ? /* @__PURE__ */ h(c, { editor: b }) : null
+				N ? /* @__PURE__ */ _(u, { editor: S }) : null
 			]
-		}), /* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "scribe-popup-root",
 			"data-scribe-popup-root": !0
 		})]
 	});
 });
-x.displayName = "ScribeEditor";
-var S = l((e, t) => {
-	let { ariaLabel: r, content: i, editable: a = !0, editorProps: s, extensions: c, onTableOfContentsChange: l } = e, { handleTableOfContentsChange: u, tableOfContentsItemsRef: d } = b(l), f = s?.editorProps?.attributes, g = p({
+C.displayName = "ScribeEditor";
+var w = d((e, t) => {
+	let { ariaLabel: r, content: i, editable: a = !0, editorProps: o, extensions: s, onTableOfContentsChange: l } = e, { handleTableOfContentsChange: u, tableOfContentsItemsRef: d } = S(l), f = o?.editorProps?.attributes, p = h({
 		ariaLabel: r,
 		editable: a
 	});
-	g.current = {
+	p.current = {
 		ariaLabel: r,
 		editable: a
 	};
-	let _ = typeof f == "function" ? function(e) {
-		let t = g.current;
-		return y(f.call(this, e), t.ariaLabel, t.editable);
-	} : y(f ?? {}, r, a), [v] = m(() => ({
-		...s,
-		content: i ?? s?.content,
+	let m = typeof f == "function" ? function(e) {
+		let t = p.current;
+		return x(f.call(this, e), t.ariaLabel, t.editable);
+	} : x(f ?? {}, r, a), [v] = g(() => ({
+		...o,
+		content: i ?? o?.content,
 		editable: a,
-		extensions: [...o({
+		extensions: [...c({
 			...e,
 			onTableOfContentsChange: u
-		}), ...c ?? []],
+		}), ...s ?? []],
 		editorProps: {
-			...s?.editorProps,
-			attributes: _
+			...o?.editorProps,
+			attributes: m
 		},
-		shouldRerenderOnTransaction: s?.shouldRerenderOnTransaction ?? !1
-	})), S = n(v);
-	return S ? /* @__PURE__ */ h(x, {
+		shouldRerenderOnTransaction: o?.shouldRerenderOnTransaction ?? !1
+	})), y = n(v);
+	return y ? /* @__PURE__ */ _(C, {
 		...e,
 		ref: t,
-		editor: S,
+		editor: y,
 		initialContentWasApplied: !0,
 		tableOfContentsItemsRef: d
 	}) : null;
 });
-S.displayName = "OwnedScribe";
-var C = l((e, t) => {
-	let { externalEditor: n, onTableOfContentsChange: r } = e, { tableOfContentsItemsRef: i } = b(r);
-	return n ? /* @__PURE__ */ h(x, {
+w.displayName = "OwnedScribe";
+var T = d((e, t) => {
+	let { externalEditor: n, onTableOfContentsChange: r } = e, { tableOfContentsItemsRef: i } = S(r);
+	return n ? /* @__PURE__ */ _(C, {
 		...e,
 		ref: t,
 		editor: n,
@@ -238,14 +245,14 @@ var C = l((e, t) => {
 		tableOfContentsItemsRef: i
 	}) : null;
 });
-C.displayName = "ExternalScribe";
-var w = l((e, t) => e.externalEditor ? /* @__PURE__ */ h(C, {
+T.displayName = "ExternalScribe";
+var E = d((e, t) => e.externalEditor ? /* @__PURE__ */ _(T, {
 	...e,
 	ref: t
-}) : /* @__PURE__ */ h(S, {
+}) : /* @__PURE__ */ _(w, {
 	...e,
 	ref: t
 }));
-w.displayName = "Scribe";
+E.displayName = "Scribe";
 //#endregion
-export { w as Scribe, s as SuggestionItemType };
+export { E as Scribe, l as SuggestionItemType };

package/dist/{dist-DErUltkU.js → dist-DFua_Xbu.js}

@@ -1175,24 +1175,26 @@ function pn(e, t, n) {
 }
 var mn = (e, t = {}) => ({ tr: n, state: r, dispatch: i }) => {
 	let { selection: a } = n, { empty: o, ranges: s } = a, c = N(e, r.schema);
-	if (i) if (o) {
-		let e = Tt(r, c);
-		n.addStoredMark(c.create({
-			...e,
-			...t
-		}));
-	} else s.forEach((e) => {
-		let i = e.$from.pos, a = e.$to.pos;
-		r.doc.nodesBetween(i, a, (e, r) => {
-			let o = Math.max(r, i), s = Math.min(r + e.nodeSize, a);
-			e.marks.find((e) => e.type === c) ? e.marks.forEach((e) => {
-				c === e.type && n.addMark(o, s, c.create({
-					...e.attrs,
-					...t
-				}));
-			}) : n.addMark(o, s, c.create(t));
+	if (i) {
+		if (o) {
+			let e = Tt(r, c);
+			n.addStoredMark(c.create({
+				...e,
+				...t
+			}));
+		} else s.forEach((e) => {
+			let i = e.$from.pos, a = e.$to.pos;
+			r.doc.nodesBetween(i, a, (e, r) => {
+				let o = Math.max(r, i), s = Math.min(r + e.nodeSize, a);
+				e.marks.find((e) => e.type === c) ? e.marks.forEach((e) => {
+					c === e.type && n.addMark(o, s, c.create({
+						...e.attrs,
+						...t
+					}));
+				}) : n.addMark(o, s, c.create(t));
+			});
 		});
-	});
+	}
 	return pn(r, n, c);
 }, hn = (e, t) => ({ tr: n }) => (n.setMeta(e, t), !0), gn = (e, t = {}) => ({ state: n, dispatch: r, chain: i }) => {
 	let a = j(e, n.schema), o;
@@ -1635,14 +1637,16 @@ function Zn(e) {
 							let a = g.slice(0, i);
 							m = a.trim();
 							let o = e.slice(0, p + i + n[0].length), c = [];
-							if (m) if (s === "block") for (c = r.blockTokens(a), c.forEach((e) => {
-								e.text && (!e.tokens || e.tokens.length === 0) && (e.tokens = r.inlineTokens(e.text));
-							}); c.length > 0;) {
-								let e = c[c.length - 1];
-								if (e.type === "paragraph" && (!e.text || e.text.trim() === "")) c.pop();
-								else break;
+							if (m) {
+								if (s === "block") for (c = r.blockTokens(a), c.forEach((e) => {
+									e.text && (!e.tokens || e.tokens.length === 0) && (e.tokens = r.inlineTokens(e.text));
+								}); c.length > 0;) {
+									let e = c[c.length - 1];
+									if (e.type === "paragraph" && (!e.text || e.text.trim() === "")) c.pop();
+									else break;
+								}
+								else c = r.inlineTokens(m);
 							}
-							else c = r.inlineTokens(m);
 							return {
 								type: t,
 								raw: o,
@@ -2664,13 +2668,15 @@ var $ = class e extends sr {
 	closest(e, t = {}) {
 		let n = null, r = this.parent;
 		for (; r && !n;) {
-			if (r.node.type.name === e) if (Object.keys(t).length > 0) {
-				let e = r.node.attrs, n = Object.keys(t);
-				for (let r = 0; r < n.length; r += 1) {
-					let i = n[r];
-					if (e[i] !== t[i]) break;
-				}
-			} else n = r;
+			if (r.node.type.name === e) {
+				if (Object.keys(t).length > 0) {
+					let e = r.node.attrs, n = Object.keys(t);
+					for (let r = 0; r < n.length; r += 1) {
+						let i = n[r];
+						if (e[i] !== t[i]) break;
+					}
+				} else n = r;
+			}
 			r = r.parent;
 		}
 		return n;

package/dist/{dist-wYqYXEOz.js → dist-Dw4STOPE.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-CtkjhSXr.js";
-import { t } from "./dist-DErUltkU.js";
+import { t } from "./dist-DFua_Xbu.js";
 import * as n from "react";
 import r, { createContext as i, forwardRef as a, useContext as o, useDebugValue as s, useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f, version as p } from "react";
 import m, { flushSync as h } from "react-dom";