camox 0.48.0 → 0.52.1

package/dist/features/preview/components/StudioEditingFallback.js

@@ -1,20 +1,20 @@
+import { CanvasLoadingScreen } from "../../canvas/CanvasLoadingScreen.js";
 import { CanvasSidebarSkeleton } from "../../canvas/sidebar/CanvasSidebarSkeleton.js";
 import { previewStore, selectIsCanvasShown } from "../previewStore.js";
-import { CanvasLoadingScreen } from "../../canvas/CanvasLoadingScreen.js";
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/preview/components/StudioEditingFallback.tsx
 /**
-* The read-only page shown while the editor loads. Showing the Canvas before the editor
-* is ready shows what the editor shows while the Canvas prepares: the Canvas sidebar's
-* placeholder, and a loading screen where the Canvas will be. The page's frame keeps its
-* place in the tree underneath, so it never reloads.
+* What holds the page's place while the editor loads. The studio never renders the site's code:
+* a loading screen shows where the page will, in the Canvas's background, until the renderer
+* frame shows it. Showing the Canvas before the editor is ready also shows the Canvas sidebar's
+* placeholder, as the editor does while the Canvas prepares.
 */
 function StudioEditingFallback(t0) {
-	const $ = c(11);
-	const { layoutPage, children } = t0;
+	const $ = c(8);
+	const { layoutPage } = t0;
 	const isCanvasShown = useSelector(previewStore, selectIsCanvasShown);
 	let t1;
 	if ($[0] !== isCanvasShown || $[1] !== layoutPage) {
@@ -23,34 +23,30 @@ function StudioEditingFallback(t0) {
 		$[1] = layoutPage;
 		$[2] = t1;
 	} else t1 = $[2];
-	let t2;
-	if ($[3] !== isCanvasShown) {
-		t2 = isCanvasShown && /* @__PURE__ */ jsx(CanvasLoadingScreen, {});
-		$[3] = isCanvasShown;
-		$[4] = t2;
-	} else t2 = $[4];
+	const t2 = isCanvasShown ? void 0 : PAGE_LOADING_LABEL;
 	let t3;
-	if ($[5] !== children || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("div", {
+	if ($[3] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
 			className: "relative min-h-0 min-w-0 flex-1",
-			children: [children, t2]
+			children: /* @__PURE__ */ jsx(CanvasLoadingScreen, { label: t2 })
 		});
-		$[5] = children;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
 	let t4;
-	if ($[8] !== t1 || $[9] !== t3) {
+	if ($[5] !== t1 || $[6] !== t3) {
 		t4 = /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full min-h-0 flex-1",
 			children: [t1, t3]
 		});
-		$[8] = t1;
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
+		$[5] = t1;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
 	return t4;
 }
+/** What the loading screen says while the page it holds the place of loads. */
+const PAGE_LOADING_LABEL = "Loading the page";
 
 //#endregion
-export { StudioEditingFallback };
+export { PAGE_LOADING_LABEL, StudioEditingFallback };

package/dist/features/preview/components/useFieldWriter.js

@@ -1,5 +1,4 @@
 import { useProjectUuid } from "../../../lib/auth.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { referenceList } from "../../../lib/normalized-data.js";
 import { reads, useStudioCache } from "../../../lib/studio-reads.js";
 import { referenceListIds } from "../../../core/lib/reference.js";
@@ -7,8 +6,8 @@ import { recordText } from "../../../core/recordItem.js";
 import { blockMutations, collectionMutations, repeatableItemMutations } from "../../../lib/queries.js";
 import { invalidateCollectionRecordViews } from "../../../lib/collection-cache.js";
 import { serializeAssetField } from "../../content/collection-form.js";
-import { contentFieldSchema } from "./contentFieldSchema.js";
 import { referenceWritesFor } from "../../../core/editing/referenceWrites.js";
+import { contentFieldSchema } from "./contentFieldSchema.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { toast } from "@camox/ui/toaster";
@@ -74,10 +73,9 @@ function applyReferenceListOptimistically(studioCache, blockId, owner, fieldName
 * collection asset snapshots rather than block file markers.
 */
 function useFieldWriter(target, schema) {
-	const $ = c(13);
+	const $ = c(12);
 	const queryClient = useQueryClient();
 	const projectUuid = useProjectUuid();
-	const camoxApp = useCamoxApp();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = blockMutations.updateContent();
@@ -98,7 +96,7 @@ function useFieldWriter(target, schema) {
 	const editRecord = useMutation(t2);
 	const studioCache = useStudioCache();
 	let t3;
-	if ($[3] !== camoxApp || $[4] !== editRecord || $[5] !== projectUuid || $[6] !== queryClient || $[7] !== schema || $[8] !== studioCache || $[9] !== target || $[10] !== updateBlockContent || $[11] !== updateItemContent) {
+	if ($[3] !== editRecord || $[4] !== projectUuid || $[5] !== queryClient || $[6] !== schema || $[7] !== studioCache || $[8] !== target || $[9] !== updateBlockContent || $[10] !== updateItemContent) {
 		t3 = (fieldName, value) => {
 			if (target?.kind === "record") {
 				const fieldType = fieldTypeOf(schema, fieldName);
@@ -129,16 +127,19 @@ function useFieldWriter(target, schema) {
 				const { collectionId: t4 } = field;
 				const collectionId = t4 === void 0 ? "" : t4;
 				const linkRecord = async (recordId) => {
-					const record_0 = await studioCache.ensure(reads.record({
+					const [record_0, collection] = await Promise.all([studioCache.ensure(reads.record({
 						projectUuid,
 						collectionId,
 						id: recordId
-					}));
+					})), studioCache.ensure(reads.collection({
+						projectUuid,
+						collectionId
+					}))]);
 					return {
 						id: record_0.id,
 						collectionId,
 						content: record_0.content,
-						...recordText(camoxApp.getCollectionById(collectionId), record_0.content)
+						...recordText(collection, record_0.content)
 					};
 				};
 				return (async () => {
@@ -176,17 +177,16 @@ function useFieldWriter(target, schema) {
 				content
 			});
 		};
-		$[3] = camoxApp;
-		$[4] = editRecord;
-		$[5] = projectUuid;
-		$[6] = queryClient;
-		$[7] = schema;
-		$[8] = studioCache;
-		$[9] = target;
-		$[10] = updateBlockContent;
-		$[11] = updateItemContent;
-		$[12] = t3;
-	} else t3 = $[12];
+		$[3] = editRecord;
+		$[4] = projectUuid;
+		$[5] = queryClient;
+		$[6] = schema;
+		$[7] = studioCache;
+		$[8] = target;
+		$[9] = updateBlockContent;
+		$[10] = updateItemContent;
+		$[11] = t3;
+	} else t3 = $[11];
 	return t3;
 }
 function _temp2(cause) {

package/dist/features/preview/components/useRecordView.js

@@ -1,6 +1,6 @@
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { placedRecords, referenceList } from "../../../lib/normalized-data.js";
 import { referenceListIds } from "../../../core/lib/reference.js";
+import { useCollectionDefinition } from "../../../lib/studio-definitions.js";
 import { isBlockPlacement, previewStore, recordPlacement } from "../previewStore.js";
 import { contentFieldSchema } from "./contentFieldSchema.js";
 import { formatFieldName } from "./ItemFieldsEditor.js";
@@ -31,9 +31,8 @@ function isLayoutPlacer(placer) {
 * view instead.
 */
 function useRecordView(t0) {
-	const $ = c(77);
+	const $ = c(60);
 	const { owner, selection, placer } = t0;
-	const camoxApp = useCamoxApp();
 	const recordSelection = selection?.type === "record" || selection?.type === "record-field" ? selection : null;
 	const nested = recordSelection?.nested;
 	const blockSelection = recordSelection && isBlockPlacement(recordSelection) ? recordSelection : null;
@@ -41,73 +40,32 @@ function useRecordView(t0) {
 	const blockPlacer = placer && !isLayoutPlacer(placer) ? placer : null;
 	const layoutPlacer = isLayoutPlacer(placer) ? placer : null;
 	const referenceFieldName = blockSelection?.fieldName;
-	let nestedCollection;
-	let nestedField;
-	let nestedRecord;
-	let nestedStale;
-	let outerCollection;
-	let outerRecord;
-	let outerStale;
-	let referenceField;
-	let referenceFieldType;
+	const referenceField = referenceFieldName ? contentFieldSchema(blockPlacer?.contentSchema, referenceFieldName) : void 0;
+	const outerCollectionId = layoutSelection ? layoutPlacer?.collectionId : referenceField?.collectionId;
+	const outerCollection = useCollectionDefinition(outerCollectionId);
+	const outerStale = blockSelection ? blockPlacer != null && !linksRecord(referenceField, blockPlacer, blockSelection.fieldName, blockSelection.recordId) : layoutSelection != null && layoutPlacer != null && layoutPlacer.record.id !== layoutSelection.recordId;
 	let t1;
-	if ($[0] !== blockPlacer || $[1] !== blockSelection || $[2] !== camoxApp || $[3] !== layoutPlacer || $[4] !== layoutSelection || $[5] !== nested || $[6] !== referenceFieldName) {
-		referenceField = referenceFieldName ? contentFieldSchema(blockPlacer?.contentSchema, referenceFieldName) : void 0;
-		const outerCollectionId = layoutSelection ? layoutPlacer?.collectionId : referenceField?.collectionId;
-		outerCollection = outerCollectionId ? camoxApp.getCollectionById(outerCollectionId) : void 0;
-		outerStale = blockSelection ? blockPlacer != null && !linksRecord(referenceField, blockPlacer, blockSelection.fieldName, blockSelection.recordId) : layoutSelection != null && layoutPlacer != null && layoutPlacer.record.id !== layoutSelection.recordId;
-		let t2;
-		if ($[17] !== blockPlacer?.references || $[18] !== blockSelection || $[19] !== layoutPlacer?.record || $[20] !== layoutSelection || $[21] !== outerStale) {
-			t2 = () => {
-				if (outerStale) return;
-				if (blockSelection) return placedRecords(blockPlacer?.references, blockSelection.fieldName).find((record) => record.id === blockSelection.recordId);
-				if (layoutSelection) return layoutPlacer?.record;
-			};
-			$[17] = blockPlacer?.references;
-			$[18] = blockSelection;
-			$[19] = layoutPlacer?.record;
-			$[20] = layoutSelection;
-			$[21] = outerStale;
-			$[22] = t2;
-		} else t2 = $[22];
-		outerRecord = t2();
-		nestedField = nested ? contentFieldSchema(outerCollection?._internal.contentSchema, nested.fieldName) : void 0;
-		nestedCollection = nestedField?.collectionId ? camoxApp.getCollectionById(nestedField.collectionId) : void 0;
-		nestedStale = nested != null && outerRecord != null && !linksRecord(nestedField, outerRecord, nested.fieldName, nested.recordId);
-		nestedRecord = nested && outerRecord && !nestedStale ? placedRecords(outerRecord.references, nested.fieldName).find((record_0) => record_0.id === nested.recordId) : void 0;
-		const fieldTypeOf = _temp;
-		referenceFieldType = fieldTypeOf(referenceField);
-		t1 = fieldTypeOf(nestedField);
-		$[0] = blockPlacer;
+	if ($[0] !== blockPlacer?.references || $[1] !== blockSelection || $[2] !== layoutPlacer?.record || $[3] !== layoutSelection || $[4] !== outerStale) {
+		t1 = () => {
+			if (outerStale) return;
+			if (blockSelection) return placedRecords(blockPlacer?.references, blockSelection.fieldName).find((record) => record.id === blockSelection.recordId);
+			if (layoutSelection) return layoutPlacer?.record;
+		};
+		$[0] = blockPlacer?.references;
 		$[1] = blockSelection;
-		$[2] = camoxApp;
-		$[3] = layoutPlacer;
-		$[4] = layoutSelection;
-		$[5] = nested;
-		$[6] = referenceFieldName;
-		$[7] = nestedCollection;
-		$[8] = nestedField;
-		$[9] = nestedRecord;
-		$[10] = nestedStale;
-		$[11] = outerCollection;
-		$[12] = outerRecord;
-		$[13] = outerStale;
-		$[14] = referenceField;
-		$[15] = referenceFieldType;
-		$[16] = t1;
-	} else {
-		nestedCollection = $[7];
-		nestedField = $[8];
-		nestedRecord = $[9];
-		nestedStale = $[10];
-		outerCollection = $[11];
-		outerRecord = $[12];
-		outerStale = $[13];
-		referenceField = $[14];
-		referenceFieldType = $[15];
-		t1 = $[16];
-	}
-	const nestedFieldType = t1;
+		$[2] = layoutPlacer?.record;
+		$[3] = layoutSelection;
+		$[4] = outerStale;
+		$[5] = t1;
+	} else t1 = $[5];
+	const outerRecord = t1();
+	const nestedField = nested ? contentFieldSchema(outerCollection?.contentSchema, nested.fieldName) : void 0;
+	const nestedCollection = useCollectionDefinition(nestedField?.collectionId);
+	const nestedStale = nested != null && outerRecord != null && !linksRecord(nestedField, outerRecord, nested.fieldName, nested.recordId);
+	const nestedRecord = nested && outerRecord && !nestedStale ? placedRecords(outerRecord.references, nested.fieldName).find((record_0) => record_0.id === nested.recordId) : void 0;
+	const fieldTypeOf = _temp;
+	const referenceFieldType = fieldTypeOf(referenceField);
+	const nestedFieldType = fieldTypeOf(nestedField);
 	const recordBlockId = blockSelection?.blockId;
 	const recordItemId = blockSelection?.itemId;
 	const recordLayoutId = layoutSelection?.layoutId;
@@ -118,53 +76,53 @@ function useRecordView(t0) {
 			break bb0;
 		}
 		let t3;
-		if ($[23] !== referenceFieldName || $[24] !== referenceFieldType) {
+		if ($[6] !== referenceFieldName || $[7] !== referenceFieldType) {
 			t3 = {
 				fieldName: referenceFieldName,
 				fieldType: referenceFieldType
 			};
-			$[23] = referenceFieldName;
-			$[24] = referenceFieldType;
-			$[25] = t3;
-		} else t3 = $[25];
+			$[6] = referenceFieldName;
+			$[7] = referenceFieldType;
+			$[8] = t3;
+		} else t3 = $[8];
 		const field_0 = t3;
 		if (recordItemId == null) {
 			let t4;
-			if ($[26] !== field_0 || $[27] !== recordBlockId) {
+			if ($[9] !== field_0 || $[10] !== recordBlockId) {
 				t4 = {
 					type: "block-field",
 					blockId: recordBlockId,
 					...field_0
 				};
-				$[26] = field_0;
-				$[27] = recordBlockId;
-				$[28] = t4;
-			} else t4 = $[28];
+				$[9] = field_0;
+				$[10] = recordBlockId;
+				$[11] = t4;
+			} else t4 = $[11];
 			t2 = t4;
 			break bb0;
 		}
 		let t4;
-		if ($[29] !== field_0 || $[30] !== recordBlockId || $[31] !== recordItemId) {
+		if ($[12] !== field_0 || $[13] !== recordBlockId || $[14] !== recordItemId) {
 			t4 = {
 				type: "item-field",
 				blockId: recordBlockId,
 				itemId: recordItemId,
 				...field_0
 			};
-			$[29] = field_0;
-			$[30] = recordBlockId;
-			$[31] = recordItemId;
-			$[32] = t4;
-		} else t4 = $[32];
+			$[12] = field_0;
+			$[13] = recordBlockId;
+			$[14] = recordItemId;
+			$[15] = t4;
+		} else t4 = $[15];
 		t2 = t4;
 	}
 	const referenceFieldSelection = t2;
 	let t3;
-	if ($[33] !== recordSelection) {
+	if ($[16] !== recordSelection) {
 		t3 = recordSelection ? _temp2(recordPlacement(recordSelection)) : null;
-		$[33] = recordSelection;
-		$[34] = t3;
-	} else t3 = $[34];
+		$[16] = recordSelection;
+		$[17] = t3;
+	} else t3 = $[17];
 	const outerPlacement = t3;
 	const recordId = recordSelection?.recordId;
 	const nestedFieldName = nested?.fieldName;
@@ -175,30 +133,30 @@ function useRecordView(t0) {
 			break bb1;
 		}
 		let t5;
-		if ($[35] !== nestedFieldName || $[36] !== nestedFieldType) {
+		if ($[18] !== nestedFieldName || $[19] !== nestedFieldType) {
 			t5 = {
 				recordFieldName: nestedFieldName,
 				recordFieldType: nestedFieldType
 			};
-			$[35] = nestedFieldName;
-			$[36] = nestedFieldType;
-			$[37] = t5;
-		} else t5 = $[37];
+			$[18] = nestedFieldName;
+			$[19] = nestedFieldType;
+			$[20] = t5;
+		} else t5 = $[20];
 		const field_1 = t5;
 		if (recordLayoutId != null) {
 			let t6;
-			if ($[38] !== field_1 || $[39] !== recordId || $[40] !== recordLayoutId) {
+			if ($[21] !== field_1 || $[22] !== recordId || $[23] !== recordLayoutId) {
 				t6 = {
 					type: "record-field",
 					layoutId: recordLayoutId,
 					recordId,
 					...field_1
 				};
-				$[38] = field_1;
-				$[39] = recordId;
-				$[40] = recordLayoutId;
-				$[41] = t6;
-			} else t6 = $[41];
+				$[21] = field_1;
+				$[22] = recordId;
+				$[23] = recordLayoutId;
+				$[24] = t6;
+			} else t6 = $[24];
 			t4 = t6;
 			break bb1;
 		}
@@ -207,13 +165,13 @@ function useRecordView(t0) {
 			break bb1;
 		}
 		let t6;
-		if ($[42] !== recordItemId) {
+		if ($[25] !== recordItemId) {
 			t6 = recordItemId == null ? {} : { itemId: recordItemId };
-			$[42] = recordItemId;
-			$[43] = t6;
-		} else t6 = $[43];
+			$[25] = recordItemId;
+			$[26] = t6;
+		} else t6 = $[26];
 		let t7;
-		if ($[44] !== field_1 || $[45] !== recordBlockId || $[46] !== recordId || $[47] !== referenceFieldName || $[48] !== t6) {
+		if ($[27] !== field_1 || $[28] !== recordBlockId || $[29] !== recordId || $[30] !== referenceFieldName || $[31] !== t6) {
 			t7 = {
 				type: "record-field",
 				blockId: recordBlockId,
@@ -222,13 +180,13 @@ function useRecordView(t0) {
 				recordId,
 				...field_1
 			};
-			$[44] = field_1;
-			$[45] = recordBlockId;
-			$[46] = recordId;
-			$[47] = referenceFieldName;
-			$[48] = t6;
-			$[49] = t7;
-		} else t7 = $[49];
+			$[27] = field_1;
+			$[28] = recordBlockId;
+			$[29] = recordId;
+			$[30] = referenceFieldName;
+			$[31] = t6;
+			$[32] = t7;
+		} else t7 = $[32];
 		t4 = t7;
 	}
 	const nestedFieldSelection = t4;
@@ -236,7 +194,7 @@ function useRecordView(t0) {
 	const fallbackSelection = outerStale ? referenceFieldSelection : nestedFieldSelection;
 	let t5;
 	let t6;
-	if ($[50] !== fallbackSelection || $[51] !== isStale || $[52] !== owner) {
+	if ($[33] !== fallbackSelection || $[34] !== isStale || $[35] !== owner) {
 		t5 = () => {
 			if (!isStale || !fallbackSelection) return;
 			previewStore.send({
@@ -250,21 +208,21 @@ function useRecordView(t0) {
 			fallbackSelection,
 			owner
 		];
-		$[50] = fallbackSelection;
-		$[51] = isStale;
-		$[52] = owner;
-		$[53] = t5;
-		$[54] = t6;
+		$[33] = fallbackSelection;
+		$[34] = isStale;
+		$[35] = owner;
+		$[36] = t5;
+		$[37] = t6;
 	} else {
-		t5 = $[53];
-		t6 = $[54];
+		t5 = $[36];
+		t6 = $[37];
 	}
 	React.useEffect(t5, t6);
 	const placedRecord = nested ? nestedRecord : outerRecord;
 	const collection = nested ? nestedCollection : outerCollection;
 	const shown = recordSelection && !isStale && placedRecord && collection;
 	let t7;
-	if ($[55] !== collection || $[56] !== nested || $[57] !== nestedFieldType || $[58] !== placedRecord || $[59] !== recordSelection || $[60] !== referenceFieldType || $[61] !== shown) {
+	if ($[38] !== collection || $[39] !== nested || $[40] !== nestedFieldType || $[41] !== placedRecord || $[42] !== recordSelection || $[43] !== referenceFieldType || $[44] !== shown) {
 		t7 = shown ? {
 			selection: recordSelection,
 			record: placedRecord,
@@ -272,18 +230,18 @@ function useRecordView(t0) {
 			inList: (nested ? nestedFieldType : referenceFieldType) === "ReferenceList",
 			linksRecords: !nested
 		} : null;
-		$[55] = collection;
-		$[56] = nested;
-		$[57] = nestedFieldType;
-		$[58] = placedRecord;
-		$[59] = recordSelection;
-		$[60] = referenceFieldType;
-		$[61] = shown;
-		$[62] = t7;
-	} else t7 = $[62];
+		$[38] = collection;
+		$[39] = nested;
+		$[40] = nestedFieldType;
+		$[41] = placedRecord;
+		$[42] = recordSelection;
+		$[43] = referenceFieldType;
+		$[44] = shown;
+		$[45] = t7;
+	} else t7 = $[45];
 	const recordView = t7;
 	let t8;
-	if ($[63] !== nested || $[64] !== nestedField?.title || $[65] !== nestedFieldSelection || $[66] !== outerPlacement || $[67] !== outerRecord || $[68] !== owner || $[69] !== recordView || $[70] !== referenceField?.title || $[71] !== referenceFieldSelection) {
+	if ($[46] !== nested || $[47] !== nestedField?.title || $[48] !== nestedFieldSelection || $[49] !== outerPlacement || $[50] !== outerRecord || $[51] !== owner || $[52] !== recordView || $[53] !== referenceField?.title || $[54] !== referenceFieldSelection) {
 		t8 = (fieldHasOwnView) => {
 			if (!recordView || !outerRecord || !outerPlacement) return [];
 			const outerTarget = {
@@ -344,31 +302,31 @@ function useRecordView(t0) {
 				}
 			];
 		};
-		$[63] = nested;
-		$[64] = nestedField?.title;
-		$[65] = nestedFieldSelection;
-		$[66] = outerPlacement;
-		$[67] = outerRecord;
-		$[68] = owner;
-		$[69] = recordView;
-		$[70] = referenceField?.title;
-		$[71] = referenceFieldSelection;
-		$[72] = t8;
-	} else t8 = $[72];
+		$[46] = nested;
+		$[47] = nestedField?.title;
+		$[48] = nestedFieldSelection;
+		$[49] = outerPlacement;
+		$[50] = outerRecord;
+		$[51] = owner;
+		$[52] = recordView;
+		$[53] = referenceField?.title;
+		$[54] = referenceFieldSelection;
+		$[55] = t8;
+	} else t8 = $[55];
 	const recordCrumbs = t8;
 	const t9 = isStale ? fallbackSelection : selection;
 	let t10;
-	if ($[73] !== recordCrumbs || $[74] !== recordView || $[75] !== t9) {
+	if ($[56] !== recordCrumbs || $[57] !== recordView || $[58] !== t9) {
 		t10 = {
 			recordView,
 			viewSelection: t9,
 			recordCrumbs
 		};
-		$[73] = recordCrumbs;
-		$[74] = recordView;
-		$[75] = t9;
-		$[76] = t10;
-	} else t10 = $[76];
+		$[56] = recordCrumbs;
+		$[57] = recordView;
+		$[58] = t9;
+		$[59] = t10;
+	} else t10 = $[59];
 	return t10;
 }
 function _temp2(t0) {

package/dist/features/preview/components/useRepeatableItemActions.js

@@ -1,5 +1,3 @@
-import "../../provider/components/CamoxAppContext.js";
-import "../../../lib/studio-reads.js";
 import { repeatableItemMutations } from "../../../lib/queries.js";
 import { previewStore, sameEditingOwner } from "../previewStore.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";

package/dist/features/preview/pageRecord.js

@@ -2,10 +2,10 @@ import { localizedPath } from "../../lib/locale-path.js";
 import { useDraftScope } from "../../lib/draft-scope.js";
 import { useViewLocale } from "../../lib/view-locale-context.js";
 import { useLocation, useNavigate } from "../navigation/navigation.js";
-import { useCamoxApp } from "../provider/components/CamoxAppContext.js";
 import { fetchRuntimeJson } from "../runtime/navigationTarget.js";
 import { reads, useReadQuery } from "../../lib/studio-reads.js";
 import { asCollectionItem } from "../../core/recordItem.js";
+import { useCollectionDefinition } from "../../lib/studio-definitions.js";
 import { useLatestRecord } from "../../core/editing/useLatestRecord.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
@@ -152,36 +152,42 @@ const PageRecordContext = React.createContext(void 0);
 * it, or as a later save stored it. Null on pages that render no record.
 */
 function usePageRecordPlacer() {
-	const $ = c(7);
-	const loaded = asCollectionItem(React.use(PageRecordContext));
-	const app = useCamoxApp();
-	const collection = loaded ? app.getCollectionById(loaded.collectionId) : void 0;
-	const collectionId = loaded?.collectionId ?? "";
-	const t0 = collection ? loaded?.data : void 0;
+	const $ = c(9);
+	const t0 = React.use(PageRecordContext);
 	let t1;
-	if ($[0] !== collection || $[1] !== collectionId || $[2] !== t0) {
-		t1 = {
+	if ($[0] !== t0) {
+		t1 = asCollectionItem(t0);
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const loaded = t1;
+	const collection = useCollectionDefinition(loaded?.collectionId);
+	const collectionId = loaded?.collectionId ?? "";
+	const t2 = collection ? loaded?.data : void 0;
+	let t3;
+	if ($[2] !== collection || $[3] !== collectionId || $[4] !== t2) {
+		t3 = {
 			collectionId,
 			collection,
-			loaded: t0
+			loaded: t2
 		};
-		$[0] = collection;
-		$[1] = collectionId;
-		$[2] = t0;
-		$[3] = t1;
-	} else t1 = $[3];
-	const record = useLatestRecord(t1);
-	let t2;
-	if ($[4] !== collectionId || $[5] !== record) {
-		t2 = record ? {
+		$[2] = collection;
+		$[3] = collectionId;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const record = useLatestRecord(t3);
+	let t4;
+	if ($[6] !== collectionId || $[7] !== record) {
+		t4 = record ? {
 			collectionId,
 			record
 		} : null;
-		$[4] = collectionId;
-		$[5] = record;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+		$[6] = collectionId;
+		$[7] = record;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
 }
 
 //#endregion

package/dist/features/preview/previewConstants.js

@@ -1,12 +1,6 @@
 //#region src/features/preview/previewConstants.ts
-const TOGGLE_CANVAS_SHORTCUT = {
-	key: "Enter",
-	withMeta: true
-};
-const SHOW_WHOLE_CANVAS_SHORTCUT = {
-	key: "Escape",
-	withMeta: true
-};
+const TOGGLE_CANVAS_SHORTCUT = "Mod+Enter";
+const SHOW_WHOLE_CANVAS_SHORTCUT = "Mod+Escape";
 
 //#endregion
 export { SHOW_WHOLE_CANVAS_SHORTCUT, TOGGLE_CANVAS_SHORTCUT };

package/dist/features/preview/previewStore.js

@@ -108,6 +108,8 @@ const previewStore = createStore({
 	on: {
 		/** Starts over, as a new Studio session does. */
 		reset: () => initialPreviewContext,
+		/** Takes the studio's state, in the renderer frame's document: only its connection sends it. */
+		mirror: (_, event) => event.context,
 		hideCanvas: (context) => {
 			if (!selectIsCanvasShown({ context })) return context;
 			return {