camox 0.51.0 → 0.52.1

package/dist/core/createApp.d.ts

@@ -961,6 +961,7 @@ export declare function createApp({ blocks, lazyBlocks, layouts, collections, do
       } | undefined;
       layoutId: string;
       kind: "curated" | "derived" | "singleton";
+      title: string;
       description: string;
       blocks: ({
         type: string;

package/dist/core/createApp.js

@@ -132,6 +132,7 @@ function createApp({ blocks, lazyBlocks = {}, layouts = [], collections = [], do
 			const layoutDefinitions = Array.from(layoutsMap.values()).map((layout) => ({
 				layoutId: layout._internal.id,
 				kind: layout._internal.kind,
+				title: layout._internal.title,
 				description: layout._internal.description,
 				blocks: layout._internal.blockDefinitions,
 				...layout._internal.recordPages && { recordPages: {

package/dist/core/editing/contentEdits.js

@@ -0,0 +1,78 @@
+import { reads, useStudioCache } from "../../lib/studio-reads.js";
+import { blockMutations, collectionMutations, repeatableItemMutations } from "../../lib/queries.js";
+import { invalidateCollectionRecordViews } from "../../lib/collection-cache.js";
+import { referenceWritesFor } from "./referenceWrites.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { useQueryClient } from "@tanstack/react-query";
+
+//#region src/core/editing/contentEdits.ts
+/**
+* The studio's way of writing edits: its draft-scoped mutations, so a write on Live starts a
+* draft, and its cache's updates, which every frame and sidebar shows.
+*/
+function createContentEditor({ queryClient, studioCache }) {
+	const run = (options, variables) => queryClient.getMutationCache().build(queryClient, options).execute(variables);
+	return async (edit) => {
+		switch (edit.type) {
+			case "blockContent":
+				await run(blockMutations.updateContent(), {
+					id: edit.blockId,
+					content: edit.content
+				});
+				return;
+			case "itemContent":
+				await run(repeatableItemMutations.updateContent(), {
+					id: edit.itemId,
+					content: edit.content
+				});
+				return;
+			case "deleteBlock":
+				await run(blockMutations.delete(), { id: edit.blockId });
+				return;
+			case "recordField": {
+				const { projectUuid, record, field, value } = edit;
+				await referenceWritesFor(queryClient).save(record, field, value, async (input) => {
+					const saved = await run(collectionMutations.edit(), {
+						...input,
+						projectUuid
+					});
+					studioCache.set(reads.record({
+						projectUuid,
+						collectionId: record.collectionId,
+						id: record.id
+					}), saved);
+					invalidateCollectionRecordViews(studioCache, projectUuid, record.collectionId);
+					return saved;
+				});
+				return;
+			}
+		}
+	};
+}
+/**
+* Where edits made in this document go, when not to the studio's own writer: the renderer frame
+* sends them to the studio.
+*/
+const ContentEditsContext = React.createContext(null);
+/** How the block components of this document write their edits. */
+function useApplyContentEdit() {
+	const $ = c(3);
+	const sent = React.use(ContentEditsContext);
+	const queryClient = useQueryClient();
+	const studioCache = useStudioCache();
+	let t0;
+	if ($[0] !== queryClient || $[1] !== studioCache) {
+		t0 = createContentEditor({
+			queryClient,
+			studioCache
+		});
+		$[0] = queryClient;
+		$[1] = studioCache;
+		$[2] = t0;
+	} else t0 = $[2];
+	return sent ?? t0;
+}
+
+//#endregion
+export { ContentEditsContext, createContentEditor, useApplyContentEdit };