camox 0.43.0 → 0.45.0

package/dist/features/preview/previewCommentsStore.js

@@ -1,115 +0,0 @@
-import { previewStore } from "./previewStore.js";
-import { createStore } from "@xstate/store-react";
-
-//#region src/features/preview/previewCommentsStore.ts
-function revealCommentTarget(target) {
-	previewStore.send({
-		type: "setCommentMode",
-		enabled: false
-	});
-	previewStore.send({ type: "closeAddBlockSidebar" });
-	previewStore.send({ type: "clearPeekedBlock" });
-	if (target.blockId == null) {
-		previewStore.send({
-			type: "setSelection",
-			selection: null
-		});
-		return;
-	}
-	if (target.fieldName != null) {
-		previewStore.send({
-			type: "setSelection",
-			selection: target.itemId == null ? {
-				type: "block-field",
-				blockId: target.blockId,
-				fieldName: target.fieldName,
-				fieldType: target.fieldType ?? "String"
-			} : {
-				type: "item-field",
-				blockId: target.blockId,
-				itemId: target.itemId,
-				fieldName: target.fieldName,
-				fieldType: target.fieldType ?? "String"
-			}
-		});
-		return;
-	}
-	previewStore.send({
-		type: "setSelection",
-		selection: target.itemId == null ? {
-			type: "block",
-			blockId: target.blockId
-		} : {
-			type: "item",
-			blockId: target.blockId,
-			itemId: target.itemId
-		}
-	});
-}
-/** UI prototype only: comments live in memory, scoped to their originating page. */
-const previewCommentsStore = createStore({
-	context: {
-		comments: [],
-		draft: null,
-		activeId: null,
-		focusTarget: null
-	},
-	on: {
-		startComment: (context, event) => ({
-			...context,
-			draft: {
-				pageId: event.pageId,
-				target: event.target,
-				message: ""
-			},
-			activeId: null,
-			focusTarget: event.focusComposer ? event.target : null
-		}),
-		composerFocused: (context) => ({
-			...context,
-			focusTarget: null
-		}),
-		setMessage: (context, event) => ({
-			...context,
-			draft: context.draft ? {
-				...context.draft,
-				message: event.message
-			} : null
-		}),
-		postComment: (context, event) => {
-			const draft = context.draft;
-			if (!draft?.message.trim()) return context;
-			return {
-				...context,
-				comments: [...context.comments, {
-					...draft,
-					id: event.id,
-					message: draft.message.trim(),
-					author: event.author,
-					createdAt: event.createdAt
-				}],
-				draft: null,
-				activeId: event.id,
-				focusTarget: null
-			};
-		},
-		selectComment: (context, event) => ({
-			...context,
-			activeId: event.id
-		}),
-		cancelDraft: (context) => ({
-			...context,
-			draft: null,
-			focusTarget: null
-		}),
-		clearSelection: (context) => ({
-			...context,
-			draft: null,
-			activeId: null,
-			focusTarget: null
-		})
-	}
-});
-
-//#endregion
-export { previewCommentsStore, revealCommentTarget };

package/dist/features/preview/publication.js

