@pretextbook/web-editor 0.5.2 → 0.5.3

package/dist/index.d.ts

@@ -12,7 +12,7 @@ DocumentSection,
 /** @deprecated Chapters are now plain `Division` records with type `"chapter"`. */
 DocumentChapter, } from "./types/sections";
 export type { DivisionTreeNode } from "./sectionUtils";
-export { assembleProjectSource, parseDivisionRefs, insertDivisionRef, removeDivisionRef, moveDivisionRef, renameDivisionRef, findDivisionParent, reorderDivisionRefs, normalizeSelfClosingRefs, getOrphanedDivisions, getOrphanRoots, buildDivisionTree, wrapDivisionForPreview, updateDivisionTitle, createNewSection, createIntroduction, createConclusion, stripSectionWrapper, rewrapSection, ensureSectionWrapper, mergeTwoSections, getSectionAttributes, updateSectionMetadata, extractDivisionMetadata, stripLatexSectionWrapper, rewrapLatexSection, ensureLatexSectionWrapper, updateLatexSectionTitle, extractLatexDivisionTitle, createNewLatexSection, createLatexIntroduction, createLatexConclusion, } from "./sectionUtils";
+export { assembleProjectSource, assembleFullProjectSource, parseDivisionRefs, insertDivisionRef, removeDivisionRef, moveDivisionRef, renameDivisionRef, findDivisionParent, reorderDivisionRefs, normalizeSelfClosingRefs, getOrphanedDivisions, getOrphanRoots, buildDivisionTree, wrapDivisionForPreview, updateDivisionTitle, createNewSection, createIntroduction, createConclusion, stripSectionWrapper, rewrapSection, ensureSectionWrapper, mergeTwoSections, getSectionAttributes, updateSectionMetadata, extractDivisionMetadata, stripLatexSectionWrapper, rewrapLatexSection, ensureLatexSectionWrapper, updateLatexSectionTitle, extractLatexDivisionTitle, createNewLatexSection, createLatexIntroduction, createLatexConclusion, } from "./sectionUtils";
 export { default as CodeEditor } from "./components/CodeEditor";
 export { VisualEditor } from "@pretextbook/visual-editor";
 export { default as FullPreview } from "./components/FullPreview";

package/dist/index.es.js

