@pretextbook/web-editor 0.8.0 → 0.8.1

package/dist/index.es.js

@@ -97643,18 +97643,18 @@ function m8(e) {
 		body: t
 	};
 }
-function h8(e, t, n) {
-	let r = n === "book" ? "book" : "article";
+function h8(e, t, n, r) {
+	let i = n === "book" ? "book" : "article";
 	return e.map((e) => {
 		if (e.sourceFormat !== "pretext") return e;
 		let n = L6(e.content);
 		if (e.xmlId === t && !(n && i8.has(n.type))) {
-			let { title: t, body: n } = m8(e.content), i = e.title || t || "Untitled";
+			let { title: t, body: n } = m8(e.content), a = e.title || t || r || "Untitled";
 			return {
 				...e,
-				type: r,
-				title: i,
-				content: `<${r} xml:id="${e.xmlId}">\n<title>${i}</title>\n\n${n}\n</${r}>`
+				type: i,
+				title: a,
+				content: `<${i} xml:id="${e.xmlId}">\n<title>${a}</title>\n\n${n}\n</${i}>`
 			};
 		}
 		return !e.title && n?.title ? {
@@ -97691,25 +97691,24 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 		a,
 		o,
 		_
-	]);
+	]), Oe = y(De);
 	if (m(() => {
+		Oe.current = De;
+	}), m(() => {
+		r && Oe.current();
+	}, [r]), m(() => {
 		if (!r) return;
-		De();
 		let e = (e) => {
 			e.key === "Escape" && i();
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [
-		r,
-		i,
-		De
-	]), !r) return null;
-	let Oe = v8(h), B = (e) => {
+	}, [r, i]), !r) return null;
+	let B = v8(h), ke = (e) => {
 		s(e), i();
-	}, ke = (e, t) => {
+	}, Ae = (e, t) => {
 		let n = `${e}:${t}`;
 		navigator.clipboard.writeText(`<plus:${e} ref="${t}"/>`).catch(() => {}), Ee(n), setTimeout(() => Ee((e) => e === n ? null : e), 2e3);
-	}, Ae = async (e) => {
+	}, je = async (e) => {
 		if (!j.has(e.id) && c) {
 			oe(e.id);
 			try {
@@ -97718,17 +97717,17 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 				oe(null);
 			}
 		}
-		B(e);
-	}, je = async (e) => {
+		ke(e);
+	}, Me = async (e) => {
 		if (l) {
 			I(null), le(!0);
 			try {
-				B(await l(e));
+				ke(await l(e));
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Upload failed."), le(!1);
 			}
 		}
-	}, Me = async () => {
+	}, Ne = async () => {
 		let e = fe.trim();
 		if (!e) return;
 		let t = me.trim();
@@ -97736,33 +97735,33 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 			ve(null), ge(!0);
 			try {
 				let n = await u(e);
-				B(await l(t ? new File([n], t, { type: n.type }) : n));
+				ke(await l(t ? new File([n], t, { type: n.type }) : n));
 			} catch (e) {
 				ve(e instanceof Error ? e.message : "Failed to add URL."), ge(!1);
 			}
-		} else B({
+		} else ke({
 			id: `url-${Date.now()}`,
 			name: t || e,
 			ref: e.split("/").pop() ?? "image",
 			kind: "image",
 			url: e
 		});
-	}, Ne = async () => {
+	}, Pe = async () => {
 		let e = ye.trim(), t = xe.trim();
 		if (!(!e || !t)) if (f) {
 			Te(null), Ce(!0);
 			try {
-				B(await f(e, t));
+				ke(await f(e, t));
 			} catch (e) {
 				Te(e instanceof Error ? e.message : "Failed to create activity."), Ce(!1);
 			}
-		} else B({
+		} else ke({
 			id: `doenet-${Date.now()}`,
 			name: e,
 			ref: t,
 			kind: "doenet"
 		});
-	}, Pe = (e) => {
+	}, Fe = (e) => {
 		let r = A.filter((t) => t.kind === e);
 		return /* @__PURE__ */ n("div", {
 			className: "pretext-plus-editor__am-library",
@@ -97795,7 +97794,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 					return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("button", {
 						type: "button",
 						className: ["pretext-plus-editor__am-lib-row", r ? "pretext-plus-editor__am-lib-row--in-project" : ""].filter(Boolean).join(" "),
-						onClick: () => Ae(e),
+						onClick: () => je(e),
 						disabled: i || !e.ref,
 						title: e.ref ? r ? `Insert "${e.ref}"` : `Add to project & insert "${e.ref}"` : "Asset has no reference — cannot insert",
 						children: [/* @__PURE__ */ n("div", {
@@ -97844,9 +97843,9 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 						type: "button",
 						className: `pretext-plus-editor__dialog-tab${M === "in-document" ? " pretext-plus-editor__dialog-tab--active" : ""}`,
 						onClick: () => ee("in-document"),
-						children: ["In Document", Oe.length > 0 && /* @__PURE__ */ t("span", {
+						children: ["In Document", B.length > 0 && /* @__PURE__ */ t("span", {
 							className: "pretext-plus-editor__asset-tab-count",
-							children: Oe.length
+							children: B.length
 						})]
 					}), /* @__PURE__ */ t("button", {
 						type: "button",
@@ -97860,7 +97859,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 				/* @__PURE__ */ t("div", {
 					className: "pretext-plus-editor__dialog-content pretext-plus-editor__dialog-content--single",
 					children: M === "in-document" ? (() => {
-						if (Oe.length === 0) return /* @__PURE__ */ n("div", {
+						if (B.length === 0) return /* @__PURE__ */ n("div", {
 							className: "pretext-plus-editor__am-placeholder",
 							children: [/* @__PURE__ */ t("p", { children: "No assets referenced in this document yet." }), /* @__PURE__ */ t("button", {
 								type: "button",
@@ -97871,7 +97870,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 								children: "Add an asset"
 							})]
 						});
-						let e = _8.reduce((e, t) => (e[t] = Oe.filter((e) => e.kind === t).map((e) => ({
+						let e = _8.reduce((e, t) => (e[t] = B.filter((e) => e.kind === t).map((e) => ({
 							ref: e.ref,
 							asset: k.find((t) => t.kind === e.kind && t.ref === e.ref)
 						})), e), {
@@ -97916,7 +97915,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 													a && /* @__PURE__ */ t("button", {
 														type: "button",
 														className: "pretext-plus-editor__am-action-btn",
-														onClick: () => B(a),
+														onClick: () => ke(a),
 														title: `Insert <plus:${r} ref="${e}"/>`,
 														children: "Insert"
 													}),
@@ -97930,7 +97929,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 													/* @__PURE__ */ t("button", {
 														type: "button",
 														className: `pretext-plus-editor__am-action-btn${z === o ? " pretext-plus-editor__am-action-btn--done" : ""}`,
-														onClick: () => ke(r, e),
+														onClick: () => Ae(r, e),
 														title: `Copy <plus:${r} ref="${e}"/>`,
 														children: z === o ? "Copied!" : "Copy"
 													}),
@@ -98037,7 +98036,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 							/* @__PURE__ */ n("div", {
 								className: "pretext-plus-editor__am-configure-body",
 								children: [
-									P === "library" && Pe("image"),
+									P === "library" && Fe("image"),
 									P === "upload" && l && /* @__PURE__ */ n("div", {
 										className: "pretext-plus-editor__am-upload",
 										children: [/* @__PURE__ */ n("div", {
@@ -98053,7 +98052,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 											onDrop: (e) => {
 												e.preventDefault(), se(!1);
 												let t = e.dataTransfer.files[0];
-												t && je(t);
+												t && Me(t);
 											},
 											onClick: () => !ce && de.current?.click(),
 											role: "button",
@@ -98069,7 +98068,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 												className: "pretext-plus-editor__dialog-file-input",
 												onChange: (e) => {
 													let t = e.target.files?.[0];
-													t && je(t);
+													t && Me(t);
 												}
 											}), ce ? /* @__PURE__ */ t("p", {
 												className: "pretext-plus-editor__am-drop-text",
@@ -98144,7 +98143,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 											/* @__PURE__ */ t("button", {
 												type: "button",
 												className: "pretext-plus-editor__dialog-button",
-												onClick: Me,
+												onClick: Ne,
 												disabled: !fe.trim() || L,
 												children: L ? "Adding…" : u && l ? "Add to Library & Insert" : "Insert"
 											})
@@ -98178,7 +98177,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 							}),
 							/* @__PURE__ */ n("div", {
 								className: "pretext-plus-editor__am-configure-body",
-								children: [re === "library" && Pe("doenet"), re === "create" && /* @__PURE__ */ n("div", {
+								children: [re === "library" && Fe("doenet"), re === "create" && /* @__PURE__ */ n("div", {
 									className: "pretext-plus-editor__am-create-form",
 									children: [
 										/* @__PURE__ */ t("label", {
@@ -98221,7 +98220,7 @@ var y8 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 										/* @__PURE__ */ t("button", {
 											type: "button",
 											className: "pretext-plus-editor__dialog-button",
-											onClick: Ne,
+											onClick: Pe,
 											disabled: !ye.trim() || !xe.trim() || R,
 											children: R ? "Creating…" : f ? "Create & Insert" : "Insert"
 										})
@@ -99121,7 +99120,7 @@ function F8({ store: e, children: n }) {
 //#region src/components/Editors.tsx
 var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type === "article" || e.type === "slideshow") ?? e[0] ?? null, L8 = (e) => {
 	let [n] = b(() => {
-		let t = I8(e.divisions, e.rootDivisionId), n = h8(e.divisions, t?.xmlId, e.projectType), r = n.find((e) => e.xmlId === t?.xmlId) ?? t, i = e.activeDivisionId ?? r?.xmlId ?? null, a = n.find((e) => e.xmlId === i) ?? r;
+		let t = I8(e.divisions, e.rootDivisionId), n = h8(e.divisions, t?.xmlId, e.projectType, e.title), r = n.find((e) => e.xmlId === t?.xmlId) ?? t, i = e.activeDivisionId ?? r?.xmlId ?? null, a = n.find((e) => e.xmlId === i) ?? r;
 		return P8({
 			source: a?.content ?? "",
 			sourceFormat: a?.sourceFormat ?? "pretext",
@@ -99254,7 +99253,7 @@ var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 	m(() => {
 		let t = Ce.current, n = {}, r = !1;
 		if (e.projectAssets !== void 0 && e.projectAssets !== t.projectAssets && (n.projectAssets = e.projectAssets, r = !0), e.divisions !== t.divisions) {
-			let t = I8(e.divisions, e.rootDivisionId), i = h8(e.divisions, t?.xmlId, e.projectType);
+			let t = I8(e.divisions, e.rootDivisionId), i = h8(e.divisions, t?.xmlId, e.projectType, e.title);
 			n.divisions = i;
 			let a = i.find((e) => e.xmlId === t?.xmlId) ?? t;
 			(A == null || !e.divisions.some((e) => e.xmlId === A)) && (n.activeDivisionId = a?.xmlId ?? null), !e.title && a?.title && (n.title = a.title), r = !0;
@@ -99269,12 +99268,28 @@ var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 			activeDivisionId: e.activeDivisionId
 		};
 	});
-	let we = te ? ee : M, Te = ue ? I === "pretext" ? l8(k, ue.xmlId, w) : ge === void 0 ? void 0 : `<${ue.type} xml:id="${ue.xmlId}">\n<title>${ue.title}</title>\n\n${ge}\n</${ue.type}>` : void 0, z = ue && Te !== void 0 ? p8(ue.type, Te, we, ue.title) : void 0, Ee = () => se.current?.rebuild(), De = () => {
+	let we = y(null);
+	m(() => {
+		if (we.current === e.divisions) return;
+		we.current = e.divisions;
+		let t = I8(e.divisions, e.rootDivisionId), n = h8(e.divisions, t?.xmlId, e.projectType, e.title);
+		for (let t of n) {
+			if (t.sourceFormat !== "pretext") continue;
+			let n = e.divisions.find((e) => e.xmlId === t.xmlId);
+			!n || t.content === n.content || e.onContentChange({
+				xmlId: t.xmlId,
+				sourceContent: t.content,
+				sourceFormat: "pretext",
+				pretextSource: t.content
+			});
+		}
+	});
+	let Te = te ? ee : M, z = ue ? I === "pretext" ? l8(k, ue.xmlId, w) : ge === void 0 ? void 0 : `<${ue.type} xml:id="${ue.xmlId}">\n<title>${ue.title}</title>\n\n${ge}\n</${ue.type}>` : void 0, Ee = ue && z !== void 0 ? p8(ue.type, z, Te, ue.title) : void 0, De = () => se.current?.rebuild(), Oe = () => {
 		e.onSave?.(), se.current?.rebuild();
-	}, Oe = (t) => {
+	}, B = (t) => {
 		let n = t.ctrlKey || t.metaKey;
-		n && t.key === "Enter" && e.onPreviewRebuild ? (t.preventDefault(), Ee()) : n && t.key === "s" && (t.preventDefault(), De());
-	}, B = () => {
+		n && t.key === "Enter" && e.onPreviewRebuild ? (t.preventDefault(), De()) : n && t.key === "s" && (t.preventDefault(), Oe());
+	}, ke = () => {
 		if (!ue || !ge) return;
 		let e = x6(), t = $6(T6(ge, ue.type));
 		me({
@@ -99285,22 +99300,22 @@ var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 			sourceFormat: "pretext",
 			content: t
 		});
-	}, ke = /* @__PURE__ */ t(nc, {
+	}, Ae = /* @__PURE__ */ t(nc, {
 		ref: ce,
 		content: de,
 		sourceFormat: I,
 		onChange: _e,
-		onRebuild: e.onPreviewRebuild ? Ee : void 0,
-		onSave: De,
+		onRebuild: e.onPreviewRebuild ? De : void 0,
+		onSave: Oe,
 		onOpenLatexImport: () => x("isLatexDialogOpen"),
 		onOpenDocinfoEditor: () => x("isDocinfoEditorOpen"),
 		onOpenConvertToPretext: R && ge !== void 0 ? () => x("isConvertDialogOpen") : void 0,
 		canConvertToPretext: ge !== void 0,
 		onOpenAssets: e.projectAssets !== void 0 && I === "pretext" ? () => x("isAssetPickerOpen") : void 0
-	}), Ae;
-	Ae = i && e.onPreviewRebuild ? /* @__PURE__ */ t(xR, {
+	}), je;
+	je = i && e.onPreviewRebuild ? /* @__PURE__ */ t(xR, {
 		ref: se,
-		content: z || "",
+		content: Ee || "",
 		title: j,
 		onRebuild: e.onPreviewRebuild
 	}) : /* @__PURE__ */ t(vR, {
@@ -99309,23 +99324,23 @@ var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 		editDisabledReason: I === "markdown" ? "Visual editing is not available for Markdown documents." : I === "latex" ? "Visual editing is not available for LaTeX documents." : "",
 		onChange: (e) => _e(e)
 	});
-	let je = /* @__PURE__ */ t(j8, {
+	let Me = /* @__PURE__ */ t(j8, {
 		isCollapsed: l,
 		onToggleCollapse: () => u((e) => !e),
 		onOpenAssetPicker: e.projectAssets === void 0 ? void 0 : () => x("isAssetPickerOpen")
-	}), Me = "pretext-plus-tab-editor", Ne = "pretext-plus-tab-preview", Pe = "pretext-plus-tabpanel", Fe;
-	return Fe = a ? /* @__PURE__ */ n("div", {
+	}), Ne = "pretext-plus-tab-editor", Pe = "pretext-plus-tab-preview", Fe = "pretext-plus-tabpanel", Ie;
+	return Ie = a ? /* @__PURE__ */ n("div", {
 		className: "pretext-plus-editor__tabs",
-		children: [je, /* @__PURE__ */ n("div", {
+		children: [Me, /* @__PURE__ */ n("div", {
 			className: "pretext-plus-editor__tabs-main",
 			children: [/* @__PURE__ */ n("div", {
 				className: "pretext-plus-editor__tab-list",
 				role: "tablist",
 				children: [/* @__PURE__ */ t("button", {
 					type: "button",
-					id: Me,
+					id: Ne,
 					role: "tab",
-					"aria-controls": Pe,
+					"aria-controls": Fe,
 					"aria-selected": s === "editor",
 					tabIndex: s === "editor" ? 0 : -1,
 					className: `pretext-plus-editor__tab-button ${s === "editor" ? "is-active" : ""}`,
@@ -99333,9 +99348,9 @@ var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 					children: "Editor"
 				}), /* @__PURE__ */ t("button", {
 					type: "button",
-					id: Ne,
+					id: Pe,
 					role: "tab",
-					"aria-controls": Pe,
+					"aria-controls": Fe,
 					"aria-selected": s === "preview",
 					tabIndex: s === "preview" ? 0 : -1,
 					className: `pretext-plus-editor__tab-button ${s === "preview" ? "is-active" : ""}`,
@@ -99343,25 +99358,25 @@ var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 					children: "Preview"
 				})]
 			}), /* @__PURE__ */ t("div", {
-				id: Pe,
+				id: Fe,
 				className: "pretext-plus-editor__tab-panel",
 				role: "tabpanel",
-				"aria-labelledby": s === "editor" ? Me : Ne,
+				"aria-labelledby": s === "editor" ? Ne : Pe,
 				children: /* @__PURE__ */ t("div", {
 					style: { height: "100%" },
-					children: s === "editor" ? ke : Ae
+					children: s === "editor" ? Ae : je
 				})
 			})]
 		})]
 	}) : /* @__PURE__ */ n("div", {
 		className: "pretext-plus-editor__sectioned-layout",
-		children: [je, /* @__PURE__ */ n(Rt, {
+		children: [Me, /* @__PURE__ */ n(Rt, {
 			orientation: "horizontal",
 			className: "pretext-plus-editor__splitter",
 			children: [
 				/* @__PURE__ */ t(Vt, {
 					className: "pretext-plus-editor__editor-panel",
-					children: ke
+					children: Ae
 				}),
 				/* @__PURE__ */ t(Wt, {
 					className: "pretext-plus-editor__resize-handle",
@@ -99369,13 +99384,13 @@ var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 				}),
 				/* @__PURE__ */ t(Vt, {
 					className: "pretext-plus-editor__preview-panel",
-					children: Ae
+					children: je
 				})
 			]
 		})]
 	}), /* @__PURE__ */ n("div", {
 		className: "pretext-plus-editor",
-		onKeyDown: Oe,
+		onKeyDown: B,
 		children: [/* @__PURE__ */ t(C8, {
 			onSaveButton: e.onSaveButton,
 			saveButtonLabel: e.saveButtonLabel,
@@ -99387,14 +99402,14 @@ var I8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 			children: [
 				/* @__PURE__ */ t(M8, {
 					resetKeys: [de, A],
-					children: Fe
+					children: Ie
 				}),
 				d ? /* @__PURE__ */ t(k3, { onClose: () => S("isLatexDialogOpen") }) : null,
 				f && ue && ge ? /* @__PURE__ */ t(N3, {
 					sourceContent: de,
 					sourceFormat: I,
 					pretextSource: ge,
-					onConfirm: B,
+					onConfirm: ke,
 					onClose: () => S("isConvertDialogOpen")
 				}) : null,
 				p ? /* @__PURE__ */ t(G3, {