@@ -1,81 +0,0 @@
-//#region src/features/preview/publication.ts
-/** Scope and impact are shared by all publishing entry points. Only expose choices
-* the backend can execute: a page and its optional layout, or a whole layout.
-* Synced-block dependencies will need backend planning/execution support here,
-* not a separate publishing UI or a sequence of independent block requests.
-*/
-function buildPublicationPlan(target) {
-	if (target.kind === "layout" && target.layout.kind === "singleton") return {
-		title: "Publish page content",
-		description: `Publishes the editable blocks on ${target.name}. The route and application data are controlled by code, not publishing.`,
-		items: [{
-			key: `layout:${target.layout.id}`,
-			label: `${target.name} blocks`,
-			impact: "Updates this page’s before and after blocks. Synced block changes also apply wherever those blocks are used.",
-			optional: false
-		}]
-	};
-	if (target.kind === "layout") return {
-		title: target.layout.status === "modified" ? "Publish changes" : "Publish layout",
-		description: `Publishes ${target.name} on every page using this layout. Generated content and external data are not published by this action.`,
-		items: [{
-			key: `layout:${target.layout.id}`,
-			label: `${target.name} layout blocks`,
-			impact: "Updates the before and after blocks on every page using this layout, including all derived URLs.",
-			optional: false
-		}]
-	};
-	const { page } = target;
-	const items = [{
-		key: `page:${page.id}`,
-		label: page.fullPath,
-		impact: page.status === "draft" ? "Makes this page live with its current draft content." : "Updates this page with its latest draft content.",
-		optional: false
-	}];
-	const reason = page.modifiedReason;
-	if (reason && (reason.reason === "layout" || reason.reason === "both")) {
-		const others = Math.max(0, reason.affectedPagesCount - 1);
-		items.push({
-			key: `layout:${reason.layoutId}`,
-			label: `${reason.layoutHandle} layout blocks`,
-			impact: others === 0 ? "Updates shared blocks on this page. Affects no other pages." : `Updates shared blocks on this page and ${others} other ${others === 1 ? "page" : "pages"}.`,
-			optional: true
-		});
-	}
-	return {
-		title: page.status === "modified" ? "Publish changes" : "Publish page",
-		description: page.status === "draft" ? `This page will go live at ${page.fullPath}.` : `Visitors at ${page.fullPath} will see your latest changes.`,
-		items
-	};
-}
-function getPublicationCapabilities(target, source) {
-	if (!target) return {
-		publish: false,
-		unpublish: false,
-		discard: false
-	};
-	const record = target.kind === "page" ? target.page : target.layout;
-	return {
-		publish: record.status !== "published" && source === "draft",
-		unpublish: record.livePublishedCheckpointId != null && !(target.kind === "page" && target.page.fullPath === "/"),
-		discard: target.kind === "page" && record.status === "modified"
-	};
-}
-function getPublicationRequest(target, includedKeys) {
-	if (target.kind === "layout") return {
-		kind: "layout",
-		input: { id: target.layout.id }
-	};
-	const optionalLayout = buildPublicationPlan(target).items.find((item) => item.optional);
-	const alsoPublishLayout = optionalLayout && includedKeys.includes(optionalLayout.key);
-	return {
-		kind: "page",
-		input: {
-			id: target.page.id,
-			...alsoPublishLayout ? { alsoPublishLayout: true } : {}
-		}
-	};
-}
-
-//#endregion
-export { buildPublicationPlan, getPublicationCapabilities, getPublicationRequest };

package/dist/features/runtime/SharedChromeContext.js

@@ -1,7 +0,0 @@
-import { createContext } from "react";
-
-//#region src/features/runtime/SharedChromeContext.ts
-const SharedChromeContext = createContext(false);
-
-//#endregion
-export { SharedChromeContext };

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