@@ -93549,7 +93549,7 @@ var U3 = ({ open: r, onClose: i, onLoadAssets: a, onLoadLibraryAssets: o, onInse
 					})]
 				}),
 				/* @__PURE__ */ t("div", {
-					className: "pretext-plus-editor__dialog-content pretext-plus-editor__dialog-content--single pretext-plus-editor__am-body",
+					className: "pretext-plus-editor__dialog-content pretext-plus-editor__dialog-content--single",
 					children: ee === "in-document" ? (() => {
 						if (Oe.length === 0) return /* @__PURE__ */ n("div", {
 							className: "pretext-plus-editor__am-placeholder",
@@ -95249,12 +95249,25 @@ var e8 = new Set([
 function t8(e) {
 	try {
 		let t = t6(e), n = t.children.find((e) => e.type === "element"), r = n?.name === "pretext" ? n.children.find((e) => e.type === "element") : n;
-		return r && !r.attributes.label && !r.attributes.xmlId ? (r.attributes.label = "preview", qY(t)) : e;
+		if (!r) return e;
+		if (!r.attributes.label) {
+			let e = r8(t, "pretext-plus-preview");
+			return r.attributes.label = e, console.log(`Added label="${e}" to root element ${r.name} for previewing.`), qY(t);
+		}
+		return e;
 	} catch (t) {
 		return console.error("Error ensuring label:", t), e;
 	}
 }
-function n8(e, t, n) {
+function n8(e, t) {
+	return e.type === "element" && e.attributes?.label === t ? !0 : "children" in e && e.children ? e.children.some((e) => e.type === "element" ? n8(e, t) : !1) : !1;
+}
+function r8(e, t) {
+	let n = t, r = 1;
+	for (; n8(e, n);) n = `${t}-${r}`, r++;
+	return n;
+}
+function i8(e, t, n) {
 	let r = t.find((t) => t.xmlId === e);
 	if (!r) return `<!-- missing division: ${e} -->`;
 	if (n.has(e)) return `<!-- circular reference: ${e} -->`;
@@ -95266,19 +95279,24 @@ function n8(e, t, n) {
 	}
 	if (r.sourceFormat !== "pretext") return i;
 	let a = new Set(n).add(e);
-	return i.replace(/<plus:[a-z-]+\s[^>]*ref="([^"]+)"[^>]*?(?:\/>|>\s*<\/plus:[a-z-]+>)/g, (e, n) => n8(n, t, a));
+	return i.replace(/<plus:[a-z-]+\s[^>]*ref="([^"]+)"[^>]*?(?:\/>|>\s*<\/plus:[a-z-]+>)/g, (e, n) => i8(n, t, a));
 }
-function r8(e, t) {
-	return t8(n8(t, e, /* @__PURE__ */ new Set()));
+function a8(e, t) {
+	return t8(i8(t, e, /* @__PURE__ */ new Set()));
+}
+function o8(e, t) {
+	return t8(`<pretext>\n${t.trim() ? `${t.trim()}\n` : ""}${e}\n</pretext>`);
 }
-var i8 = new Set(["part", "chapter"]);
-function a8(e, t, n, r) {
-	let i = e8.has(e) ? t : i8.has(e) ? `<book>\n<title>${r}</title>\n${t}\n</book>` : `<article>\n<title>${r}</title>\n${t}\n</article>`;
-	return t8(`<pretext>\n${n.trim() ? `${n.trim()}\n` : ""}${i}\n</pretext>`);
+function s8(e, t, n) {
+	return o8(i8(t, e, /* @__PURE__ */ new Set()), n);
+}
+var c8 = new Set(["part", "chapter"]);
+function l8(e, t, n, r) {
+	return o8(e8.has(e) ? t : c8.has(e) ? `<book>\n<title>${r}</title>\n${t}\n</book>` : `<article>\n<title>${r}</title>\n${t}\n</article>`, n);
 }
 //#endregion
 //#region src/components/toc/ArticleToc.tsx
-var o8 = ({ onOpenAssetPicker: r }) => {
+var u8 = ({ onOpenAssetPicker: r }) => {
 	let i = b3((e) => e.divisions), o = b3((e) => e.rootDivisionId), s = b3((e) => e.activeDivisionId), c = b3((e) => e.selectSection), l = b3((e) => e.removeSection), u = b3((e) => e.divisionContentChange), d = b3((e) => e.insertAtCursor), f = b3((e) => e.startSectionEdit), p = b3((e) => e.setEditDraft), h = b3((e) => e.commitSectionEdit), g = b3((e) => e.cancelSectionEdit), _ = b3((e) => e.editingId), v = b3((e) => e.editDraft), y = i ? i.find((e) => e.xmlId === o) ?? i.find((e) => e.type === "book" || e.type === "article" || e.type === "slideshow") ?? i[0] ?? null : null, x = y && i ? Q6(i, y.xmlId) : [], S = y && i ? $6(i, y.xmlId) : [], [C, w] = b(/* @__PURE__ */ new Set()), T = (e) => !C.has(e), E = (e) => {
 		w((t) => {
 			let n = new Set(t);
@@ -95463,7 +95481,7 @@ var o8 = ({ onOpenAssetPicker: r }) => {
 			children: "Manage Assets"
 		})
 	] });
-}, s8 = ({ isCollapsed: e, onToggleCollapse: r, onOpenAssetPicker: i }) => e ? /* @__PURE__ */ t("div", {
+}, d8 = ({ isCollapsed: e, onToggleCollapse: r, onOpenAssetPicker: i }) => e ? /* @__PURE__ */ t("div", {
 	className: "pretext-plus-editor__toc pretext-plus-editor__toc--collapsed",
 	children: /* @__PURE__ */ t("button", {
 		type: "button",
@@ -95491,8 +95509,8 @@ var o8 = ({ onOpenAssetPicker: r }) => {
 				children: "✕"
 			})
 		})]
-	}), /* @__PURE__ */ t(o8, { onOpenAssetPicker: i })]
-}), c8 = class extends i {
+	}), /* @__PURE__ */ t(u8, { onOpenAssetPicker: i })]
+}), f8 = class extends i {
 	state = { error: null };
 	static getDerivedStateFromError(e) {
 		return { error: e };
@@ -95531,7 +95549,7 @@ var o8 = ({ onOpenAssetPicker: r }) => {
 };
 //#endregion
 //#region src/store/editorStore.ts
-function l8(e) {
+function p8(e) {
 	let t = () => {}, n = { cbs: {
 		selectDivision: t,
 		addDivision: t,
@@ -95651,7 +95669,7 @@ function l8(e) {
 }
 //#endregion
 //#region src/store/EditorStoreProvider.tsx
-function u8({ store: e, children: n }) {
+function m8({ store: e, children: n }) {
 	return /* @__PURE__ */ t(y3.Provider, {
 		value: e,
 		children: n
@@ -95659,10 +95677,10 @@ function u8({ store: e, children: n }) {
 }
 //#endregion
 //#region src/components/Editors.tsx
-var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type === "article" || e.type === "slideshow") ?? e[0] ?? null, f8 = (e) => {
+var h8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type === "article" || e.type === "slideshow") ?? e[0] ?? null, g8 = (e) => {
 	let [n] = b(() => {
-		let t = d8(e.divisions, e.rootDivisionId), n = e.activeDivisionId ?? t?.xmlId ?? null, r = e.divisions.find((e) => e.xmlId === n) ?? t;
-		return l8({
+		let t = h8(e.divisions, e.rootDivisionId), n = e.activeDivisionId ?? t?.xmlId ?? null, r = e.divisions.find((e) => e.xmlId === n) ?? t;
+		return p8({
 			source: r?.content ?? "",
 			sourceFormat: r?.sourceFormat ?? "pretext",
 			title: e.title ?? "Document Title",
@@ -95674,15 +95692,15 @@ var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 			activeDivisionId: n
 		});
 	});
-	return /* @__PURE__ */ t(u8, {
+	return /* @__PURE__ */ t(m8, {
 		store: n.store,
-		children: /* @__PURE__ */ t(p8, {
+		children: /* @__PURE__ */ t(_8, {
 			...e,
 			bindCallbacks: n.bindCallbacks
 		})
 	});
-}, p8 = (e) => {
-	let { bindCallbacks: r } = e, i = b3((e) => e.showFullPreview), a = b3((e) => e.isNarrowScreen), o = b3((e) => e.setIsNarrowScreen), s = b3((e) => e.activeTab), c = b3((e) => e.setActiveTab), l = b3((e) => e.isTocCollapsed), u = b3((e) => e.setIsTocCollapsed), d = b3((e) => e.isLatexDialogOpen), f = b3((e) => e.isConvertDialogOpen), p = b3((e) => e.isDocinfoEditorOpen), h = b3((e) => e.isAssetPickerOpen), g = b3((e) => e.openModal), b = b3((e) => e.closeModal), x = b3((e) => e.syncState), S = b3((e) => e.divisions) ?? [], C = b3((e) => e.activeDivisionId), w = b3((e) => e.title), T = b3((e) => e.docinfo), E = b3((e) => e.commonDocinfo), D = b3((e) => e.useCommonDocinfo), O = b3((e) => e.applyExternalUpdate), k = b3((e) => e.setDivisionContent), A = b3((e) => e.patchDivision), j = b3((e) => e.addDivisionToPool), ee = b3((e) => e.removeDivisionFromPool), te = b3((e) => e.setActiveDivisionId), ne = b3((e) => e.setTitle), M = b3((e) => e.setDocinfo), N = y(null), re = y(null), ie = d8(S, e.rootDivisionId), ae = S.find((e) => e.xmlId === C) ?? S[0] ?? null, P = ae?.sourceFormat ?? "pretext", oe = ae?.content ?? "", F = (t, n, r, i) => {
+}, _8 = (e) => {
+	let { bindCallbacks: r } = e, i = b3((e) => e.showFullPreview), a = b3((e) => e.isNarrowScreen), o = b3((e) => e.setIsNarrowScreen), s = b3((e) => e.activeTab), c = b3((e) => e.setActiveTab), l = b3((e) => e.isTocCollapsed), u = b3((e) => e.setIsTocCollapsed), d = b3((e) => e.isLatexDialogOpen), f = b3((e) => e.isConvertDialogOpen), p = b3((e) => e.isDocinfoEditorOpen), h = b3((e) => e.isAssetPickerOpen), g = b3((e) => e.openModal), b = b3((e) => e.closeModal), x = b3((e) => e.syncState), S = b3((e) => e.divisions) ?? [], C = b3((e) => e.activeDivisionId), w = b3((e) => e.title), T = b3((e) => e.docinfo), E = b3((e) => e.commonDocinfo), D = b3((e) => e.useCommonDocinfo), O = b3((e) => e.applyExternalUpdate), k = b3((e) => e.setDivisionContent), A = b3((e) => e.patchDivision), j = b3((e) => e.addDivisionToPool), ee = b3((e) => e.removeDivisionFromPool), te = b3((e) => e.setActiveDivisionId), ne = b3((e) => e.setTitle), M = b3((e) => e.setDocinfo), N = y(null), re = y(null), ie = h8(S, e.rootDivisionId), ae = S.find((e) => e.xmlId === C) ?? S[0] ?? null, P = ae?.sourceFormat ?? "pretext", oe = ae?.content ?? "", F = (t, n, r, i) => {
 		k(t, n), e.onContentChange({
 			xmlId: t,
 			sourceContent: n,
@@ -95792,7 +95810,7 @@ var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 		let t = ge.current, n = {}, r = !1;
 		if (e.divisions !== t.divisions) {
 			n.divisions = e.divisions;
-			let t = d8(e.divisions, e.rootDivisionId);
+			let t = h8(e.divisions, e.rootDivisionId);
 			(C == null || !e.divisions.some((e) => e.xmlId === C)) && (n.activeDivisionId = t?.xmlId ?? null), r = !0;
 		}
 		e.title !== void 0 && e.title !== t.title && (n.title = e.title, r = !0), e.docinfo !== void 0 && e.docinfo !== t.docinfo && (n.docinfo = e.docinfo, r = !0), e.commonDocinfo !== void 0 && e.commonDocinfo !== t.commonDocinfo && (n.commonDocinfo = e.commonDocinfo, r = !0), e.useCommonDocinfo !== void 0 && e.useCommonDocinfo !== t.useCommonDocinfo && (n.useCommonDocinfo = e.useCommonDocinfo, r = !0), e.activeDivisionId !== void 0 && e.activeDivisionId !== t.activeDivisionId && (n.activeDivisionId = e.activeDivisionId, r = !0), r && O(n), ge.current = {
@@ -95804,7 +95822,7 @@ var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 			activeDivisionId: e.activeDivisionId
 		};
 	});
-	let _e = D ? E : T, ve = ae ? P === "pretext" ? r8(S, ae.xmlId) : I === void 0 ? void 0 : `<${ae.type} xml:id="${ae.xmlId}">\n<title>${ae.title}</title>\n\n${I}\n</${ae.type}>` : void 0, ye = ae && ve !== void 0 ? a8(ae.type, ve, _e, ae.title) : void 0, be = () => N.current?.rebuild(), xe = () => {
+	let _e = D ? E : T, ve = ae ? P === "pretext" ? a8(S, ae.xmlId) : I === void 0 ? void 0 : `<${ae.type} xml:id="${ae.xmlId}">\n<title>${ae.title}</title>\n\n${I}\n</${ae.type}>` : void 0, ye = ae && ve !== void 0 ? l8(ae.type, ve, _e, ae.title) : void 0, be = () => N.current?.rebuild(), xe = () => {
 		e.onSave?.(), N.current?.rebuild();
 	}, Se = (t) => {
 		let n = t.ctrlKey || t.metaKey;
@@ -95844,27 +95862,16 @@ var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 		editDisabledReason: P === "markdown" ? "Visual editing is not available for Markdown documents." : P === "latex" ? "Visual editing is not available for LaTeX documents." : "",
 		onChange: (e) => de(e)
 	});
-	let Te = /* @__PURE__ */ t(s8, {
+	let Te = /* @__PURE__ */ t(d8, {
 		isCollapsed: l,
 		onToggleCollapse: () => u((e) => !e),
 		onOpenAssetPicker: e.projectAssets === void 0 ? void 0 : () => g("isAssetPickerOpen")
-	}), z = "pretext-plus-tab-editor", Ee = "pretext-plus-tab-preview", De = "pretext-plus-tabpanel", Oe = a && Te ? /* @__PURE__ */ t("div", {
-		className: "pretext-plus-editor__toc-drawer",
-		children: l ? /* @__PURE__ */ t("button", {
-			type: "button",
-			className: "pretext-plus-editor__toc-drawer-toggle",
-			onClick: () => u(!1),
-			children: "☰ Contents"
-		}) : /* @__PURE__ */ t("div", {
-			className: "pretext-plus-editor__toc-drawer-open",
-			children: Te
-		})
-	}) : null, B;
-	return B = a ? /* @__PURE__ */ n("div", {
+	}), z = "pretext-plus-tab-editor", Ee = "pretext-plus-tab-preview", De = "pretext-plus-tabpanel", Oe;
+	return Oe = a ? /* @__PURE__ */ n("div", {
 		className: "pretext-plus-editor__tabs",
-		children: [
-			Oe,
-			/* @__PURE__ */ n("div", {
+		children: [Te, /* @__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", {
@@ -95888,8 +95895,7 @@ var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 					onClick: () => c("preview"),
 					children: "Preview"
 				})]
-			}),
-			/* @__PURE__ */ t("div", {
+			}), /* @__PURE__ */ t("div", {
 				id: De,
 				className: "pretext-plus-editor__tab-panel",
 				role: "tabpanel",
@@ -95898,8 +95904,8 @@ var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 					style: { height: "100%" },
 					children: s === "editor" ? Ce : we
 				})
-			})
-		]
+			})]
+		})]
 	}) : /* @__PURE__ */ n("div", {
 		className: "pretext-plus-editor__sectioned-layout",
 		children: [Te, /* @__PURE__ */ n(Rt, {
@@ -95932,9 +95938,9 @@ var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 		}), /* @__PURE__ */ n("div", {
 			className: "pretext-plus-editor__editor-displays",
 			children: [
-				/* @__PURE__ */ t(c8, {
+				/* @__PURE__ */ t(f8, {
 					resetKeys: [oe, C],
-					children: B
+					children: Oe
 				}),
 				d ? /* @__PURE__ */ t(S3, { onClose: () => b("isLatexDialogOpen") }) : null,
 				f && ae && I ? /* @__PURE__ */ t(E3, {
@@ -95982,6 +95988,6 @@ var d8 = (e, t) => e.find((e) => t ? e.xmlId === t : e.type === "book" || e.type
 	});
 };
 //#endregion
-export { nc as CodeEditor, R3 as DocinfoEditor, f8 as Editors, m3 as FeedbackLink, xR as FullPreview, vR as VisualEditor, r8 as assembleProjectSource, Q6 as buildDivisionTree, l3 as convertLatexToPretext, S6 as createConclusion, x6 as createIntroduction, N6 as createLatexConclusion, M6 as createLatexIntroduction, j6 as createNewLatexSection, b6 as createNewSection, f3 as derivePretextContent, c3 as detectSourceFormat, O6 as ensureLatexSectionWrapper, T6 as ensureSectionWrapper, I6 as extractDivisionMetadata, A6 as extractLatexDivisionTitle, q6 as findDivisionParent, $6 as getOrphanRoots, Z6 as getOrphanedDivisions, F6 as getSectionAttributes, U6 as insertDivisionRef, P6 as mergeTwoSections, G6 as moveDivisionRef, Y6 as normalizeSelfClosingRefs, B6 as parseDivisionRefs, bR as postToIframe, W6 as removeDivisionRef, K6 as renameDivisionRef, J6 as reorderDivisionRefs, D6 as rewrapLatexSection, w6 as rewrapSection, E6 as stripLatexSectionWrapper, C6 as stripSectionWrapper, y6 as updateDivisionTitle, k6 as updateLatexSectionTitle, L6 as updateSectionMetadata, a8 as wrapDivisionForPreview };
+export { nc as CodeEditor, R3 as DocinfoEditor, g8 as Editors, m3 as FeedbackLink, xR as FullPreview, vR as VisualEditor, s8 as assembleFullProjectSource, a8 as assembleProjectSource, Q6 as buildDivisionTree, l3 as convertLatexToPretext, S6 as createConclusion, x6 as createIntroduction, N6 as createLatexConclusion, M6 as createLatexIntroduction, j6 as createNewLatexSection, b6 as createNewSection, f3 as derivePretextContent, c3 as detectSourceFormat, O6 as ensureLatexSectionWrapper, T6 as ensureSectionWrapper, I6 as extractDivisionMetadata, A6 as extractLatexDivisionTitle, q6 as findDivisionParent, $6 as getOrphanRoots, Z6 as getOrphanedDivisions, F6 as getSectionAttributes, U6 as insertDivisionRef, P6 as mergeTwoSections, G6 as moveDivisionRef, Y6 as normalizeSelfClosingRefs, B6 as parseDivisionRefs, bR as postToIframe, W6 as removeDivisionRef, K6 as renameDivisionRef, J6 as reorderDivisionRefs, D6 as rewrapLatexSection, w6 as rewrapSection, E6 as stripLatexSectionWrapper, C6 as stripSectionWrapper, y6 as updateDivisionTitle, k6 as updateLatexSectionTitle, L6 as updateSectionMetadata, l8 as wrapDivisionForPreview };
 
 //# sourceMappingURL=index.es.js.map