@clevertask/scribe 0.1.6 → 0.1.8

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

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../../../slashCommand-B7CRIaKG.js";
+import { n as e, t } from "../../../../slashCommand-B6Iz1i0d.js";
 export { t as SlashCommand, e as slashMenuPluginKey };

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

@@ -1,6 +1,6 @@
-import { n as e } from "../../../../dist-Cp938P7P.js";
+import { n as e } from "../../../../dist-BgEySLwo.js";
 import { getPopupMountTarget as t } from "../getPopupMountTarget.js";
-import { t as n } from "../../../../tippy.esm-D9LL2xiE.js";
+import { t as n } from "../../../../tippy.esm-DOXqN1Qm.js";
 import { SlashCommandList as r } from "./SlashCommandList.js";
 //#region lib/components/Scribe/extension/slashCommand/renderItems.ts
 var i = () => {

package/dist/components/Scribe/extension/tableOfContents.js

@@ -1,5 +1,5 @@
-import { a as e, i as t } from "../../../dist-CnXCIcnl.js";
-import { n } from "../../../dist-BQjH-i-q.js";
+import { a as e, i as t } from "../../../dist-FrapLVQu.js";
+import { n } from "../../../dist-BMKyBtRa.js";
 //#region lib/components/Scribe/extension/tableOfContents.ts
 var r = "scribeTableOfContents", i = new e("scribeTableOfContents"), a = 10, o = (e) => e.trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "heading", s = (e, t) => {
 	let n = t[t.length - 1], r = [...t].reverse().find((t) => t.originalLevel <= e.node.attrs.level)?.level || 1;

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

@@ -28,9 +28,15 @@ export interface ScribeProps {
      * `ScribeRef.setContent` for programmatic updates after mount.
      */
     content?: string;
+    /** Accessible name for the rich-text editing surface. */
+    ariaLabel?: string;
     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;AAErC,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;AA+BF,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,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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;AAmbD,eAAO,MAAM,MAAM,mGAMlB,CAAC"}

package/dist/components/Scribe/index.js

@@ -1,9 +1,8 @@
-import { n as e, t } from "../../BarMenu-CXaFlpRJ.js";
-import { t as n } from "../../dist-Cp938P7P.js";
-import { t as r } from "../../dist-BQjH-i-q.js";
+import { n as e, t } from "../../BarMenu-BG_w4DVo.js";
+import { i as n, t as r } from "../../dist-BgEySLwo.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";
+import { t as a } from "../../html-to-markdown-Cta7-ssO.js";
+import { t as o } from "../../extension-BVGWENts.js";
 import { SuggestionItemType as s } from "./extension/slashCommand/items.js";
 import "./extension/tableOfContents.js";
 import "../../utils/index.js";
@@ -11,98 +10,181 @@ 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 _ = "Rich text editor", v = [
+	"role",
+	"aria-label",
+	"aria-multiline",
+	"aria-readonly"
+], y = (t, n, r) => {
+	let i = t.role ?? "textbox";
+	return {
+		...t,
+		role: i,
+		class: e("scribe", t.class),
+		"aria-label": n ?? t["aria-label"] ?? _,
+		...i === "textbox" ? {
+			"aria-multiline": "true",
+			"aria-readonly": String(!r)
+		} : {}
+	};
+}, b = (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
+	};
+}, 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: _
+	};
+	let F = p(C && m !== void 0), I = 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 = !_;
+		w && w({
 			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 });
+	}, [_, 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 });
 		}
 		i.scrollIntoView({
 			behavior: "smooth",
 			block: "start"
 		});
