camox 0.76.0 → 0.76.1

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

@@ -15,6 +15,11 @@ export interface BuiltSdkBundle {
   name: string;
   /** Its files, every one at the root: entries, chunks and assets. */
   dir: string;
+  /**
+   * The modules a page loads at first paint, by id, for the browser bundle as just built: what
+   * every visitor downloads, before anything loads lazily.
+   */
+  firstPaint?: string[];
 }
 export type SdkBundleBuild = Record<SdkBundleTarget, BuiltSdkBundle>;
 /** The lockfile a website installed from, and the website's importer in it. */

package/dist/features/sdkBundle/buildSdkBundle.js

@@ -62,7 +62,7 @@ async function buildSdkBundle({ root, outDir, settings }) {
 			importer,
 			target
 		});
-		const entries = await buildTarget({
+		const { entries, firstPaint } = await buildTarget({
 			root: resolve(root),
 			dir,
 			target,
@@ -79,7 +79,8 @@ async function buildSdkBundle({ root, outDir, settings }) {
 		await writeFile(join(dir, SDK_BUNDLE_MANIFEST), `${JSON.stringify(manifest, null, 2)}\n`);
 		result[target] = {
 			name: names[target],
-			dir
+			dir,
+			...firstPaint ? { firstPaint } : {}
 		};
 	}
 	return result;
@@ -164,9 +165,11 @@ async function buildTarget({ root, dir, target, specifiers, names, settings }) {
 			}
 		}
 	};
+	let firstPaint;
 	if (!workerd) {
 		const input = config.build.rolldownOptions.input;
 		const pageModules = await modulesLoadedStatically(config, Object.fromEntries(specifiers.filter(loadsAtFirstPaint).map((specifier) => [entryName(specifier), input[entryName(specifier)]])));
+		firstPaint = [...pageModules];
 		const output = config.build.rolldownOptions.output;
 		output.codeSplitting = { groups: [{
 			name: "react",
@@ -179,7 +182,10 @@ async function buildTarget({ root, dir, target, specifiers, names, settings }) {
 		}] };
 	}
 	await build(config);
-	return Object.fromEntries(specifiers.map((specifier) => [specifier, sdkBundleEntryFile(specifier)]));
+	return {
+		entries: Object.fromEntries(specifiers.map((specifier) => [specifier, sdkBundleEntryFile(specifier)])),
+		...firstPaint ? { firstPaint } : {}
+	};
 }
 /**
 * The chunks a page loads at first paint, beside the entry files it imports: its code, React, and

package/dist/features/studio/components/DraftsSheet.js

@@ -18,101 +18,160 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@camox/ui/tabs";
 * restore or delete (ADR 0046), and a tab of Publications, to read why Live changed (ADR 0045).
 */
 function DraftsSheet(t0) {
-	const $ = c(21);
+	const $ = c(36);
 	const { projectId, open, onOpenChange } = t0;
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsxs(SheetHeader, {
+	if ($[0] !== projectId) {
+		t1 = reads.archivedDrafts({ projectId });
+		$[0] = projectId;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== open) {
+		t2 = { enabled: open };
+		$[2] = open;
+		$[3] = t2;
+	} else t2 = $[3];
+	const archived = useReadQuery(t1, t2);
+	let t3;
+	if ($[4] !== projectId) {
+		t3 = reads.publications({ projectId });
+		$[4] = projectId;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== open) {
+		t4 = { enabled: open };
+		$[6] = open;
+		$[7] = t4;
+	} else t4 = $[7];
+	const publications = useReadQuery(t3, t4);
+	let t5;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs(SheetHeader, {
 			className: "border-b",
 			children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Drafts" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Drafts set aside, to bring back or delete, and what was published." })]
 		});
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsxs(TabsList, { children: [/* @__PURE__ */ jsx(TabsTrigger, {
+		$[8] = t5;
+	} else t5 = $[8];
+	const t6 = archived.data?.length;
+	let t7;
+	if ($[9] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(TabsTrigger, {
 			value: "archived",
-			children: "Archived"
-		}), /* @__PURE__ */ jsx(TabsTrigger, {
+			children: ["Archived ", /* @__PURE__ */ jsx(TabCount, { count: t6 })]
+		});
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	const t8 = publications.data?.length;
+	let t9;
+	if ($[11] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(TabsTrigger, {
 			value: "published",
-			children: "Published"
-		})] });
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] !== onOpenChange || $[3] !== open || $[4] !== projectId) {
-		t3 = open && /* @__PURE__ */ jsx(ArchivedDrafts, {
+			children: ["Published ", /* @__PURE__ */ jsx(TabCount, { count: t8 })]
+		});
+		$[11] = t8;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== t7 || $[14] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(TabsList, { children: [t7, t9] });
+		$[13] = t7;
+		$[14] = t9;
+		$[15] = t10;
+	} else t10 = $[15];
+	let t11;
+	if ($[16] !== onOpenChange || $[17] !== open || $[18] !== projectId) {
+		t11 = open && /* @__PURE__ */ jsx(ArchivedDrafts, {
 			projectId,
 			onRestored: () => onOpenChange(false)
 		});
-		$[2] = onOpenChange;
-		$[3] = open;
-		$[4] = projectId;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== t3) {
-		t4 = /* @__PURE__ */ jsx(TabsContent, {
+		$[16] = onOpenChange;
+		$[17] = open;
+		$[18] = projectId;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== t11) {
+		t12 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "archived",
 			className: "overflow-y-auto",
-			children: t3
+			children: t11
 		});
-		$[6] = t3;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== onOpenChange || $[9] !== open || $[10] !== projectId) {
-		t5 = open && /* @__PURE__ */ jsx(PublishedTab, {
+		$[20] = t11;
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] !== onOpenChange || $[23] !== open || $[24] !== projectId) {
+		t13 = open && /* @__PURE__ */ jsx(PublishedTab, {
 			projectId,
 			onEntered: () => onOpenChange(false)
 		});
-		$[8] = onOpenChange;
-		$[9] = open;
-		$[10] = projectId;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== t5) {
-		t6 = /* @__PURE__ */ jsx(TabsContent, {
+		$[22] = onOpenChange;
+		$[23] = open;
+		$[24] = projectId;
+		$[25] = t13;
+	} else t13 = $[25];
+	let t14;
+	if ($[26] !== t13) {
+		t14 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "published",
 			className: "overflow-y-auto",
-			children: t5
+			children: t13
 		});
-		$[12] = t5;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	if ($[14] !== t4 || $[15] !== t6) {
-		t7 = /* @__PURE__ */ jsxs(SheetContent, {
+		$[26] = t13;
+		$[27] = t14;
+	} else t14 = $[27];
+	let t15;
+	if ($[28] !== t10 || $[29] !== t12 || $[30] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(SheetContent, {
 			side: "right",
 			className: "gap-0 data-[side=right]:sm:max-w-3xl",
-			children: [t1, /* @__PURE__ */ jsxs(Tabs, {
+			children: [t5, /* @__PURE__ */ jsxs(Tabs, {
 				defaultValue: "archived",
 				className: "flex-1 overflow-hidden p-4",
 				children: [
-					t2,
-					t4,
-					t6
+					t10,
+					t12,
+					t14
 				]
 			})]
 		});
-		$[14] = t4;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
-	let t8;
-	if ($[17] !== onOpenChange || $[18] !== open || $[19] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Sheet, {
+		$[28] = t10;
+		$[29] = t12;
+		$[30] = t14;
+		$[31] = t15;
+	} else t15 = $[31];
+	let t16;
+	if ($[32] !== onOpenChange || $[33] !== open || $[34] !== t15) {
+		t16 = /* @__PURE__ */ jsx(Sheet, {
 			open,
 			onOpenChange,
-			children: t7
+			children: t15
+		});
+		$[32] = onOpenChange;
+		$[33] = open;
+		$[34] = t15;
+		$[35] = t16;
+	} else t16 = $[35];
+	return t16;
+}
+/** How many items a tab holds, once they've loaded. */
+function TabCount(t0) {
+	const $ = c(2);
+	const { count } = t0;
+	if (count === void 0) return null;
+	let t1;
+	if ($[0] !== count) {
+		t1 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground tabular-nums",
+			children: count
 		});
-		$[17] = onOpenChange;
-		$[18] = open;
-		$[19] = t7;
-		$[20] = t8;
-	} else t8 = $[20];
-	return t8;
+		$[0] = count;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 /** The archived drafts, each with Restore and Delete. */
 function ArchivedDrafts(t0) {

package/dist/features/studio/components/ThreadMessages.js

@@ -1,4 +1,5 @@
 import { cn } from "../../../lib/utils.js";
+import { ZoomableImage } from "../../preview/components/ZoomableImage.js";
 import { Squareling } from "./Squareling.js";
 import { ThreadMarkdown } from "./ThreadMarkdown.js";
 import { c } from "react/compiler-runtime";
@@ -706,15 +707,10 @@ function AttachmentThumbnails(t0) {
 	} else t7 = $[8];
 	let t8;
 	if ($[9] !== opened) {
-		t8 = opened && /* @__PURE__ */ jsx("div", {
-			className: "checkered absolute inset-0 flex items-center justify-center overflow-hidden p-6",
-			children: /* @__PURE__ */ jsx("img", {
-				src: opened.url,
-				alt: opened.filename,
-				className: "max-h-full max-w-full object-contain shadow-lg",
-				draggable: false
-			})
-		});
+		t8 = opened && /* @__PURE__ */ jsx(ZoomableImage, {
+			src: opened.url,
+			alt: opened.filename
+		}, opened.url);
 		$[9] = opened;
 		$[10] = t8;
 	} else t8 = $[10];

package/dist/features/studio/showInCanvas.js

@@ -3,6 +3,7 @@ import { useViewLocale } from "../../lib/view-locale-context.js";
 import { useLocation, useNavigate } from "../navigation/navigation.js";
 import { useProjectUuid } from "../../lib/auth.js";
 import { reads, useStudioCache } from "../../lib/studio-reads.js";
+import { fieldOwner, ownerSelection, slotSelection } from "../../core/editing/fieldSlot.js";
 import { previewStore, sameEditingOwner } from "../preview/previewStore.js";
 import { fieldTypesDictionary } from "../../core/lib/fieldTypes.js";
 import { c } from "react/compiler-runtime";
@@ -18,27 +19,16 @@ const isFieldType = (kind) => !!kind && Object.hasOwn(fieldTypesDictionary, kind
 /** What to select on the target's page: its field, else its item or block, else nothing. */
 function selectionOf({ blockId, itemId, field }) {
 	if (!blockId) return null;
-	const fieldType = field && isFieldType(field.kind) ? field.kind : null;
-	if (itemId) return field && fieldType ? {
-		type: "item-field",
-		blockId,
-		itemId,
-		fieldName: field.name,
-		fieldType
-	} : {
-		type: "item",
+	const owner = fieldOwner({
 		blockId,
 		itemId
-	};
-	return field && fieldType ? {
-		type: "block-field",
-		blockId,
-		fieldName: field.name,
-		fieldType
-	} : {
-		type: "block",
-		blockId
-	};
+	});
+	if (!field || !isFieldType(field.kind)) return ownerSelection(owner);
+	return slotSelection({
+		owner,
+		name: field.name,
+		type: field.kind
+	});
 }
 /** Stops selecting what was last shown in the Canvas. */
 let stopSelecting = null;

package/dist/features/studio/useEditorSelection.js

@@ -1,11 +1,11 @@
 import { placedRecords } from "../../lib/normalized-data.js";
 import { reads, useReadQuery } from "../../lib/studio-reads.js";
 import { useBlockDefinition, useCollectionDefinition } from "../../lib/studio-definitions.js";
-import { isBlockPlacement, previewStore, selectionBlockId, selectionForOwner, selectionItemId } from "../preview/previewStore.js";
+import { isBlockPlacement, slotOf } from "../../core/editing/fieldSlot.js";
+import { previewStore, selectionBlockId, selectionForOwner, selectionItemId } from "../preview/previewStore.js";
 import { entityName } from "../preview/entityName.js";
-import { contentFieldSchema } from "../preview/components/contentFieldSchema.js";
-import { formatFieldName } from "../preview/components/ItemFieldsEditor.js";
-import { getSchemaForItem } from "../preview/components/SelectionEditor.js";
+import { itemContentSchema, itemPath } from "../preview/repeatableItemPath.js";
+import { contentFieldSchema, formatFieldName } from "../preview/components/contentFieldSchema.js";
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store-react";
 
@@ -32,14 +32,8 @@ function editorSelectionOf({ selection, block, items, schema, records, recordSch
 	for (const item of items) path.push(entityName(item, "Item"));
 	const recordSelected = selection.type === "record" || selection.type === "record-field";
 	if (recordSelected) path.push(...records.length > 0 ? records.map((record) => record.title || "Record") : ["Record"]);
-	let fieldName;
-	if (selection.type === "block-field" || selection.type === "item-field") {
-		fieldName = selection.fieldName;
-		path.push(fieldLabel(schema, fieldName));
-	} else if (selection.type === "record-field") {
-		fieldName = selection.recordFieldName;
-		path.push(fieldLabel(recordSchema, fieldName));
-	}
+	const fieldName = slotOf(selection)?.name;
+	if (fieldName) path.push(fieldLabel(recordSelected ? recordSchema : schema, fieldName));
 	const itemId = selectionItemId(selection) ?? void 0;
 	const recordId = recordSelected ? selection.nested?.recordId ?? selection.recordId : void 0;
 	return {
@@ -94,13 +88,8 @@ function useEditorSelection(where) {
 		$[8] = t4;
 		$[9] = t5;
 	} else t5 = $[9];
-	const itemsMap = t5;
-	const items = [];
-	for (let item_0 = itemId ? itemsMap.get(itemId) : void 0; item_0;) {
-		items.unshift(item_0);
-		item_0 = item_0.parentItemId ? itemsMap.get(item_0.parentItemId) : void 0;
-	}
-	const schema = blockDef && itemId ? getSchemaForItem(blockDef.contentSchema, itemId, itemsMap) : blockDef?.contentSchema;
+	const items = itemPath(itemId, t5);
+	const schema = blockDef && itemContentSchema(blockDef.contentSchema, items);
 	const records = [];
 	if ((selection?.type === "record" || selection?.type === "record-field") && isBlockPlacement(selection)) {
 		const placer = itemId ? items.at(-1) : bundle?.block;

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.76.0";
+var version = "0.76.1";
 
 //#endregion
 export { version };