@@ -1,413 +0,0 @@
-import { AuthContext } from "../../../lib/auth.js";
-import { environmentMutations, environmentQueries, projectQueries } from "../../../lib/queries.js";
-import { c } from "react/compiler-runtime";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@camox/ui/button";
-import { AlertCircle, ChevronDown, Download, Upload } from "lucide-react";
-import { Alert, AlertDescription } from "@camox/ui/alert";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
-import { Badge } from "@camox/ui/badge";
-import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
-import { Separator } from "@camox/ui/separator";
-import { Spinner } from "@camox/ui/spinner";
-import { toast } from "@camox/ui/toaster";
-
-//#region src/features/studio/components/EnvironmentMenu.tsx
-const PRODUCTION_ENV = "production";
-/**
-* Renders the first incompatibility reason as a single-sentence explanation.
-* Mirrors the framings used in the plan: "Cannot push because block type X
-* exists in dev but not in production. Deploy your code to production…".
-*/
-function formatReason(reason, direction) {
-	const isPush = direction === "push";
-	const sourceLabel = isPush ? "your dev environment" : "production";
-	const targetLabel = isPush ? "production" : "your dev environment";
-	const remedy = isPush ? "Deploy your code to production to register it, then try again." : "Run your dev project locally to register it, then try again.";
-	switch (reason.kind) {
-		case "block-definition-missing-in-source": return `Block type "${reason.blockId}" exists in ${targetLabel} but not in ${sourceLabel}.`;
-		case "block-definition-missing-in-target": return `Block type "${reason.blockId}" exists in ${sourceLabel} but not in ${targetLabel}. ${remedy}`;
-		case "block-definition-schema-mismatch": return `Block type "${reason.blockId}" has a different "${reason.field}" between envs. Sync block definitions and try again.`;
-		case "layout-kind-mismatch": return `Layout "${reason.layoutId}" has a different kind between environments. Sync layout definitions and try again.`;
-		case "layout-missing-in-source": return `Layout "${reason.layoutId}" exists in ${targetLabel} but not in ${sourceLabel}.`;
-		case "layout-missing-in-target": return `Layout "${reason.layoutId}" exists in ${sourceLabel} but not in ${targetLabel}. ${remedy}`;
-	}
-}
-const EnvironmentMenu = () => {
-	const $ = c(84);
-	if ($[0] !== "5eec2ee2385ce7d4417564ed3e8ad71e1d521ff3c557dea4a4ca42288fb12d99") {
-		for (let $i = 0; $i < 84; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5eec2ee2385ce7d4417564ed3e8ad71e1d521ff3c557dea4a4ca42288fb12d99";
-	}
-	const [open, setOpen] = React.useState(false);
-	const [pendingDirection, setPendingDirection] = React.useState(null);
-	const authCtx = React.useContext(AuthContext);
-	const queryClient = useQueryClient();
-	let t0;
-	if ($[1] !== authCtx?.projectSlug) {
-		t0 = projectQueries.getBySlug(authCtx?.projectSlug ?? "");
-		$[1] = authCtx?.projectSlug;
-		$[2] = t0;
-	} else t0 = $[2];
-	const t1 = !!authCtx?.projectSlug;
-	let t2;
-	if ($[3] !== t0 || $[4] !== t1) {
-		t2 = {
-			...t0,
-			enabled: t1
-		};
-		$[3] = t0;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	const projectId = useQuery(t2).data?.id;
-	const environmentName = authCtx?.environmentName;
-	const isProduction = environmentName === PRODUCTION_ENV;
-	const canReplicate = !!projectId && !!environmentName && !isProduction;
-	let t3;
-	if ($[6] !== environmentName || $[7] !== projectId) {
-		t3 = environmentQueries.checkCompatibility(projectId ?? 0, environmentName ?? "", PRODUCTION_ENV);
-		$[6] = environmentName;
-		$[7] = projectId;
-		$[8] = t3;
-	} else t3 = $[8];
-	const t4 = open && canReplicate;
-	let t5;
-	if ($[9] !== t3 || $[10] !== t4) {
-		t5 = {
-			...t3,
-			enabled: t4
-		};
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	const pushCheck = useQuery(t5);
-	let t6;
-	if ($[12] !== environmentName || $[13] !== projectId) {
-		t6 = environmentQueries.checkCompatibility(projectId ?? 0, PRODUCTION_ENV, environmentName ?? "");
-		$[12] = environmentName;
-		$[13] = projectId;
-		$[14] = t6;
-	} else t6 = $[14];
-	const t7 = open && canReplicate;
-	let t8;
-	if ($[15] !== t6 || $[16] !== t7) {
-		t8 = {
-			...t6,
-			enabled: t7
-		};
-		$[15] = t6;
-		$[16] = t7;
-		$[17] = t8;
-	} else t8 = $[17];
-	const pullCheck = useQuery(t8);
-	let t9;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = environmentMutations.replicate();
-		$[18] = t9;
-	} else t9 = $[18];
-	let t10;
-	if ($[19] !== queryClient) {
-		t10 = (data, variables) => {
-			const verb = variables.targetEnvName === PRODUCTION_ENV ? "Pushed to production" : "Pulled from production";
-			const { pages, blocks, files } = data.copied;
-			toast.success(`${verb} — ${pages} pages, ${blocks} blocks, ${files} files`);
-			queryClient.invalidateQueries({ queryKey: ["camox"] });
-			setPendingDirection(null);
-			setOpen(false);
-		};
-		$[19] = queryClient;
-		$[20] = t10;
-	} else t10 = $[20];
-	let t11;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = (error) => {
-			console.error("Failed to replicate environment:", error);
-			toast.error("Could not replicate environment");
-			setPendingDirection(null);
-		};
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[22] !== t10) {
-		t12 = {
-			...t9,
-			onSuccess: t10,
-			onError: t11
-		};
-		$[22] = t10;
-		$[23] = t12;
-	} else t12 = $[23];
-	const replicate = useMutation(t12);
-	if (!authCtx?.environmentName) return null;
-	const label = isProduction ? "PROD" : "DEV";
-	const badgeClassName = isProduction ? "bg-green-100 text-green-800 border border-green-300 hover:bg-green-100 dark:bg-green-900 dark:text-green-300 dark:border-green-700 dark:hover:bg-green-900 font-mono text-xs" : "bg-yellow-100 text-yellow-800 border border-yellow-300 hover:bg-yellow-100 dark:bg-yellow-900 dark:text-yellow-300 dark:border-yellow-700 dark:hover:bg-yellow-900 font-mono text-xs";
-	let t13;
-	if ($[24] !== canReplicate || $[25] !== environmentName || $[26] !== pendingDirection || $[27] !== projectId || $[28] !== replicate) {
-		t13 = () => {
-			if (!pendingDirection || !canReplicate || !environmentName || !projectId) return;
-			const sourceEnvName = pendingDirection === "push" ? environmentName : PRODUCTION_ENV;
-			const targetEnvName = pendingDirection === "push" ? PRODUCTION_ENV : environmentName;
-			replicate.mutate({
-				projectId,
-				sourceEnvName,
-				targetEnvName
-			});
-		};
-		$[24] = canReplicate;
-		$[25] = environmentName;
-		$[26] = pendingDirection;
-		$[27] = projectId;
-		$[28] = replicate;
-		$[29] = t13;
-	} else t13 = $[29];
-	const handleConfirm = t13;
-	const pushReason = pushCheck.data && !pushCheck.data.compatible ? pushCheck.data.reasons[0] : null;
-	const pullReason = pullCheck.data && !pullCheck.data.compatible ? pullCheck.data.reasons[0] : null;
-	let t14;
-	if ($[30] !== pullReason || $[31] !== pushReason) {
-		t14 = pushReason ? formatReason(pushReason, "push") : pullReason ? formatReason(pullReason, "pull") : null;
-		$[30] = pullReason;
-		$[31] = pushReason;
-		$[32] = t14;
-	} else t14 = $[32];
-	const firstCompatibilityError = t14;
-	let t15;
-	if ($[33] !== pullCheck || $[34] !== pushCheck || $[35] !== replicate.isPending) {
-		t15 = (direction) => {
-			const check = direction === "push" ? pushCheck : pullCheck;
-			const checking = check.isLoading;
-			const compatible = check.data?.compatible ?? false;
-			const Icon = direction === "push" ? Upload : Download;
-			const actionLabel = direction === "push" ? "Push to production" : "Pull from production";
-			return /* @__PURE__ */ jsxs(Button, {
-				variant: "outline",
-				size: "sm",
-				className: "w-full justify-start gap-2",
-				disabled: checking || !compatible || replicate.isPending,
-				onClick: () => setPendingDirection(direction),
-				children: [checking ? /* @__PURE__ */ jsx(Spinner, { className: "text-muted-foreground" }) : /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground size-4" }), /* @__PURE__ */ jsx("span", { children: actionLabel })]
-			});
-		};
-		$[33] = pullCheck;
-		$[34] = pushCheck;
-		$[35] = replicate.isPending;
-		$[36] = t15;
-	} else t15 = $[36];
-	const renderActionButton = t15;
-	let t16;
-	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			className: "gap-2"
-		});
-		$[37] = t16;
-	} else t16 = $[37];
-	let t17;
-	if ($[38] !== badgeClassName || $[39] !== label) {
-		t17 = /* @__PURE__ */ jsx(Badge, {
-			variant: "secondary",
-			className: badgeClassName,
-			children: label
-		});
-		$[38] = badgeClassName;
-		$[39] = label;
-		$[40] = t17;
-	} else t17 = $[40];
-	let t18;
-	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsx(ChevronDown, { className: "shrink-0 opacity-50" });
-		$[41] = t18;
-	} else t18 = $[41];
-	let t19;
-	if ($[42] !== t17) {
-		t19 = /* @__PURE__ */ jsxs(PopoverTrigger, {
-			render: t16,
-			children: [t17, t18]
-		});
-		$[42] = t17;
-		$[43] = t19;
-	} else t19 = $[43];
-	let t20;
-	if ($[44] !== firstCompatibilityError || $[45] !== isProduction || $[46] !== renderActionButton) {
-		t20 = /* @__PURE__ */ jsx(PopoverContent, {
-			className: "w-96 p-0",
-			align: "start",
-			side: "bottom",
-			children: /* @__PURE__ */ jsx("div", {
-				className: "flex flex-col gap-3 py-4",
-				children: isProduction ? /* @__PURE__ */ jsx("p", {
-					className: "px-4 text-sm",
-					children: "You are viewing the production environment."
-				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-					/* @__PURE__ */ jsx("p", {
-						className: "px-4 text-sm",
-						children: "This environment is your personal space to iterate on content and data structures. It doesn't affect production data."
-					}),
-					/* @__PURE__ */ jsx(Separator, {}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground px-4 text-xs font-medium",
-						children: "Transfer data across environments"
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col gap-2 px-4",
-						children: [
-							renderActionButton("push"),
-							renderActionButton("pull"),
-							firstCompatibilityError ? /* @__PURE__ */ jsxs(Alert, {
-								variant: "destructive",
-								className: "mt-1",
-								children: [/* @__PURE__ */ jsx(AlertCircle, { className: "size-4" }), /* @__PURE__ */ jsx(AlertDescription, { children: firstCompatibilityError })]
-							}) : null
-						]
-					})
-				] })
-			})
-		});
-		$[44] = firstCompatibilityError;
-		$[45] = isProduction;
-		$[46] = renderActionButton;
-		$[47] = t20;
-	} else t20 = $[47];
-	let t21;
-	if ($[48] !== open || $[49] !== t19 || $[50] !== t20) {
-		t21 = /* @__PURE__ */ jsxs(Popover, {
-			open,
-			onOpenChange: setOpen,
-			children: [t19, t20]
-		});
-		$[48] = open;
-		$[49] = t19;
-		$[50] = t20;
-		$[51] = t21;
-	} else t21 = $[51];
-	const t22 = !!pendingDirection;
-	let t23;
-	if ($[52] !== replicate.isPending) {
-		t23 = (o) => {
-			if (!o && !replicate.isPending) setPendingDirection(null);
-		};
-		$[52] = replicate.isPending;
-		$[53] = t23;
-	} else t23 = $[53];
-	const t24 = pendingDirection === "push" ? "Push to production?" : "Pull from production?";
-	let t25;
-	if ($[54] !== t24) {
-		t25 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: t24 });
-		$[54] = t24;
-		$[55] = t25;
-	} else t25 = $[55];
-	let t26;
-	if ($[56] !== environmentName || $[57] !== pendingDirection) {
-		t26 = /* @__PURE__ */ jsx(AlertDialogDescription, { children: pendingDirection === "push" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-			"This will replace all content in",
-			" ",
-			/* @__PURE__ */ jsx("span", {
-				className: "font-mono font-semibold",
-				children: "production"
-			}),
-			" with the current",
-			" ",
-			/* @__PURE__ */ jsx("span", {
-				className: "font-mono font-semibold",
-				children: environmentName
-			}),
-			" environment. This action cannot be undone."
-		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-			"This will replace all content in your",
-			" ",
-			/* @__PURE__ */ jsx("span", {
-				className: "font-mono font-semibold",
-				children: environmentName
-			}),
-			" environment with ",
-			/* @__PURE__ */ jsx("span", {
-				className: "font-mono font-semibold",
-				children: "production"
-			}),
-			". This action cannot be undone."
-		] }) });
-		$[56] = environmentName;
-		$[57] = pendingDirection;
-		$[58] = t26;
-	} else t26 = $[58];
-	let t27;
-	if ($[59] !== t25 || $[60] !== t26) {
-		t27 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t25, t26] });
-		$[59] = t25;
-		$[60] = t26;
-		$[61] = t27;
-	} else t27 = $[61];
-	let t28;
-	if ($[62] !== replicate.isPending) {
-		t28 = /* @__PURE__ */ jsx(AlertDialogCancel, {
-			variant: "outline",
-			size: "default",
-			disabled: replicate.isPending,
-			children: "Cancel"
-		});
-		$[62] = replicate.isPending;
-		$[63] = t28;
-	} else t28 = $[63];
-	let t29;
-	if ($[64] !== replicate.isPending) {
-		t29 = replicate.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[64] = replicate.isPending;
-		$[65] = t29;
-	} else t29 = $[65];
-	const t30 = pendingDirection === "push" ? "Push" : "Pull";
-	let t31;
-	if ($[66] !== handleConfirm || $[67] !== replicate.isPending || $[68] !== t29 || $[69] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(AlertDialogAction, {
-			variant: "destructive",
-			onClick: handleConfirm,
-			disabled: replicate.isPending,
-			children: [t29, t30]
-		});
-		$[66] = handleConfirm;
-		$[67] = replicate.isPending;
-		$[68] = t29;
-		$[69] = t30;
-		$[70] = t31;
-	} else t31 = $[70];
-	let t32;
-	if ($[71] !== t28 || $[72] !== t31) {
-		t32 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t28, t31] });
-		$[71] = t28;
-		$[72] = t31;
-		$[73] = t32;
-	} else t32 = $[73];
-	let t33;
-	if ($[74] !== t27 || $[75] !== t32) {
-		t33 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t27, t32] });
-		$[74] = t27;
-		$[75] = t32;
-		$[76] = t33;
-	} else t33 = $[76];
-	let t34;
-	if ($[77] !== t22 || $[78] !== t23 || $[79] !== t33) {
-		t34 = /* @__PURE__ */ jsx(AlertDialog, {
-			open: t22,
-			onOpenChange: t23,
-			children: t33
-		});
-		$[77] = t22;
-		$[78] = t23;
-		$[79] = t33;
-		$[80] = t34;
-	} else t34 = $[80];
-	let t35;
-	if ($[81] !== t21 || $[82] !== t34) {
-		t35 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, t34] });
-		$[81] = t21;
-		$[82] = t34;
-		$[83] = t35;
-	} else t35 = $[83];
-	return t35;
-};
-
-//#endregion
-export { EnvironmentMenu };