camox 0.48.0 → 0.52.1

package/dist/features/settings/useProjectMutation.js

@@ -0,0 +1,61 @@
+import { reads, useStudioCache } from "../../lib/studio-reads.js";
+import { projectMutations } from "../../lib/queries.js";
+import { c } from "react/compiler-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { toast } from "@camox/ui/toaster";
+
+//#region src/features/settings/useProjectMutation.ts
+/**
+* One of the project's mutations, as a Settings part saves with it: once it succeeds the studio
+* reads the project afresh, then `onSuccess` runs and a toast says `success`; a failure toasts the
+* API's message, or `failure` when it has none.
+*/
+function useProjectMutation(project, mutation, t0) {
+	const $ = c(13);
+	const { success, failure, onSuccess } = t0;
+	const studioCache = useStudioCache();
+	let t1;
+	if ($[0] !== mutation) {
+		t1 = projectMutations[mutation]();
+		$[0] = mutation;
+		$[1] = t1;
+	} else t1 = $[1];
+	const options = t1;
+	let t2;
+	if ($[2] !== onSuccess || $[3] !== project || $[4] !== studioCache || $[5] !== success) {
+		t2 = async (_, variables) => {
+			await studioCache.invalidate(reads.project({ projectUuid: project.uuid }));
+			onSuccess?.(variables);
+			toast.success(typeof success === "string" ? success : success(variables));
+		};
+		$[2] = onSuccess;
+		$[3] = project;
+		$[4] = studioCache;
+		$[5] = success;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== failure) {
+		t3 = (error) => {
+			toast.error(error.message || failure);
+		};
+		$[7] = failure;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== options || $[10] !== t2 || $[11] !== t3) {
+		t4 = {
+			...options,
+			onSuccess: t2,
+			onError: t3
+		};
+		$[9] = options;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	return useMutation(t4);
+}
+
+//#endregion
+export { useProjectMutation };

package/dist/features/studio/FollowAgentProvider.js

@@ -2,8 +2,8 @@ import { useProjectUuid } from "../../lib/auth.js";
 import { parseLocalePath } from "../../lib/locale-path.js";
 import { useViewLocale } from "../../lib/view-locale-context.js";
 import { useLocation, useNavigate } from "../navigation/navigation.js";
-import { useCamoxApp } from "../provider/components/CamoxAppContext.js";
 import { reads, useReadQueries, useReadQuery } from "../../lib/studio-reads.js";
+import { useRoutableLayouts } from "../../lib/studio-definitions.js";
 import { FollowAgentContext } from "./followAgentContext.js";
 import { canvasPageId, getCanvasPages } from "../canvas/canvasPages.js";
 import { selectedCanvasPage } from "../canvas/canvasSelection.js";
@@ -102,7 +102,7 @@ function _temp(id) {
 /** Where the editor is, and the Studio content following locates the agent's touches with. */
 function useFollowWhere(runtimeBasePath) {
 	const $ = c(35);
-	const app = useCamoxApp();
+	const layouts = useRoutableLayouts();
 	const projectUuid = useProjectUuid();
 	const location = useLocation();
 	const { locale, locales } = useViewLocale();
@@ -129,20 +129,20 @@ function useFollowWhere(runtimeBasePath) {
 	const { data: pageList } = useReadQuery(t1, t3);
 	const discoveredPaths = useDiscoveredPreviewPaths(runtimeBasePath);
 	let t4;
-	if ($[6] !== app || $[7] !== discoveredPaths || $[8] !== locale || $[9] !== pageList) {
-		t4 = pageList ? getCanvasPages(pageList, app.getLayouts(), discoveredPaths, locale) : [];
-		$[6] = app;
-		$[7] = discoveredPaths;
+	if ($[6] !== discoveredPaths || $[7] !== layouts || $[8] !== locale || $[9] !== pageList) {
+		t4 = pageList ? getCanvasPages(pageList, layouts, discoveredPaths, locale) : [];
+		$[6] = discoveredPaths;
+		$[7] = layouts;
 		$[8] = locale;
 		$[9] = pageList;
 		$[10] = t4;
 	} else t4 = $[10];
 	const canvasPages = t4;
 	let t5;
-	if ($[11] !== app || $[12] !== canvasPages || $[13] !== locales || $[14] !== location.pathname) {
-		t5 = selectedCanvasPage(canvasPages, app.getLayouts(), location.pathname, locales);
-		$[11] = app;
-		$[12] = canvasPages;
+	if ($[11] !== canvasPages || $[12] !== layouts || $[13] !== locales || $[14] !== location.pathname) {
+		t5 = selectedCanvasPage(canvasPages, layouts, location.pathname, locales);
+		$[11] = canvasPages;
+		$[12] = layouts;
 		$[13] = locales;
 		$[14] = location.pathname;
 		$[15] = t5;

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

@@ -99,10 +99,13 @@ function useDrafts() {
 * Picks what the studio is viewing, Live or a draft (#203). Live is read-only; the first edit
 * starts a draft. The localhost studio works only in the development draft, so it shows that
 * draft alone, with nothing to switch to (ADR 0006). The command palette offers the same actions,
-* and the picker hosts the draft's review and discard confirmation they open.
+* and the picker hosts the draft's review and discard confirmation they open. A `disabled` picker
+* still names what the studio is viewing.
 */
-function DraftPicker() {
-	const $ = c(56);
+function DraftPicker(t0) {
+	const $ = c(57);
+	const { disabled: t1 } = t0;
+	const disabled = t1 === void 0 ? false : t1;
 	const { draftScope, draftId, developmentMode, projectId, list, current } = useDrafts();
 	const navigate = useNavigate();
 	const leaveDraft = useLeaveDraft();
@@ -110,43 +113,43 @@ function DraftPicker() {
 	const discarding = useSelector(studioStore, _temp2);
 	const [menuOpen, setMenuOpen] = React.useState(false);
 	const [renaming, setRenaming] = React.useState(null);
-	let t0;
-	let t1;
+	let t2;
+	let t3;
 	if ($[0] !== draftScope) {
-		t0 = () => draftScope.subscribe(_temp3);
-		t1 = [draftScope];
+		t2 = () => draftScope.subscribe(_temp3);
+		t3 = [draftScope];
 		$[0] = draftScope;
-		$[1] = t0;
-		$[2] = t1;
+		$[1] = t2;
+		$[2] = t3;
 	} else {
-		t0 = $[1];
-		t1 = $[2];
+		t2 = $[1];
+		t3 = $[2];
 	}
-	React.useEffect(t0, t1);
-	let t2;
+	React.useEffect(t2, t3);
+	let t4;
 	if ($[3] !== draftId) {
-		t2 = [draftId];
+		t4 = [draftId];
 		$[3] = draftId;
-		$[4] = t2;
-	} else t2 = $[4];
-	React.useEffect(_temp5, t2);
+		$[4] = t4;
+	} else t4 = $[4];
+	React.useEffect(_temp5, t4);
 	const drafts = list?.drafts;
-	let t3;
+	let t5;
 	if ($[5] !== drafts) {
-		t3 = drafts ?? [];
+		t5 = drafts ?? [];
 		$[5] = drafts;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== t3) {
-		t4 = t3.filter(_temp6);
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
-	const regular = t4;
-	let t5;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== t5) {
+		t6 = t5.filter(_temp6);
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	const regular = t6;
+	let t7;
 	if ($[9] !== draftId || $[10] !== navigate) {
-		t5 = (next) => {
+		t7 = (next) => {
 			if (next === draftId) return;
 			navigate({
 				to: window.location.href,
@@ -155,14 +158,14 @@ function DraftPicker() {
 		};
 		$[9] = draftId;
 		$[10] = navigate;
-		$[11] = t5;
-	} else t5 = $[11];
-	const switchTo = t5;
-	const t6 = !!projectId;
-	let t7;
-	if ($[12] !== developmentMode || $[13] !== draftId || $[14] !== regular || $[15] !== switchTo || $[16] !== t6) {
-		t7 = {
-			enabled: t6,
+		$[11] = t7;
+	} else t7 = $[11];
+	const switchTo = t7;
+	const t8 = !!projectId;
+	let t9;
+	if ($[12] !== developmentMode || $[13] !== draftId || $[14] !== regular || $[15] !== switchTo || $[16] !== t8) {
+		t9 = {
+			enabled: t8,
 			draftId,
 			developmentMode,
 			regular,
@@ -172,78 +175,80 @@ function DraftPicker() {
 		$[13] = draftId;
 		$[14] = regular;
 		$[15] = switchTo;
-		$[16] = t6;
-		$[17] = t7;
-	} else t7 = $[17];
-	useDraftsActions(t7);
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
+	useDraftsActions(t9);
 	if (developmentMode && !draftId) return null;
 	if (draftId && !developmentMode && !current) return null;
-	let t8;
+	let t10;
 	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(Button, {
+		t10 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost"
 		});
-		$[18] = t8;
-	} else t8 = $[18];
-	const t9 = draftId ? "bg-blue-500" : "bg-emerald-500";
-	let t10;
-	if ($[19] !== t9) {
-		t10 = cn("size-2 shrink-0 rounded-full", t9);
-		$[19] = t9;
-		$[20] = t10;
-	} else t10 = $[20];
-	let t11;
-	if ($[21] !== t10) {
-		t11 = /* @__PURE__ */ jsx("span", {
+		$[18] = t10;
+	} else t10 = $[18];
+	const t11 = draftId ? "bg-blue-500" : "bg-emerald-500";
+	let t12;
+	if ($[19] !== t11) {
+		t12 = cn("size-2 shrink-0 rounded-full", t11);
+		$[19] = t11;
+		$[20] = t12;
+	} else t12 = $[20];
+	let t13;
+	if ($[21] !== t12) {
+		t13 = /* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			className: t10
+			className: t12
 		});
-		$[21] = t10;
-		$[22] = t11;
-	} else t11 = $[22];
-	let t12;
+		$[21] = t12;
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
 	if ($[23] !== current || $[24] !== developmentMode || $[25] !== draftId) {
-		t12 = !draftId ? "Live" : developmentMode ? "Development draft" : draftLabel(current);
+		t14 = !draftId ? "Live" : developmentMode ? "Development draft" : draftLabel(current);
 		$[23] = current;
 		$[24] = developmentMode;
 		$[25] = draftId;
-		$[26] = t12;
-	} else t12 = $[26];
-	let t13;
-	if ($[27] !== t12) {
-		t13 = /* @__PURE__ */ jsx("span", {
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== t14) {
+		t15 = /* @__PURE__ */ jsx("span", {
 			className: "max-w-48 truncate",
-			children: t12
+			children: t14
 		});
-		$[27] = t12;
-		$[28] = t13;
-	} else t13 = $[28];
-	let t14;
+		$[27] = t14;
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
 	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /* @__PURE__ */ jsx(ChevronsUpDown, {
+		t16 = /* @__PURE__ */ jsx(ChevronsUpDown, {
 			"aria-hidden": true,
 			className: "size-4 opacity-50"
 		});
-		$[29] = t14;
-	} else t14 = $[29];
-	let t15;
-	if ($[30] !== t11 || $[31] !== t13) {
-		t15 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
-			render: t8,
+		$[29] = t16;
+	} else t16 = $[29];
+	let t17;
+	if ($[30] !== disabled || $[31] !== t13 || $[32] !== t15) {
+		t17 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+			disabled,
+			render: t10,
 			children: [
-				t11,
 				t13,
-				t14
+				t15,
+				t16
 			]
 		});
-		$[30] = t11;
+		$[30] = disabled;
 		$[31] = t13;
 		$[32] = t15;
-	} else t15 = $[32];
-	let t16;
-	if ($[33] !== developmentMode || $[34] !== draftId || $[35] !== list || $[36] !== regular || $[37] !== switchTo) {
-		t16 = /* @__PURE__ */ jsx(DropdownMenuContent, {
+		$[33] = t17;
+	} else t17 = $[33];
+	let t18;
+	if ($[34] !== developmentMode || $[35] !== draftId || $[36] !== list || $[37] !== regular || $[38] !== switchTo) {
+		t18 = /* @__PURE__ */ jsx(DropdownMenuContent, {
 			className: "w-80",
 			align: "start",
 			children: developmentMode ? /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
@@ -278,41 +283,41 @@ function DraftPicker() {
 				] })
 			})] })
 		});
-		$[33] = developmentMode;
-		$[34] = draftId;
-		$[35] = list;
-		$[36] = regular;
-		$[37] = switchTo;
-		$[38] = t16;
-	} else t16 = $[38];
-	let t17;
-	if ($[39] !== menuOpen || $[40] !== t15 || $[41] !== t16) {
-		t17 = /* @__PURE__ */ jsxs(DropdownMenu, {
+		$[34] = developmentMode;
+		$[35] = draftId;
+		$[36] = list;
+		$[37] = regular;
+		$[38] = switchTo;
+		$[39] = t18;
+	} else t18 = $[39];
+	let t19;
+	if ($[40] !== menuOpen || $[41] !== t17 || $[42] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(DropdownMenu, {
 			open: menuOpen,
 			onOpenChange: setMenuOpen,
-			children: [t15, t16]
+			children: [t17, t18]
 		});
-		$[39] = menuOpen;
-		$[40] = t15;
-		$[41] = t16;
-		$[42] = t17;
-	} else t17 = $[42];
-	let t18;
-	if ($[43] !== projectId || $[44] !== renaming) {
-		t18 = projectId && /* @__PURE__ */ jsx(RenameDraftDialog, {
+		$[40] = menuOpen;
+		$[41] = t17;
+		$[42] = t18;
+		$[43] = t19;
+	} else t19 = $[43];
+	let t20;
+	if ($[44] !== projectId || $[45] !== renaming) {
+		t20 = projectId && /* @__PURE__ */ jsx(RenameDraftDialog, {
 			projectId,
 			draft: renaming,
 			onOpenChange: (open) => {
 				if (!open) setRenaming(null);
 			}
 		});
-		$[43] = projectId;
-		$[44] = renaming;
-		$[45] = t18;
-	} else t18 = $[45];
-	let t19;
-	if ($[46] !== discarding || $[47] !== draftId || $[48] !== leaveDraft || $[49] !== projectId || $[50] !== review) {
-		t19 = draftId && projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReviewDraftSheet, {
+		$[44] = projectId;
+		$[45] = renaming;
+		$[46] = t20;
+	} else t20 = $[46];
+	let t21;
+	if ($[47] !== discarding || $[48] !== draftId || $[49] !== leaveDraft || $[50] !== projectId || $[51] !== review) {
+		t21 = draftId && projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReviewDraftSheet, {
 			projectId,
 			draftId,
 			open: review.open,
@@ -324,26 +329,26 @@ function DraftPicker() {
 			onOpenChange: _temp8,
 			onDiscarded: leaveDraft
 		})] });
-		$[46] = discarding;
-		$[47] = draftId;
-		$[48] = leaveDraft;
-		$[49] = projectId;
-		$[50] = review;
-		$[51] = t19;
-	} else t19 = $[51];
-	let t20;
-	if ($[52] !== t17 || $[53] !== t18 || $[54] !== t19) {
-		t20 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t17,
-			t18,
-			t19
+		$[47] = discarding;
+		$[48] = draftId;
+		$[49] = leaveDraft;
+		$[50] = projectId;
+		$[51] = review;
+		$[52] = t21;
+	} else t21 = $[52];
+	let t22;
+	if ($[53] !== t19 || $[54] !== t20 || $[55] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t19,
+			t20,
+			t21
 		] });
-		$[52] = t17;
-		$[53] = t18;
-		$[54] = t19;
-		$[55] = t20;
-	} else t20 = $[55];
-	return t20;
+		$[53] = t19;
+		$[54] = t20;
+		$[55] = t21;
+		$[56] = t22;
+	} else t22 = $[56];
+	return t22;
 }
 function _temp8(open_1) {
 	if (!open_1) studioStore.send({ type: "closeDiscardDraftDialog" });