-	}, [L]);
-	return f(l, () => ({
-		resetContent: R,
-		setContent: B,
-		getContent: z,
-		scrollToTableOfContentsItem: V,
-		editor: L
+	}, [b, M]);
+	return f(o, () => ({
+		resetContent: L,
+		setContent: z,
+		getContent: R,
+		scrollToTableOfContentsItem: B,
+		editor: b
 	}), [
-		L,
-		z,
+		b,
 		R,
-		V,
-		B
+		L,
+		B,
+		z
 	]), d(() => {
-		if (v !== void 0) {
-			if (M.current) {
-				M.current = !1;
+		if (m !== void 0) {
+			if (F.current) {
+				F.current = !1;
 				return;
 			}
-			L.commands.setContent(v, { emitUpdate: !1 });
+			b.commands.setContent(m, { emitUpdate: !1 });
+		}
+	}, [m, b]), d(() => {
+		if (!S) {
+			P.current = null;
+			return;
 		}
-	}, [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),
+		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 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) => {
+				let n = t[e];
+				!a.has(e) && n !== null && (i[e] = n);
+			}), {
+				...i,
+				...r
+			};
+		}, c = s(b.state, r);
+		P.current = {
+			editor: b,
+			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);
+		};
+		return b.setOptions({ editorProps: {
+			...r,
+			attributes: l
+		} }), () => {
+			if (!b.isDestroyed) {
+				let s = b.options.editorProps ?? {}, c = s.attributes === l;
+				if (c) {
+					let e = { ...s };
+					i === void 0 ? delete e.attributes : e.attributes = i, b.setOptions({ editorProps: e });
+				}
+				b.setEditable(!!n, !1);
+				let u = c ? o(b.state, r) : null;
+				u && v.forEach((n) => {
+					let r = n in u ? u[n] : a.has(n) ? null : t[n];
+					if (r == null) {
+						e.removeAttribute(n);
+						return;
+					}
+					e.setAttribute(n, r);
+				});
+			}
+			P.current?.editor === b && (P.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) => {
+			let r = t[n];
+			if (r === void 0) {
+				e.removeAttribute(n);
+				return;
+			}
+			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),
 		"data-scribe-root": !0,
-		style: E,
+		style: O,
 		children: [/* @__PURE__ */ g("div", {
-			className: e("scribe-frame", y && "scribe-frame--editable"),
+			className: e("scribe-frame", _ && "scribe-frame--editable"),
 			children: [
-				L && C ? /* @__PURE__ */ h(t, { editor: L }) : null,
+				b && T ? /* @__PURE__ */ h(t, { editor: b }) : 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", _ && "scribe-content--editable", D),
+					style: E,
+					children: [/* @__PURE__ */ h(r, {
+						editor: b,
+						onKeyDown: A
+					}), _ ? /* @__PURE__ */ h(i, { editor: b }) : null]
 				}),
-				A ? /* @__PURE__ */ h(c, { editor: L }) : null
+				j ? /* @__PURE__ */ h(c, { editor: b }) : null
 			]
 		}), /* @__PURE__ */ h("div", {
 			className: "scribe-popup-root",
@@ -110,5 +192,60 @@ var _ = l((s, l) => {
 		})]
 	});
 });
+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({
+		ariaLabel: r,
+		editable: a
+	});
+	g.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,
+		editable: a,
+		extensions: [...o({
+			...e,
+			onTableOfContentsChange: u
+		}), ...c ?? []],
+		editorProps: {
+			...s?.editorProps,
+			attributes: _
+		},
+		shouldRerenderOnTransaction: s?.shouldRerenderOnTransaction ?? !1
+	})), S = n(v);
+	return S ? /* @__PURE__ */ h(x, {
+		...e,
+		ref: t,
+		editor: S,
+		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, {
+		...e,
+		ref: t,
+		editor: n,
+		initialContentWasApplied: !1,
+		tableOfContentsItemsRef: i
+	}) : null;
+});
+C.displayName = "ExternalScribe";
+var w = l((e, t) => e.externalEditor ? /* @__PURE__ */ h(C, {
+	...e,
+	ref: t
+}) : /* @__PURE__ */ h(S, {
+	...e,
+	ref: t
+}));
+w.displayName = "Scribe";
 //#endregion
-export { _ as Scribe, s as SuggestionItemType };
+export { w as Scribe, s as SuggestionItemType };