camox 0.40.0 → 0.41.0

package/dist/features/preview/components/PageNavigatorSidebar.js

@@ -1,460 +1,17 @@
-import { useLocation } from "../../navigation/navigation.js";
-import { actionsStore } from "../../provider/actionsStore.js";
-import { pageMutations } from "../../../lib/queries.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { previewStore } from "../previewStore.js";
 import { PagePicker } from "./PagePicker.js";
 import { PageTree } from "./PageTree.js";
-import { PublishDialog } from "./PublishDialog.js";
+import { PublicationRow } from "./PublicationRow.js";
 import { c } from "react/compiler-runtime";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-import { queryKeys } from "@camox/api-contract/query-keys";
-import { Button } from "@camox/ui/button";
-import { MoreHorizontal } from "lucide-react";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
-import { toast } from "@camox/ui/toaster";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
+import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
 import { PanelContent, PanelHeader } from "@camox/ui/panel";
-import { ButtonGroup } from "@camox/ui/button-group";
 
 //#region src/features/preview/components/PageNavigatorSidebar.tsx
-const PageNavigatorPublishRow = (t0) => {
-	const $ = c(86);
-	if ($[0] !== "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863") {
-		for (let $i = 0; $i < 86; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863";
-	}
-	const { page } = t0;
-	const previewSource = useSelector(previewStore, _temp);
-	const queryClient = useQueryClient();
-	const { pathname } = useLocation();
-	const [isPublishDialogOpen, setIsPublishDialogOpen] = React.useState(false);
-	const [isUnpublishDialogOpen, setIsUnpublishDialogOpen] = React.useState(false);
-	const [isDiscardDialogOpen, setIsDiscardDialogOpen] = React.useState(false);
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = pageMutations.unpublish();
-		$[1] = t1;
-	} else t1 = $[1];
-	const unpublishPage = useMutation(t1);
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = pageMutations.discardChanges();
-		$[2] = t2;
-	} else t2 = $[2];
-	const discardChanges = useMutation(t2);
-	const hasLiveCheckpoint = page.livePublishedCheckpointId != null;
-	const isHomePage = page.fullPath === "/";
-	const canPublish = (page.status === "draft" || page.status === "modified") && previewSource === "draft";
-	const canDiscardChanges = page.status === "modified";
-	let t3;
-	if ($[3] !== page.modifiedReason) {
-		t3 = page.modifiedReason && (page.modifiedReason.reason === "layout" || page.modifiedReason.reason === "both") ? {
-			layoutHandle: page.modifiedReason.layoutHandle,
-			affectedPagesCount: page.modifiedReason.affectedPagesCount
-		} : null;
-		$[3] = page.modifiedReason;
-		$[4] = t3;
-	} else t3 = $[4];
-	const layoutCascade = t3;
-	const publishLabel = page.status === "modified" ? "Publish changes" : "Publish page";
-	let t4;
-	let t5;
-	if ($[5] !== canDiscardChanges || $[6] !== canPublish || $[7] !== discardChanges.isPending || $[8] !== hasLiveCheckpoint || $[9] !== isHomePage || $[10] !== publishLabel || $[11] !== unpublishPage.isPending) {
-		t4 = () => {
-			const actions = [
-				{
-					id: "publish-current-page",
-					label: publishLabel,
-					aliases: [
-						"Publish",
-						"Publish page",
-						"Make live"
-					],
-					groupLabel: "Preview",
-					checkIfAvailable: () => canPublish,
-					execute: () => setIsPublishDialogOpen(true)
-				},
-				{
-					id: "unpublish-current-page",
-					label: "Unpublish page",
-					aliases: [
-						"Take offline",
-						"Remove from live",
-						"Hide page"
-					],
-					groupLabel: "Preview",
-					checkIfAvailable: () => hasLiveCheckpoint && !isHomePage && !unpublishPage.isPending,
-					execute: () => setIsUnpublishDialogOpen(true)
-				},
-				{
-					id: "discard-current-page-changes",
-					label: "Discard page changes",
-					aliases: [
-						"Revert page",
-						"Reset page",
-						"Discard draft"
-					],
-					groupLabel: "Preview",
-					checkIfAvailable: () => canDiscardChanges && !discardChanges.isPending,
-					execute: () => setIsDiscardDialogOpen(true)
-				}
-			];
-			actionsStore.send({
-				type: "registerManyActions",
-				actions
-			});
-			return () => actionsStore.send({
-				type: "unregisterManyActions",
-				ids: actions.map(_temp2)
-			});
-		};
-		t5 = [
-			canDiscardChanges,
-			canPublish,
-			discardChanges.isPending,
-			hasLiveCheckpoint,
-			isHomePage,
-			publishLabel,
-			unpublishPage.isPending
-		];
-		$[5] = canDiscardChanges;
-		$[6] = canPublish;
-		$[7] = discardChanges.isPending;
-		$[8] = hasLiveCheckpoint;
-		$[9] = isHomePage;
-		$[10] = publishLabel;
-		$[11] = unpublishPage.isPending;
-		$[12] = t4;
-		$[13] = t5;
-	} else {
-		t4 = $[12];
-		t5 = $[13];
-	}
-	React.useEffect(t4, t5);
-	let t6;
-	if ($[14] !== isHomePage || $[15] !== page.id || $[16] !== pathname || $[17] !== queryClient || $[18] !== unpublishPage) {
-		t6 = async () => {
-			if (isHomePage) return;
-			try {
-				await unpublishPage.mutateAsync({ id: page.id });
-				queryClient.setQueryData(queryKeys.pages.getByPath(pathname, "draft"), _temp3);
-				queryClient.setQueryData(queryKeys.pages.list, (current_0) => current_0?.map((item) => item.id === page.id ? {
-					...item,
-					livePublishedCheckpointId: null,
-					status: "draft",
-					modifiedReason: null
-				} : item));
-				previewStore.send({
-					type: "setPreviewSource",
-					source: "draft"
-				});
-				trackClientEvent("page_unpublished", { pageId: page.id });
-				toast.success("Unpublished this page");
-				setIsUnpublishDialogOpen(false);
-			} catch (t7) {
-				console.error("Failed to unpublish page:", t7);
-				toast.error("Could not unpublish this page");
-			}
-		};
-		$[14] = isHomePage;
-		$[15] = page.id;
-		$[16] = pathname;
-		$[17] = queryClient;
-		$[18] = unpublishPage;
-		$[19] = t6;
-	} else t6 = $[19];
-	const handleUnpublish = t6;
-	let t7;
-	if ($[20] !== discardChanges || $[21] !== page.id) {
-		t7 = async () => {
-			try {
-				await discardChanges.mutateAsync({ id: page.id });
-				previewStore.send({
-					type: "setPreviewSource",
-					source: "draft"
-				});
-				trackClientEvent("page_changes_discarded", { pageId: page.id });
-				toast.success("Discarded draft changes");
-				setIsDiscardDialogOpen(false);
-			} catch (t8) {
-				console.error("Failed to discard page changes:", t8);
-				toast.error("Could not discard draft changes");
-			}
-		};
-		$[20] = discardChanges;
-		$[21] = page.id;
-		$[22] = t7;
-	} else t7 = $[22];
-	const handleDiscardChanges = t7;
-	const t8 = !canPublish;
-	let t9;
-	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = () => setIsPublishDialogOpen(true);
-		$[23] = t9;
-	} else t9 = $[23];
-	let t10;
-	if ($[24] !== publishLabel || $[25] !== t8) {
-		t10 = /* @__PURE__ */ jsx(Button, {
-			variant: "outline",
-			type: "button",
-			disabled: t8,
-			onClick: t9,
-			className: "flex-1",
-			children: publishLabel
-		});
-		$[24] = publishLabel;
-		$[25] = t8;
-		$[26] = t10;
-	} else t10 = $[26];
-	let t11;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			render: /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "outline",
-				size: "icon",
-				"aria-label": "More publish actions"
-			}),
-			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "text-muted-foreground" })
-		});
-		$[27] = t11;
-	} else t11 = $[27];
-	const t12 = !hasLiveCheckpoint || isHomePage || unpublishPage.isPending;
-	let t13;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = () => setIsUnpublishDialogOpen(true);
-		$[28] = t13;
-	} else t13 = $[28];
-	let t14;
-	if ($[29] !== t12) {
-		t14 = /* @__PURE__ */ jsx(DropdownMenuItem, {
-			disabled: t12,
-			onClick: t13,
-			children: "Unpublish"
-		});
-		$[29] = t12;
-		$[30] = t14;
-	} else t14 = $[30];
-	const t15 = !canDiscardChanges || discardChanges.isPending;
-	let t16;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = () => setIsDiscardDialogOpen(true);
-		$[31] = t16;
-	} else t16 = $[31];
-	let t17;
-	if ($[32] !== t15) {
-		t17 = /* @__PURE__ */ jsx(DropdownMenuItem, {
-			disabled: t15,
-			onClick: t16,
-			children: "Discard changes"
-		});
-		$[32] = t15;
-		$[33] = t17;
-	} else t17 = $[33];
-	let t18;
-	if ($[34] !== t14 || $[35] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t11, /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			align: "end",
-			className: "w-42",
-			children: [t14, t17]
-		})] });
-		$[34] = t14;
-		$[35] = t17;
-		$[36] = t18;
-	} else t18 = $[36];
-	let t19;
-	if ($[37] !== t10 || $[38] !== t18) {
-		t19 = /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col gap-2",
-			children: /* @__PURE__ */ jsxs(ButtonGroup, {
-				className: "w-full",
-				children: [t10, t18]
-			})
-		});
-		$[37] = t10;
-		$[38] = t18;
-		$[39] = t19;
-	} else t19 = $[39];
-	const t20 = isPublishDialogOpen ? page : null;
-	let t21;
-	if ($[40] !== isPublishDialogOpen || $[41] !== layoutCascade || $[42] !== page.status || $[43] !== t20) {
-		t21 = /* @__PURE__ */ jsx(PublishDialog, {
-			page: t20,
-			pageStatus: page.status,
-			alsoPublishLayout: layoutCascade,
-			open: isPublishDialogOpen,
-			onOpenChange: setIsPublishDialogOpen
-		});
-		$[40] = isPublishDialogOpen;
-		$[41] = layoutCascade;
-		$[42] = page.status;
-		$[43] = t20;
-		$[44] = t21;
-	} else t21 = $[44];
-	let t22;
-	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-		t22 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unpublish page" });
-		$[45] = t22;
-	} else t22 = $[45];
-	let t23;
-	if ($[46] !== page.fullPath) {
-		t23 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t22, /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
-			"Visitors at",
-			" ",
-			/* @__PURE__ */ jsx("code", {
-				className: "bg-muted rounded px-1 py-0.5 font-mono text-xs",
-				children: page.fullPath
-			}),
-			" ",
-			"will get a 404. The draft stays available in Camox Studio."
-		] })] });
-		$[46] = page.fullPath;
-		$[47] = t23;
-	} else t23 = $[47];
-	let t24;
-	if ($[48] !== unpublishPage.isPending) {
-		t24 = /* @__PURE__ */ jsx(AlertDialogCancel, {
-			variant: "outline",
-			size: "default",
-			disabled: unpublishPage.isPending,
-			children: "Cancel"
-		});
-		$[48] = unpublishPage.isPending;
-		$[49] = t24;
-	} else t24 = $[49];
-	const t25 = isHomePage || unpublishPage.isPending;
-	const t26 = unpublishPage.isPending ? "Unpublishing…" : "Unpublish";
-	let t27;
-	if ($[50] !== handleUnpublish || $[51] !== t25 || $[52] !== t26) {
-		t27 = /* @__PURE__ */ jsx(AlertDialogAction, {
-			onClick: handleUnpublish,
-			disabled: t25,
-			children: t26
-		});
-		$[50] = handleUnpublish;
-		$[51] = t25;
-		$[52] = t26;
-		$[53] = t27;
-	} else t27 = $[53];
-	let t28;
-	if ($[54] !== t24 || $[55] !== t27) {
-		t28 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t24, t27] });
-		$[54] = t24;
-		$[55] = t27;
-		$[56] = t28;
-	} else t28 = $[56];
-	let t29;
-	if ($[57] !== t23 || $[58] !== t28) {
-		t29 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t23, t28] });
-		$[57] = t23;
-		$[58] = t28;
-		$[59] = t29;
-	} else t29 = $[59];
-	let t30;
-	if ($[60] !== isUnpublishDialogOpen || $[61] !== t29) {
-		t30 = /* @__PURE__ */ jsx(AlertDialog, {
-			open: isUnpublishDialogOpen,
-			onOpenChange: setIsUnpublishDialogOpen,
-			children: t29
-		});
-		$[60] = isUnpublishDialogOpen;
-		$[61] = t29;
-		$[62] = t30;
-	} else t30 = $[62];
-	let t31;
-	if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
-		t31 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Discard draft changes" });
-		$[63] = t31;
-	} else t31 = $[63];
-	let t32;
-	if ($[64] !== page.fullPath) {
-		t32 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t31, /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
-			"The draft for",
-			" ",
-			/* @__PURE__ */ jsx("code", {
-				className: "bg-muted rounded px-1 py-0.5 font-mono text-xs",
-				children: page.fullPath
-			}),
-			" ",
-			"will be reset to match the currently published version. This does not change what visitors see."
-		] })] });
-		$[64] = page.fullPath;
-		$[65] = t32;
-	} else t32 = $[65];
-	let t33;
-	if ($[66] !== discardChanges.isPending) {
-		t33 = /* @__PURE__ */ jsx(AlertDialogCancel, {
-			variant: "outline",
-			size: "default",
-			disabled: discardChanges.isPending,
-			children: "Cancel"
-		});
-		$[66] = discardChanges.isPending;
-		$[67] = t33;
-	} else t33 = $[67];
-	const t34 = discardChanges.isPending ? "Discarding…" : "Discard changes";
-	let t35;
-	if ($[68] !== discardChanges.isPending || $[69] !== handleDiscardChanges || $[70] !== t34) {
-		t35 = /* @__PURE__ */ jsx(AlertDialogAction, {
-			onClick: handleDiscardChanges,
-			disabled: discardChanges.isPending,
-			children: t34
-		});
-		$[68] = discardChanges.isPending;
-		$[69] = handleDiscardChanges;
-		$[70] = t34;
-		$[71] = t35;
-	} else t35 = $[71];
-	let t36;
-	if ($[72] !== t33 || $[73] !== t35) {
-		t36 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t33, t35] });
-		$[72] = t33;
-		$[73] = t35;
-		$[74] = t36;
-	} else t36 = $[74];
-	let t37;
-	if ($[75] !== t32 || $[76] !== t36) {
-		t37 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t32, t36] });
-		$[75] = t32;
-		$[76] = t36;
-		$[77] = t37;
-	} else t37 = $[77];
-	let t38;
-	if ($[78] !== isDiscardDialogOpen || $[79] !== t37) {
-		t38 = /* @__PURE__ */ jsx(AlertDialog, {
-			open: isDiscardDialogOpen,
-			onOpenChange: setIsDiscardDialogOpen,
-			children: t37
-		});
-		$[78] = isDiscardDialogOpen;
-		$[79] = t37;
-		$[80] = t38;
-	} else t38 = $[80];
-	let t39;
-	if ($[81] !== t19 || $[82] !== t21 || $[83] !== t30 || $[84] !== t38) {
-		t39 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t19,
-			t21,
-			t30,
-			t38
-		] });
-		$[81] = t19;
-		$[82] = t21;
-		$[83] = t30;
-		$[84] = t38;
-		$[85] = t39;
-	} else t39 = $[85];
-	return t39;
-};
 const PageNavigatorHeader = (t0) => {
-	const $ = c(4);
-	if ($[0] !== "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863") {
-		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863";
+	const $ = c(6);
+	if ($[0] !== "c9e1cb06c4c83f6db81cab1bef09e7027f12e148a96509207d5fe9eb043f50eb") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c9e1cb06c4c83f6db81cab1bef09e7027f12e148a96509207d5fe9eb043f50eb";
 	}
 	const { page } = t0;
 	let t1;
@@ -467,20 +24,29 @@ const PageNavigatorHeader = (t0) => {
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== page) {
-		t2 = /* @__PURE__ */ jsxs(PanelHeader, {
-			className: "flex flex-col gap-2 px-2 pt-2 pb-3",
-			children: [t1, /* @__PURE__ */ jsx(PageNavigatorPublishRow, { page })]
-		});
+		t2 = page && /* @__PURE__ */ jsx(PublicationRow, { target: {
+			kind: "page",
+			page
+		} });
 		$[2] = page;
 		$[3] = t2;
 	} else t2 = $[3];
-	return t2;
+	let t3;
+	if ($[4] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(PanelHeader, {
+			className: "flex flex-col gap-2 p-2",
+			children: [t1, t2]
+		});
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
 };
 const PageNavigatorSidebar = (t0) => {
-	const $ = c(6);
-	if ($[0] !== "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863") {
-		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863";
+	const $ = c(8);
+	if ($[0] !== "c9e1cb06c4c83f6db81cab1bef09e7027f12e148a96509207d5fe9eb043f50eb") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c9e1cb06c4c83f6db81cab1bef09e7027f12e148a96509207d5fe9eb043f50eb";
 	}
 	const { page } = t0;
 	let t1;
@@ -490,38 +56,23 @@ const PageNavigatorSidebar = (t0) => {
 		$[2] = t1;
 	} else t1 = $[2];
 	let t2;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[3] !== page) {
 		t2 = /* @__PURE__ */ jsx(PanelContent, {
 			className: "flex grow basis-0 flex-col gap-2 overflow-auto p-2",
-			children: /* @__PURE__ */ jsx(PageTree, {})
+			children: page ? /* @__PURE__ */ jsx(PageTree, {}) : /* @__PURE__ */ jsxs(Alert, { children: [/* @__PURE__ */ jsx(AlertTitle, { children: "No page blocks" }), /* @__PURE__ */ jsx(AlertDescription, { children: "This page’s content is generated by its layout, rather than assembled from page blocks." })] })
 		});
-		$[3] = t2;
-	} else t2 = $[3];
+		$[3] = page;
+		$[4] = t2;
+	} else t2 = $[4];
 	let t3;
-	if ($[4] !== t1) {
+	if ($[5] !== t1 || $[6] !== t2) {
 		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] });
-		$[4] = t1;
-		$[5] = t3;
-	} else t3 = $[5];
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
 	return t3;
 };
-function _temp(state) {
-	return state.context.previewSource;
-}
-function _temp2(a) {
-	return a.id;
-}
-function _temp3(current) {
-	return current ? {
-		...current,
-		page: {
-			...current.page,
-			livePublishedCheckpointId: null,
-			status: "draft",
-			modifiedReason: null
-		}
-	} : current;
-}
 
 //#endregion
 export { PageNavigatorHeader, PageNavigatorSidebar };