camox 0.60.2 → 0.62.0

package/dist/core/createApp.d.ts

@@ -139,7 +139,7 @@ export declare function createApp({ blocks, lazyBlocks, layouts, collections, do
         [attribute: `data-camox-${string}`]: string | boolean | undefined;
       }, data: FileValue) => React.ReactNode;
     }) => React.ReactNode;
-    Repeater: <K extends never>({ name, children }: {
+    Repeater: <K extends never>(props: {
       name: K;
       children: (item: {
         Field: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends IconValue | ArtifactSource ? never : ({}[K] extends (infer U)[] ? U : never)[F_1] extends string ? F_1 : never]: ({}[K] extends (infer U)[] ? U : never)[F_1]; }>(props: InlineTextStyles & {
@@ -402,12 +402,12 @@ export declare function createApp({ blocks, lazyBlocks, layouts, collections, do
         }) => React.ReactNode;
         useSetting: <F extends string>(name: F) => never;
       }, index: number) => React.ReactNode;
-    }) => import("react").JSX.Element;
-    Reference: <K extends never>({ name, children }: {
+    }) => React.ReactNode;
+    Reference: <K extends never>(props: {
       name: K;
       children: (scope: ReferenceScope<never>) => React.ReactNode;
     }) => React.ReactNode;
-    ReferenceList: <K extends never>({ name, children }: {
+    ReferenceList: <K extends never>(props: {
       name: K;
       children: (scope: ReferenceScope<never>) => React.ReactNode;
     }) => React.ReactNode;
@@ -581,7 +581,7 @@ export declare function createApp({ blocks, lazyBlocks, layouts, collections, do
         [attribute: `data-camox-${string}`]: string | boolean | undefined;
       }, data: FileValue) => React.ReactNode;
     }) => React.ReactNode;
-    Repeater: <K extends never>({ name, children }: {
+    Repeater: <K extends never>(props: {
       name: K;
       children: (item: {
         Field: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends IconValue | ArtifactSource ? never : ({}[K] extends (infer U)[] ? U : never)[F_1] extends string ? F_1 : never]: ({}[K] extends (infer U)[] ? U : never)[F_1]; }>(props: InlineTextStyles & {
@@ -844,12 +844,12 @@ export declare function createApp({ blocks, lazyBlocks, layouts, collections, do
         }) => React.ReactNode;
         useSetting: <F extends string>(name: F) => never;
       }, index: number) => React.ReactNode;
-    }) => import("react").JSX.Element;
-    Reference: <K extends never>({ name, children }: {
+    }) => React.ReactNode;
+    Reference: <K extends never>(props: {
       name: K;
       children: (scope: ReferenceScope<never>) => React.ReactNode;
     }) => React.ReactNode;
-    ReferenceList: <K extends never>({ name, children }: {
+    ReferenceList: <K extends never>(props: {
       name: K;
       children: (scope: ReferenceScope<never>) => React.ReactNode;
     }) => React.ReactNode;

package/dist/core/createBlock.d.ts

@@ -3,8 +3,7 @@ import "./lib/lexicalReact.js";
 import { ContentFieldBuilder, SettingBuilder } from "./lib/contentType.js";
 import { BlockComponentProps, PeekItem, RepeatableItemSeed, createEditableBlock } from "./editing/createEditableBlock.js";
 //#region src/core/createBlock.d.ts
-type EditableCreateBlock = typeof createEditableBlock;
-export declare const createBlock: EditableCreateBlock;
+export declare const createBlock: typeof createEditableBlock;
 export type Block = ReturnType<typeof createBlock>;
 //#endregion
 export type { BlockComponentProps, ContentFieldBuilder, InlineStyle, InlineTextStyles, PeekItem, RepeatableItemSeed, SettingBuilder, TextLinkStyleData, TextStyleData };

package/dist/core/createLayout.d.ts

@@ -211,8 +211,16 @@ type CreateLayoutOptions<TBefore extends readonly LayoutBlock[], TAfter extends
 } & LayoutOutputs<LoadedContext<LoaderData<Result>, Record<string, string>, RecordFields<Result>>, {
   children: React.ReactNode;
 }, Declared>;
-/** Every option a layout may define, as the implementation reads them. */
-type AnyLayoutOptions = LayoutBaseOptions<any, any, any> & {
+/**
+ * Every option a layout may define, as the implementation reads them. The public signatures
+ * validated which slot each block may go in.
+ */
+type AnyLayoutOptions = Omit<LayoutBaseOptions<any, any, any>, "blocks"> & {
+  blocks: {
+    before: readonly LayoutBlock<true>[];
+    after: readonly LayoutBlock<true>[];
+    initial?: readonly InitialBlockImport[];
+  };
   kind?: "curated" | "derived" | "singleton";
   loader?: (context: LayoutLoaderContext) => LoaderReturn;
   routes?: (context: LayoutRoutesContext) => RoutesReturn<Record<string, string>>;

package/dist/core/createLayout.js

@@ -16,9 +16,7 @@ function createLayoutDefinition(options) {
 	if (options.routes && options.kind !== "derived") throw new Error(`Only derived layouts can define routes: ${options.id}`);
 	if (options.toMarkdown && (options.kind ?? "curated") === "curated") throw new Error(`Curated layouts cannot define toMarkdown: ${options.id}`);
 	const LayoutContext = React.createContext(null);
-	const beforeBlocks = options.blocks.before;
-	const afterBlocks = options.blocks.after;
-	const initialBlocks = options.blocks.initial;
+	const { before: beforeBlocks, after: afterBlocks, initial: initialBlocks } = options.blocks;
 	const BeforeBlocks = () => {
 		const $ = c(4);
 		const ctx = React.use(LayoutContext);

package/dist/core/editing/BlockEditingRuntime.d.ts

@@ -1,5 +1,6 @@
 import { LoadedRecord } from "../requestContext.js";
 import { Collection } from "../createCollection.js";
+import "./createEditableBlock.js";
 import * as React from "react";
 //#region src/core/editing/BlockEditingRuntime.d.ts
 /** A record page's record, as `layout.Item` hands it to the editing runtime. */

package/dist/core/editing/CompleteBlockEditingRuntime.js

@@ -13,6 +13,10 @@ function getEditableDefinition(options) {
 	editableDefinitions.set(options, definition);
 	return definition;
 }
+/** A primitive of the editable definition, rendered with the props the view block received. */
+function editingPrimitive(definition, primitive) {
+	return definition[primitive];
+}
 function EditableBlock(t0) {
 	const $ = c(5);
 	const { options, props } = t0;
@@ -23,15 +27,14 @@ function EditableBlock(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	const Component = t1._internal.Component;
-	const t2 = props;
-	let t3;
-	if ($[2] !== Component || $[3] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Component, { ...t2 });
+	let t2;
+	if ($[2] !== Component || $[3] !== props) {
+		t2 = /* @__PURE__ */ jsx(Component, { ...props });
 		$[2] = Component;
-		$[3] = t2;
-		$[4] = t3;
-	} else t3 = $[4];
-	return t3;
+		$[3] = props;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }
 /** Record pages' records render through the record scope of a block without fields. */
 const layoutItemOptions = {
@@ -58,7 +61,7 @@ const completeEditingRuntime = {
 		});
 	},
 	renderPrimitive(options, primitive, props) {
-		const Primitive = getEditableDefinition(options)[primitive];
+		const Primitive = editingPrimitive(getEditableDefinition(options), primitive);
 		if (!Primitive) throw new Error(`Unknown Camox editing primitive: ${primitive}`);
 		return /* @__PURE__ */ jsx(Primitive, { ...props });
 	}

package/dist/core/editing/createEditableBlock.d.ts

@@ -527,7 +527,7 @@ export declare function createEditableBlock<TSchemaShape extends Record<string,
     params: unknown[] & [];
   })["static"]; }, { [K_4 in keyof TSchemaShape]: TSchemaShape[K_4] extends import("@sinclair/typebox").TOptional<TSchema> ? TSchemaShape[K_4] extends import("@sinclair/typebox").TReadonly<TSchemaShape[K_4]> ? never : K_4 : never; }[keyof TSchemaShape]>> & Required<Pick<{ [K_1 in keyof TSchemaShape]: (TSchemaShape[K_1] & {
     params: unknown[] & [];
-  })["static"]; }, Exclude<keyof TSchemaShape, { [K_2 in keyof TSchemaShape]: TSchemaShape[K_2] extends import("@sinclair/typebox").TReadonly<TSchema> ? TSchemaShape[K_2] extends import("@sinclair/typebox").TOptional<TSchemaShape[K_2]> ? K_2 : never : never; }[keyof TSchemaShape] | { [K_3 in keyof TSchemaShape]: TSchemaShape[K_3] extends import("@sinclair/typebox").TReadonly<TSchema> ? TSchemaShape[K_3] extends import("@sinclair/typebox").TOptional<TSchemaShape[K_3]> ? never : K_3 : never; }[keyof TSchemaShape] | { [K_4 in keyof TSchemaShape]: TSchemaShape[K_4] extends import("@sinclair/typebox").TOptional<TSchema> ? TSchemaShape[K_4] extends import("@sinclair/typebox").TReadonly<TSchemaShape[K_4]> ? never : K_4 : never; }[keyof TSchemaShape]>>>>[K_5]; }>({ name, children }: {
+  })["static"]; }, Exclude<keyof TSchemaShape, { [K_2 in keyof TSchemaShape]: TSchemaShape[K_2] extends import("@sinclair/typebox").TReadonly<TSchema> ? TSchemaShape[K_2] extends import("@sinclair/typebox").TOptional<TSchemaShape[K_2]> ? K_2 : never : never; }[keyof TSchemaShape] | { [K_3 in keyof TSchemaShape]: TSchemaShape[K_3] extends import("@sinclair/typebox").TReadonly<TSchema> ? TSchemaShape[K_3] extends import("@sinclair/typebox").TOptional<TSchemaShape[K_3]> ? never : K_3 : never; }[keyof TSchemaShape] | { [K_4 in keyof TSchemaShape]: TSchemaShape[K_4] extends import("@sinclair/typebox").TOptional<TSchema> ? TSchemaShape[K_4] extends import("@sinclair/typebox").TReadonly<TSchemaShape[K_4]> ? never : K_4 : never; }[keyof TSchemaShape]>>>>[K_5]; }>(props: {
     name: K;
     children: (item: {
       Field: <F extends keyof { [F_1 in keyof ({ [K_5 in keyof import("@sinclair/typebox").Evaluate<Readonly<Partial<Pick<{ [K_1 in keyof TSchemaShape]: (TSchemaShape[K_1] & {
@@ -1652,12 +1652,12 @@ export declare function createEditableBlock<TSchemaShape extends Record<string,
         params: unknown[] & [];
       })["static"]; }, Exclude<keyof S, { [K_7 in keyof S]: S[K_7] extends import("@sinclair/typebox").TReadonly<TSchema> ? S[K_7] extends import("@sinclair/typebox").TOptional<S[K_7]> ? K_7 : never : never; }[keyof S] | { [K_8 in keyof S]: S[K_8] extends import("@sinclair/typebox").TReadonly<TSchema> ? S[K_8] extends import("@sinclair/typebox").TOptional<S[K_8]> ? never : K_8 : never; }[keyof S] | { [K_9 in keyof S]: S[K_9] extends import("@sinclair/typebox").TOptional<TSchema> ? S[K_9] extends import("@sinclair/typebox").TReadonly<S[K_9]> ? never : K_9 : never; }[keyof S]>>>> : Record<string, never> : Record<string, never>)[F];
     }, index: number) => React.ReactNode;
-  }) => React.JSX.Element;
-  Reference: <K extends ReferenceKeys<TSchemaShape>>({ name, children }: {
+  }) => React.ReactNode;
+  Reference: <K extends ReferenceKeys<TSchemaShape>>(props: {
     name: K;
     children: (scope: ReferenceScope<ReferenceContent<TSchemaShape[K]>>) => React.ReactNode;
   }) => React.ReactNode;
-  ReferenceList: <K extends ReferenceListKeys<TSchemaShape>>({ name, children }: {
+  ReferenceList: <K extends ReferenceListKeys<TSchemaShape>>(props: {
     name: K;
     children: (scope: ReferenceScope<ReferenceContent<TSchemaShape[K]>>) => React.ReactNode;
   }) => React.ReactNode;

package/dist/core/editing/createEditableBlock.js

@@ -1455,7 +1455,7 @@ function createEditableBlock(options) {
 		} else t4 = $[5];
 		return t4;
 	};
-	const Repeater = (t0) => {
+	const RepeaterImpl = (t0) => {
 		const $ = c(29);
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -1463,16 +1463,7 @@ function createEditableBlock(options) {
 		const { blockId, content, mode } = blockContext;
 		const parentRepeaterContext = React.use(RepeatableItemContext);
 		const fieldName = String(name);
-		const ItemField = Field;
-		const ItemLink = Link;
-		const ItemEmbed = Embed;
-		const ItemArtifact = Artifact;
-		const ItemImage = Image;
-		const ItemImageList = _AssetList;
-		const ItemFileList = _AssetList;
-		const ItemFile = File;
-		const ItemRepeater = Repeater;
-		const source = parentRepeaterContext ? parentRepeaterContext.itemContent[name] : content[name];
+		const source = parentRepeaterContext ? parentRepeaterContext.itemContent[fieldName] : content[fieldName];
 		const { itemsMap } = useNormalizedData();
 		let t1;
 		if ($[0] !== source) {
@@ -1481,7 +1472,7 @@ function createEditableBlock(options) {
 			$[1] = t1;
 		} else t1 = $[1];
 		const storedValue = t1;
-		if (!Array.isArray(storedValue)) throw new Error(`Field "${String(name)}" is not an array`);
+		if (!Array.isArray(storedValue)) throw new Error(`Field "${fieldName}" is not an array`);
 		let T0;
 		let t2;
 		let t3;
@@ -1518,18 +1509,18 @@ function createEditableBlock(options) {
 					const itemId = isDbItem ? item_0.id : void 0;
 					const useItemSetting = (settingName) => itemSettings[settingName];
 					const itemApi = {
-						Field: ItemField,
-						Link: ItemLink,
+						Field,
+						Link,
 						Icon,
-						Embed: ItemEmbed,
-						Artifact: ItemArtifact,
-						Image: ItemImage,
-						File: ItemFile,
-						ImageList: ItemImageList,
-						FileList: ItemFileList,
-						Repeater: ItemRepeater,
-						Reference,
-						ReferenceList,
+						Embed,
+						Artifact,
+						Image,
+						File,
+						ImageList: _AssetList,
+						FileList: _AssetList,
+						Repeater: RepeaterImpl,
+						Reference: ReferenceImpl,
+						ReferenceList: ReferenceListImpl,
 						useSetting: useItemSetting
 					};
 					return /* @__PURE__ */ jsx(RepeatableItemContext.Provider, {
@@ -1595,6 +1586,7 @@ function createEditableBlock(options) {
 		} else t5 = $[28];
 		return t5;
 	};
+	const Repeater = RepeaterImpl;
 	const BlockComponent = (t0) => {
 		const $ = c(63);
 		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
@@ -2313,7 +2305,7 @@ function createEditableBlock(options) {
 		} else t4 = $[9];
 		return t4;
 	};
-	const Reference = (t0) => {
+	const ReferenceImpl = (t0) => {
 		const $ = c(21);
 		const { name, children } = t0;
 		const block = React.use(Context);
@@ -2386,6 +2378,7 @@ function createEditableBlock(options) {
 		} else t4 = $[20];
 		return t4;
 	};
+	const Reference = ReferenceImpl;
 	const ListedRecord = (t0) => {
 		const $ = c(14);
 		const { block, owner, field, fieldName, record, listHovered, children } = t0;
@@ -2565,7 +2558,7 @@ function createEditableBlock(options) {
 		} else t3 = $[8];
 		return t3;
 	};
-	const ReferenceList = (t0) => {
+	const ReferenceListImpl = (t0) => {
 		const $ = c(44);
 		const { name, children } = t0;
 		const block = React.use(Context);
@@ -2698,6 +2691,7 @@ function createEditableBlock(options) {
 		if (t5 !== Symbol.for("react.early_return_sentinel")) return t5;
 		return t4;
 	};
+	const ReferenceList = ReferenceListImpl;
 	const Detached = (t0) => {
 		const $ = c(30);
 		const { children } = t0;

package/dist/core/lib/artifactData.js

@@ -87,7 +87,7 @@ function attachArtifactData(content, settings, owner) {
 			sources[name] = source;
 		}
 		field.dataSchema = objectSchema(Object.fromEntries(Object.entries(sources).map(([name, s]) => [name, valueSchema(s.schema)])));
-		Reflect.set(field, DATA_SOURCES, sources);
+		field[DATA_SOURCES] = sources;
 	}
 }
 function normalizeAsset(fieldType, file) {
@@ -122,7 +122,7 @@ function normalizeValue(schema, value, resolve) {
 * to hrefs and assets to URLs. Artifacts without `data` receive an empty object.
 */
 function artifactData(field, owner, resolve) {
-	const sources = field && Reflect.get(field, DATA_SOURCES);
+	const sources = field?.[DATA_SOURCES];
 	if (!sources) return {};
 	return Object.fromEntries(Object.entries(sources).map(([name, { scope, schema }]) => [name, normalizeValue(schema, owner[scope][name], resolve)]));
 }

package/dist/core/lib/contentType.js

@@ -43,6 +43,7 @@ var Conditional = class {
 		return "{{/if}}";
 	}
 };
+/** Reads each field as its token. `TProxy` is how the template reads the fields. */
 function createContentProxy(shape, prefix = "") {
 	return new Proxy({}, { get(_target, prop) {
 		if (typeof prop !== "string") return void 0;
@@ -58,8 +59,8 @@ function createContentProxy(shape, prefix = "") {
 */
 function referenceToken(shape, path) {
 	const fields = createContentProxy(shape, path);
-	return new Proxy(new FieldToken(path), { get(target, prop, receiver) {
-		if (typeof prop !== "string" || prop in target) return Reflect.get(target, prop, receiver);
+	return new Proxy(new FieldToken(path), { get(target, prop) {
+		if (typeof prop !== "string" || prop in target) return target[prop];
 		return fields[prop];
 	} });
 }
@@ -156,10 +157,10 @@ function resolveRecordStructuredData(builder, contentShape) {
 const ARTIFACT_MAX_LENGTH = 262144;
 const IMAGE_PLACEHOLDER = Symbol("camox.imagePlaceholder");
 function isImagePlaceholder(value) {
-	return typeof Reflect.get(value, IMAGE_PLACEHOLDER) === "string" && !value._fileId;
+	return typeof value[IMAGE_PLACEHOLDER] === "string" && !value._fileId;
 }
 function getImagePlaceholderTitle(value) {
-	return Reflect.get(value, IMAGE_PLACEHOLDER);
+	return value[IMAGE_PLACEHOLDER];
 }
 function _imageSingle(options) {
 	return Type.Unsafe({

package/dist/features/content/CamoxContent.js

@@ -13,54 +13,62 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/content/CamoxContent.tsx
 const CamoxContent = () => {
-	const $ = c(7);
+	const $ = c(9);
+	const projectUuid = useProjectUuid();
+	let t0;
+	if ($[0] !== projectUuid) {
+		t0 = reads.project({ projectUuid });
+		$[0] = projectUuid;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { data: project } = useReadQuery(t0);
 	const pathname = useLocalePath();
 	const localized = useLocalizedPath();
 	if (pathname === "/camox/content" || pathname === `${"/camox/content"}/`) {
-		let t0;
-		if ($[0] !== localized) {
-			t0 = localized(STUDIO_ASSETS_PATH);
-			$[0] = localized;
-			$[1] = t0;
-		} else t0 = $[1];
 		let t1;
-		if ($[2] !== t0) {
-			t1 = /* @__PURE__ */ jsx(Navigate, {
-				to: t0,
-				replace: true
-			});
-			$[2] = t0;
+		if ($[2] !== localized) {
+			t1 = localized(STUDIO_ASSETS_PATH);
+			$[2] = localized;
 			$[3] = t1;
 		} else t1 = $[3];
-		return t1;
+		let t2;
+		if ($[4] !== t1) {
+			t2 = /* @__PURE__ */ jsx(Navigate, {
+				to: t1,
+				replace: true
+			});
+			$[4] = t1;
+			$[5] = t2;
+		} else t2 = $[5];
+		return t2;
 	}
-	if (typeof __CAMOX_ENABLE_EXPERIMENTAL_FEATURES__ !== "undefined" && __CAMOX_ENABLE_EXPERIMENTAL_FEATURES__) {
-		let t0;
-		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-			t0 = /* @__PURE__ */ jsx(ExperimentalContent, {});
-			$[4] = t0;
-		} else t0 = $[4];
-		return t0;
+	if (project?.experimentalFeatures) {
+		let t1;
+		if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(ExperimentalContent, {});
+			$[6] = t1;
+		} else t1 = $[6];
+		return t1;
 	}
-	let t0;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = [];
-		$[5] = t0;
-	} else t0 = $[5];
 	let t1;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsxs("div", {
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsxs("div", {
 			className: "flex min-h-0 flex-1 flex-row",
 			children: [/* @__PURE__ */ jsx(ContentSidebar, {
-				collections: t0,
+				collections: t1,
 				selectedCollectionId: null,
 				collectionsError: false,
 				children: /* @__PURE__ */ jsx(MissingFromLocaleGroup, { collections: [] })
 			}), /* @__PURE__ */ jsx(ContentAssets, {})]
 		});
-		$[6] = t1;
-	} else t1 = $[6];
-	return t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 };
 const ExperimentalContent = () => {
 	const $ = c(38);

package/dist/features/renderer/rendererHost.js

@@ -6,14 +6,30 @@ import { createContentEditor } from "../../core/editing/contentEdits.js";
 import { LIVE_KEY_SCOPE, scopeOfKey } from "@camox/api-contract/query-keys";
 
 //#region src/features/renderer/rendererHost.ts
-const mirrored = {
-	preview: previewStore,
-	canvas: canvasStore
+/** The studio's state of each store the renderer mirrors. */
+const storeMessages = {
+	preview: () => ({
+		type: "store",
+		store: "preview",
+		context: previewStore.getSnapshot().context
+	}),
+	canvas: () => ({
+		type: "store",
+		store: "canvas",
+		context: canvasStore.getSnapshot().context
+	})
 };
+/** The stores the renderer forwards its events to, as the host applies them. */
 const forwarded = {
 	preview: previewStore,
 	referencePickerFocus
 };
+/** Applies an event the renderer forwarded to the studio's store. */
+const applyStoreEvent = (message) => {
+	const store = forwarded[message.store];
+	if (!store) return;
+	store.send(message.event);
+};
 /**
 * The host of the studio whose cache is `studioCache`, viewing the draft `draftScope` names, which
 * the renderer shows too. Without them, the renderer hears nothing of the studio's cache.
@@ -45,12 +61,8 @@ function createRendererHost({ studioCache, draftScope, queryClient, notify } = {
 	const post = (message) => {
 		if (welcomed) renderer?.(message);
 	};
-	const postStore = (store) => post({
-		type: "store",
-		store,
-		context: mirrored[store].getSnapshot().context
-	});
-	const subscriptions = Object.keys(mirrored).map((store) => mirrored[store].subscribe(() => postStore(store)));
+	const postStore = (store) => post(storeMessages[store]());
+	const subscriptions = [previewStore.subscribe(() => postStore("preview")), canvasStore.subscribe(() => postStore("canvas"))];
 	const shownScope = () => draftScope?.current() ?? LIVE_KEY_SCOPE;
 	const shown = (queryKey) => scopeOfKey(queryKey) === shownScope();
 	/** Whether a project room invalidation reaches the reads of the draft the renderer shows. */
@@ -103,7 +115,7 @@ function createRendererHost({ studioCache, draftScope, queryClient, notify } = {
 				if (message.sdkVersion !== SDK_VERSION) return setStatus("updating");
 				welcomed = true;
 				setStatus("connected");
-				for (const store of Object.keys(mirrored)) postStore(store);
+				for (const store of Object.keys(storeMessages)) postStore(store);
 				for (const [frameId, { slot, target }] of frames) post({
 					type: "frame",
 					frameId,
@@ -123,12 +135,7 @@ function createRendererHost({ studioCache, draftScope, queryClient, notify } = {
 				});
 				for (const listener of connectionListeners) listener();
 				return;
-			case "storeEvent": {
-				const store = forwarded[message.store];
-				if (!store) return;
-				store.send(message.event);
-				return;
-			}
+			case "storeEvent": return applyStoreEvent(message);
 			case "rendered": return frames.get(message.frameId)?.hears.rendered?.();
 			case "error": return frames.get(message.frameId)?.hears.failed?.(message.message);
 			case "navigate": return frames.get(message.frameId)?.hears.navigate?.(message.to);

package/dist/features/renderer/studioConnection.js

@@ -5,14 +5,21 @@ import { SDK_VERSION, deferredInbox } from "./protocol.js";
 import { answerFromCode } from "./definitionAnswers.js";
 
 //#region src/features/renderer/studioConnection.ts
+/** The stores of this document that take the studio's state as it is (`mirror`). */
 const mirrors = {
 	preview: previewStore,
 	canvas: canvasStore
 };
+/** The stores of this document whose events are forwarded to the studio's. */
 const forwards = {
 	preview: previewStore,
 	referencePickerFocus
 };
+/** Has this document's copy of a mirrored store take the studio's state. */
+const mirror = (message) => mirrors[message.store]?.send({
+	type: "mirror",
+	context: message.context
+});
 /**
 * Connects the renderer document to the studio through its handle. This document's stores then
 * mirror the studio's, its own events are forwarded to the studio, which owns their truth, and
@@ -64,10 +71,7 @@ function connectToStudio(handle, { queryClient, studioCache, draftScope, camoxAp
 				setFrames(frames.filter(({ frameId }) => frameId !== message.frameId));
 				return;
 			case "store":
-				mirrors[message.store]?.send({
-					type: "mirror",
-					context: message.context
-				});
+				mirror(message);
 				return;
 			case "draftStarted":
 				draftScope.enterStarted(message.draftId);

package/dist/features/sdkBundle/buildSdkBundle.js

@@ -106,7 +106,6 @@ async function buildTarget({ root, dir, target, specifiers, names, settings }) {
 		define: {
 			__CAMOX_ICON_IDS__: JSON.stringify(settings.iconIds),
 			__CAMOX_TELEMETRY_DISABLED__: JSON.stringify(settings.telemetryDisabled),
-			__CAMOX_ENABLE_EXPERIMENTAL_FEATURES__: JSON.stringify(settings.experimentalFeatures),
 			__CAMOX_API_URL__: JSON.stringify(settings.apiUrl),
 			"process.env.NODE_ENV": JSON.stringify("production")
 		},

package/dist/features/sdkBundle/localSdkBundle.js

@@ -13,8 +13,8 @@ import { cp, mkdir, mkdtemp, readFile, rename, rm } from "node:fs/promises";
 */
 /** Turns building against an SDK Bundle on (`1`) or off (`0`) for `vite build`. */
 const SDK_BUNDLE_SWITCH_ENV = "CAMOX_INTERNAL_SDK_BUNDLE";
-/** Off until websites build against an SDK Bundle by default (#670). */
-const SDK_BUNDLE_SWITCH_DEFAULT = false;
+/** On: websites build against an SDK Bundle by default (#670, ADR 0029). */
+const SDK_BUNDLE_SWITCH_DEFAULT = true;
 /** The folder SDK Bundles are cached in, when not the website's own. */
 const SDK_BUNDLE_CACHE_ENV = "CAMOX_INTERNAL_SDK_BUNDLE_CACHE";
 /** Whether `vite build` builds against an SDK Bundle. */

package/dist/features/sdkBundle/sdkBundleName.d.ts

@@ -28,7 +28,6 @@ export interface SdkBundleSettings {
   /** The icon ids of the collection the website picked. */
   iconIds: readonly string[];
   telemetryDisabled: boolean;
-  experimentalFeatures: boolean;
   apiUrl: string;
 }
 export interface SdkBundleNameInputs {

package/dist/features/sdkBundle/sdkBundleName.js

@@ -67,7 +67,6 @@ async function sdkBundleName({ lockfile, importer = ".", target, settings, build
 		settings: {
 			iconIds: settings.iconIds,
 			telemetryDisabled: settings.telemetryDisabled,
-			experimentalFeatures: settings.experimentalFeatures,
 			apiUrl: settings.apiUrl
 		},
 		packages: resolutions

package/dist/features/settings/CamoxSettings.js

@@ -1,6 +1,7 @@
 import { useProjectUuid } from "../../lib/auth.js";
 import { reads, useReadQuery } from "../../lib/studio-reads.js";
 import { AnalyticsSettings } from "./AnalyticsSettings.js";
+import { ExperimentalFeaturesSettings } from "./ExperimentalFeaturesSettings.js";
 import { FaviconSettings } from "./FaviconSettings.js";
 import { ProjectNameSettings } from "./ProjectNameSettings.js";
 import { SocialProfilesSettings } from "./SocialProfilesSettings.js";
@@ -30,6 +31,10 @@ const parts = [
 	{
 		id: "analytics",
 		Part: AnalyticsSettings
+	},
+	{
+		id: "experimental-features",
+		Part: ExperimentalFeaturesSettings
 	}
 ];
 /**