camox 0.43.0 → 0.45.0

package/dist/lib/queries.js

@@ -1,117 +1,54 @@
 import { getAuthCookieHeader, getAuthRequestCredentials } from "./auth.js";
-import { getApiUrl, getEnvironmentName, getOrpc } from "./api-client.js";
-import { queryKeys } from "@camox/api-contract/query-keys";
+import { getApiUrl, getContentWriteHeaders, getOrpc } from "./api-client.js";
 
 //#region src/lib/queries.ts
-const pageQueries = {
-	list: (projectId) => ({
-		...getOrpc().pages.list.queryOptions({
-			input: { projectId },
-			staleTime: Infinity
-		}),
-		queryKey: queryKeys.pages.list
-	}),
-	getByPath: (fullPath, projectSlug, source = "draft") => ({
-		...getOrpc().pages.getByPath.queryOptions({
-			input: {
-				path: fullPath,
-				projectSlug,
-				source
-			},
-			staleTime: Infinity
-		}),
-		queryKey: queryKeys.pages.getByPath(fullPath, source)
-	}),
-	getById: (id) => ({
-		...getOrpc().pages.get.queryOptions({
-			input: { id },
-			staleTime: Infinity
-		}),
-		queryKey: queryKeys.pages.getById(id)
-	})
+const collectionMutations = {
+	create: () => getOrpc().collectionDefinitions.createRecord.mutationOptions(),
+	edit: () => getOrpc().collectionDefinitions.editRecord.mutationOptions(),
+	delete: () => getOrpc().collectionDefinitions.deleteRecord.mutationOptions()
 };
-const fileQueries = {
-	list: (projectId) => ({
-		...getOrpc().files.list.queryOptions({
-			input: { projectId },
-			staleTime: Infinity
-		}),
-		queryKey: queryKeys.files.list
-	}),
-	get: (id) => ({
-		...getOrpc().files.get.queryOptions({
-			input: { id },
-			staleTime: Infinity
-		}),
-		queryKey: queryKeys.files.get(id)
-	}),
-	getUsageCount: (id) => ({
-		...getOrpc().files.getUsageCount.queryOptions({
-			input: { id },
-			staleTime: Infinity
-		}),
-		select: (data) => data.count
-	})
+/**
+* Sends a change to the project's favicon. Unlike content writes it carries no draft: the favicon
+* is shared by Live and every draft, so changing it updates the whole site at once.
+*/
+async function sendFaviconChange(path, init) {
+	const authCookieHeader = getAuthCookieHeader();
+	const res = await fetch(`${getApiUrl()}/favicons/${path}`, {
+		...init,
+		headers: authCookieHeader ? { "Better-Auth-Cookie": authCookieHeader } : {},
+		credentials: getAuthRequestCredentials(authCookieHeader)
+	});
+	if (!res.ok) {
+		const body = await res.json().catch(() => null);
+		throw new Error(body?.error ?? `Favicon change failed: ${res.status}`);
+	}
+	return res;
+}
+const projectMutations = {
+	uploadFavicon: () => ({ mutationFn: async ({ projectId, file }) => {
+		const formData = new FormData();
+		formData.append("file", file);
+		formData.append("projectId", String(projectId));
+		return (await sendFaviconChange("upload", {
+			method: "POST",
+			body: formData
+		})).json();
+	} }),
+	deleteFavicon: () => ({ mutationFn: async ({ projectId }) => {
+		await sendFaviconChange(String(projectId), { method: "DELETE" });
+	} })
 };
-const projectQueries = { getBySlug: (slug) => ({ ...getOrpc().projects.getBySlug.queryOptions({
-	input: { slug },
-	staleTime: Infinity
-}) }) };
-const layoutQueries = { list: (projectId) => ({
-	...getOrpc().layouts.list.queryOptions({
-		input: { projectId },
-		staleTime: Infinity
-	}),
-	queryKey: queryKeys.layouts.all
-}) };
-const blockQueries = {
-	get: (id, source = "draft") => ({
-		...getOrpc().blocks.get.queryOptions({
-			input: {
-				id,
-				source
-			},
-			staleTime: Infinity
-		}),
-		queryKey: queryKeys.blocks.get(id, source)
-	}),
-	getUsageCounts: (projectId) => ({
-		...getOrpc().blocks.getUsageCounts.queryOptions({
-			input: { projectId },
-			staleTime: Infinity
-		}),
-		queryKey: queryKeys.blocks.getUsageCounts,
-		select: (data) => {
-			const counts = {};
-			for (const { type, count } of data) counts[type] = count;
-			return counts;
-		}
-	}),
-	getPageMarkdown: (pageId) => ({
-		...getOrpc().blocks.getPageMarkdown.queryOptions({
-			input: { pageId },
-			staleTime: Infinity
-		}),
-		queryKey: queryKeys.blocks.getPageMarkdown(pageId),
-		select: (data) => data.markdown
-	})
+const draftMutations = {
+	publish: () => getOrpc().drafts.publish.mutationOptions(),
+	discard: () => getOrpc().drafts.discard.mutationOptions()
+};
+/** Adding and removing locales: content writes, so on Live they start a draft (ADR 0015). */
+const localeMutations = {
+	add: () => getOrpc().locales.add.mutationOptions(),
+	remove: () => getOrpc().locales.remove.mutationOptions(),
+	/** Adds a page or record deleted from the locale viewed back to it. */
+	addBack: () => getOrpc().locales.addBack.mutationOptions()
 };
-const environmentQueries = { checkCompatibility: (projectId, sourceEnvName, targetEnvName) => ({
-	...getOrpc().environments.checkCompatibility.queryOptions({
-		input: {
-			projectId,
-			sourceEnvName,
-			targetEnvName
-		},
-		staleTime: Infinity
-	}),
-	queryKey: [
-		...queryKeys.environments.checkCompatibility,
-		sourceEnvName,
-		targetEnvName
-	]
-}) };
-const environmentMutations = { replicate: () => getOrpc().environments.replicate.mutationOptions() };
 const blockMutations = {
 	create: () => getOrpc().blocks.create.mutationOptions(),
 	delete: () => getOrpc().blocks.delete.mutationOptions(),
@@ -129,33 +66,41 @@ const repeatableItemMutations = {
 	updateSettings: () => getOrpc().repeatableItems.updateSettings.mutationOptions(),
 	updatePosition: () => getOrpc().repeatableItems.updatePosition.mutationOptions()
 };
-function ogImageHeaders() {
+/**
+* Sends a change to a page's custom OG image. Like a file upload it is a content write outside
+* oRPC: on Live it starts a draft, which the studio enters once the change succeeds.
+*/
+async function sendOgImageChange(pageId, init) {
 	const authCookieHeader = getAuthCookieHeader();
-	const headers = {};
-	if (authCookieHeader) headers["Better-Auth-Cookie"] = authCookieHeader;
-	const envName = getEnvironmentName();
-	if (envName) headers["x-environment-name"] = envName;
-	return headers;
+	const draft = getContentWriteHeaders();
+	try {
+		const res = await fetch(`${getApiUrl()}/pages/${pageId}/og-image`, {
+			...init,
+			headers: {
+				...authCookieHeader ? { "Better-Auth-Cookie": authCookieHeader } : {},
+				...draft.headers
+			},
+			credentials: getAuthRequestCredentials(authCookieHeader)
+		});
+		draft.settle(res.ok);
+		return res;
+	} catch (error) {
+		draft.settle(false);
+		throw error;
+	}
 }
 const pageMutations = {
 	create: () => getOrpc().pages.create.mutationOptions(),
 	delete: () => getOrpc().pages.delete.mutationOptions(),
 	update: () => getOrpc().pages.update.mutationOptions(),
 	setLayout: () => getOrpc().pages.setLayout.mutationOptions(),
-	setAiSeo: () => getOrpc().pages.setAiSeo.mutationOptions(),
-	setMetaTitle: () => getOrpc().pages.setMetaTitle.mutationOptions(),
-	setMetaDescription: () => getOrpc().pages.setMetaDescription.mutationOptions(),
-	publish: () => getOrpc().pages.publish.mutationOptions(),
-	unpublish: () => getOrpc().pages.unpublish.mutationOptions(),
-	discardChanges: () => getOrpc().pages.discardChanges.mutationOptions(),
+	setSeo: () => getOrpc().pages.setSeo.mutationOptions(),
 	uploadCustomOgImage: () => ({ mutationFn: async ({ pageId, file }) => {
 		const formData = new FormData();
 		formData.append("file", file);
-		const res = await fetch(`${getApiUrl()}/pages/${pageId}/og-image`, {
+		const res = await sendOgImageChange(pageId, {
 			method: "POST",
-			body: formData,
-			headers: ogImageHeaders(),
-			credentials: getAuthRequestCredentials()
+			body: formData
 		});
 		if (!res.ok) {
 			const body = await res.json().catch(() => null);
@@ -164,11 +109,7 @@ const pageMutations = {
 		return res.json();
 	} }),
 	deleteCustomOgImage: () => ({ mutationFn: async ({ pageId }) => {
-		const res = await fetch(`${getApiUrl()}/pages/${pageId}/og-image`, {
-			method: "DELETE",
-			headers: ogImageHeaders(),
-			credentials: getAuthRequestCredentials()
-		});
+		const res = await sendOgImageChange(pageId, { method: "DELETE" });
 		if (!res.ok) throw new Error(`Delete failed: ${res.status}`);
 		return res.json();
 	} })
@@ -176,11 +117,10 @@ const pageMutations = {
 const fileMutations = {
 	delete: () => getOrpc().files.delete.mutationOptions(),
 	deleteMany: () => getOrpc().files.deleteMany.mutationOptions(),
-	replace: () => getOrpc().files.replace.mutationOptions(),
 	setAiMetadata: () => getOrpc().files.setAiMetadata.mutationOptions(),
 	setFilename: () => getOrpc().files.setFilename.mutationOptions(),
 	setAlt: () => getOrpc().files.setAlt.mutationOptions()
 };
 
 //#endregion
-export { blockMutations, blockQueries, environmentMutations, environmentQueries, fileMutations, fileQueries, layoutQueries, pageMutations, pageQueries, projectQueries, repeatableItemMutations };
+export { blockMutations, collectionMutations, draftMutations, fileMutations, localeMutations, pageMutations, projectMutations, repeatableItemMutations };

package/dist/lib/studio-reads.d.ts

@@ -0,0 +1,14 @@
+import "../core/createLayout.js";
+import "../features/runtime/runtime.js";
+import "./draft-scope.js";
+import { ApiClient } from "./api-client.js";
+import "./queries.js";
+import "react";
+import "@camox/api-contract/query-keys";
+import { QueryClient } from "@tanstack/react-query";
+//#region src/lib/studio-reads.d.ts
+type LayoutRead = Awaited<ReturnType<ApiClient["layouts"]["get"]>>;
+/** A layout's structure: its blocks before and after the content of its pages. */
+export type LayoutStructure = LayoutRead["layout"];
+//#endregion
+export {};