camox 0.32.0 → 0.33.0

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

@@ -0,0 +1,277 @@
+import { useProjectSlug } from "../../../lib/auth.js";
+import { fileQueries, projectQueries } from "../../../lib/queries.js";
+import { AssetLightbox } from "./AssetLightbox.js";
+import { AssetCard } from "../../content/components/AssetCard.js";
+import { c } from "react/compiler-runtime";
+import { useQuery } from "@tanstack/react-query";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { Skeleton } from "@camox/ui/skeleton";
+import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
+
+//#region src/features/preview/components/AssetPickerModal.tsx
+const AssetPickerModal = (t0) => {
+	const $ = c(56);
+	if ($[0] !== "c984030a1422cdd88b1f831d5358c0286f37bccfe41f31a3e0d717767fe6ebfd") {
+		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c984030a1422cdd88b1f831d5358c0286f37bccfe41f31a3e0d717767fe6ebfd";
+	}
+	const { open, onOpenChange, assetType, mode, onSelectSingle, onSelectMultiple } = t0;
+	const projectSlug = useProjectSlug();
+	let t1;
+	if ($[1] !== projectSlug) {
+		t1 = projectQueries.getBySlug(projectSlug);
+		$[1] = projectSlug;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { data: project } = useQuery(t1);
+	let t2;
+	if ($[3] !== project?.id) {
+		t2 = fileQueries.list(project?.id ?? 0);
+		$[3] = project?.id;
+		$[4] = t2;
+	} else t2 = $[4];
+	const t3 = !!project;
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3) {
+		t4 = {
+			...t2,
+			enabled: t3
+		};
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	const { data: allFiles } = useQuery(t4);
+	let t5;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ new Set();
+		$[8] = t5;
+	} else t5 = $[8];
+	const [selectedIds, setSelectedIds] = React.useState(t5);
+	const [lightboxFile, setLightboxFile] = React.useState(null);
+	let t6;
+	let t7;
+	if ($[9] !== open) {
+		t6 = () => {
+			if (open) return;
+			setSelectedIds(/* @__PURE__ */ new Set());
+			setLightboxFile(null);
+		};
+		t7 = [open];
+		$[9] = open;
+		$[10] = t6;
+		$[11] = t7;
+	} else {
+		t6 = $[10];
+		t7 = $[11];
+	}
+	React.useEffect(t6, t7);
+	const isImage = assetType === "Image";
+	let t8;
+	bb0: {
+		if (!allFiles) {
+			t8 = void 0;
+			break bb0;
+		}
+		if (!isImage) {
+			t8 = allFiles;
+			break bb0;
+		}
+		let t9;
+		if ($[12] !== allFiles) {
+			t9 = allFiles.filter(_temp);
+			$[12] = allFiles;
+			$[13] = t9;
+		} else t9 = $[13];
+		t8 = t9;
+	}
+	const files = t8;
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = (fileId) => {
+			setSelectedIds((prev) => {
+				const next = new Set(prev);
+				if (next.has(fileId)) next.delete(fileId);
+				else next.add(fileId);
+				return next;
+			});
+		};
+		$[14] = t9;
+	} else t9 = $[14];
+	const toggleSelection = t9;
+	let t10;
+	if ($[15] !== files || $[16] !== onOpenChange || $[17] !== onSelectMultiple || $[18] !== selectedIds) {
+		t10 = () => {
+			if (!files) return;
+			onSelectMultiple(files.filter((f_0) => selectedIds.has(f_0.id)));
+			onOpenChange(false);
+		};
+		$[15] = files;
+		$[16] = onOpenChange;
+		$[17] = onSelectMultiple;
+		$[18] = selectedIds;
+		$[19] = t10;
+	} else t10 = $[19];
+	const handleConfirmMultiple = t10;
+	let t11;
+	if ($[20] !== onOpenChange || $[21] !== onSelectSingle) {
+		t11 = (file) => {
+			onSelectSingle(file);
+			onOpenChange(false);
+		};
+		$[20] = onOpenChange;
+		$[21] = onSelectSingle;
+		$[22] = t11;
+	} else t11 = $[22];
+	const handleSelectSingle = t11;
+	const title = mode === "multiple" ? `Add existing ${isImage ? "images" : "files"}` : `Add an existing ${isImage ? "image" : "file"}`;
+	let t12;
+	if ($[23] !== title) {
+		t12 = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) });
+		$[23] = title;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== files) {
+		t13 = files === void 0 && /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
+			children: Array.from({ length: 6 }).map(_temp2)
+		});
+		$[25] = files;
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== files?.length) {
+		t14 = files?.length === 0 && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground py-8 text-center text-sm",
+			children: "No assets yet"
+		});
+		$[27] = files?.length;
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] !== files || $[30] !== handleSelectSingle || $[31] !== mode || $[32] !== selectedIds) {
+		t15 = files && files.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
+			children: files.map((file_0) => /* @__PURE__ */ jsx(AssetCard, {
+				file: file_0,
+				selected: selectedIds.has(file_0.id),
+				onSelect: () => {
+					if (mode === "single") {
+						handleSelectSingle(file_0);
+						return;
+					}
+					toggleSelection(file_0.id);
+				},
+				onOpen: () => setLightboxFile(file_0)
+			}, file_0.id))
+		});
+		$[29] = files;
+		$[30] = handleSelectSingle;
+		$[31] = mode;
+		$[32] = selectedIds;
+		$[33] = t15;
+	} else t15 = $[33];
+	let t16;
+	if ($[34] !== t13 || $[35] !== t14 || $[36] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: "-mx-2 overflow-y-auto px-2",
+			children: [
+				t13,
+				t14,
+				t15
+			]
+		});
+		$[34] = t13;
+		$[35] = t14;
+		$[36] = t15;
+		$[37] = t16;
+	} else t16 = $[37];
+	let t17;
+	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(DialogClose, {
+			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+			children: "Cancel"
+		});
+		$[38] = t17;
+	} else t17 = $[38];
+	let t18;
+	if ($[39] !== handleConfirmMultiple || $[40] !== mode || $[41] !== selectedIds) {
+		t18 = mode === "multiple" && /* @__PURE__ */ jsxs(Button, {
+			variant: "default",
+			disabled: selectedIds.size === 0,
+			onClick: handleConfirmMultiple,
+			children: [
+				"Add selected (",
+				selectedIds.size,
+				")"
+			]
+		});
+		$[39] = handleConfirmMultiple;
+		$[40] = mode;
+		$[41] = selectedIds;
+		$[42] = t18;
+	} else t18 = $[42];
+	let t19;
+	if ($[43] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t17, t18] });
+		$[43] = t18;
+		$[44] = t19;
+	} else t19 = $[44];
+	let t20;
+	if ($[45] !== lightboxFile) {
+		t20 = lightboxFile && /* @__PURE__ */ jsx(AssetLightbox, {
+			open: !!lightboxFile,
+			onOpenChange: (open_0) => {
+				if (!open_0) setLightboxFile(null);
+			},
+			fileId: lightboxFile.id
+		});
+		$[45] = lightboxFile;
+		$[46] = t20;
+	} else t20 = $[46];
+	let t21;
+	if ($[47] !== t12 || $[48] !== t16 || $[49] !== t19 || $[50] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(DialogContent, {
+			className: "flex max-h-[90vh] flex-col sm:max-w-4xl",
+			children: [
+				t12,
+				t16,
+				t19,
+				t20
+			]
+		});
+		$[47] = t12;
+		$[48] = t16;
+		$[49] = t19;
+		$[50] = t20;
+		$[51] = t21;
+	} else t21 = $[51];
+	let t22;
+	if ($[52] !== onOpenChange || $[53] !== open || $[54] !== t21) {
+		t22 = /* @__PURE__ */ jsx(Dialog, {
+			open,
+			onOpenChange,
+			children: t21
+		});
+		$[52] = onOpenChange;
+		$[53] = open;
+		$[54] = t21;
+		$[55] = t22;
+	} else t22 = $[55];
+	return t22;
+};
+function _temp(f) {
+	return f.mimeType?.startsWith("image/");
+}
+function _temp2(_, i) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1.5 rounded-lg p-2",
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-4/3 w-full rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-3/4 rounded" })]
+	}, i);
+}
+
+//#endregion
+export { AssetPickerModal };

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

@@ -1,8 +1,8 @@
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { previewStore, selectionItemId } from "../previewStore.js";
 import { actionsStore } from "../../provider/actionsStore.js";
 import { blockMutations, repeatableItemMutations } from "../../../lib/queries.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { formatShortcut } from "../../../lib/utils.js";
+import { previewStore, selectionItemId } from "../previewStore.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
@@ -10,13 +10,13 @@ import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
-import { toast } from "@camox/ui/toaster";
 import { useMutation } from "@tanstack/react-query";
 import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { toast } from "@camox/ui/toaster";
 import { Copy, Pen, Settings, Trash2 } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
 import { Command, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@camox/ui/command";
 
 //#region src/features/preview/components/BlockActionsPopover.tsx
@@ -61,14 +61,14 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 		const blockIndex = pageBlocks.findIndex((b) => b.id === block_2.id);
 		const afterPosition = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 		previewStore.send({
-			type: "openAddBlockSheet",
+			type: "openAddBlockSidebar",
 			afterPosition,
 			via: "popover-above"
 		});
 	};
 	const handleAddBlockBelow = (block_3) => {
 		previewStore.send({
-			type: "openAddBlockSheet",
+			type: "openAddBlockSidebar",
 			afterPosition: block_3.position,
 			via: "popover-below"
 		});
@@ -151,7 +151,7 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 					isLayoutBlock && layoutPlacement === "before" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 						onSelect: () => {
 							previewStore.send({
-								type: "openAddBlockSheet",
+								type: "openAddBlockSidebar",
 								afterPosition: "",
 								via: "layout-popover-below"
 							});
@@ -166,7 +166,7 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 						onSelect: () => {
 							const lastPageBlock = pageBlocks[pageBlocks.length - 1];
 							previewStore.send({
-								type: "openAddBlockSheet",
+								type: "openAddBlockSidebar",
 								afterPosition: lastPageBlock?.position,
 								via: "layout-popover-above"
 							});
@@ -279,9 +279,9 @@ function isLayoutBlockId(page, blockId) {
 }
 function useBlockActionsShortcuts() {
 	const $ = c(20);
-	if ($[0] !== "040883a85a53eb481b8e8bc8c871b7bd284c1089502a38f1dfd9b09fbc6d8c28") {
+	if ($[0] !== "6f08ff9bc0fed3282acf0d89ae92abc621f32d53def6f8643005da200178547a") {
 		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "040883a85a53eb481b8e8bc8c871b7bd284c1089502a38f1dfd9b09fbc6d8c28";
+		$[0] = "6f08ff9bc0fed3282acf0d89ae92abc621f32d53def6f8643005da200178547a";
 	}
 	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();
@@ -327,8 +327,7 @@ function useBlockActionsShortcuts() {
 					},
 					checkIfAvailable: () => {
 						const ctx = previewStore.getSnapshot().context;
-						if (ctx.isContentLocked && ctx.previewSource === "draft") return false;
-						if (ctx.isPresentationMode) return false;
+						if (!ctx.isEditMode) return false;
 						const sel = ctx.selection;
 						if (!sel) return false;
 						if (isLayoutBlockId(page, sel.blockId)) return false;
@@ -370,8 +369,7 @@ function useBlockActionsShortcuts() {
 					},
 					checkIfAvailable: () => {
 						const ctx_0 = previewStore.getSnapshot().context;
-						if (ctx_0.isContentLocked && ctx_0.previewSource === "draft") return false;
-						if (ctx_0.isPresentationMode) return false;
+						if (!ctx_0.isEditMode) return false;
 						const sel_1 = ctx_0.selection;
 						if (!sel_1) return false;
 						if (isLayoutBlockId(page, sel_1.blockId)) return false;
@@ -400,8 +398,7 @@ function useBlockActionsShortcuts() {
 					},
 					checkIfAvailable: () => {
 						const ctx_1 = previewStore.getSnapshot().context;
-						if (ctx_1.isContentLocked && ctx_1.previewSource === "draft") return false;
-						if (ctx_1.isPresentationMode) return false;
+						if (!ctx_1.isEditMode) return false;
 						const sel_3 = ctx_1.selection;
 						if (!sel_3 || !page) return false;
 						if (isLayoutBlockId(page, sel_3.blockId)) return false;
@@ -432,8 +429,7 @@ function useBlockActionsShortcuts() {
 					},
 					checkIfAvailable: () => {
 						const ctx_2 = previewStore.getSnapshot().context;
-						if (ctx_2.isContentLocked && ctx_2.previewSource === "draft") return false;
-						if (ctx_2.isPresentationMode) return false;
+						if (!ctx_2.isEditMode) return false;
 						const sel_5 = ctx_2.selection;
 						if (!sel_5 || !page) return false;
 						if (isLayoutBlockId(page, sel_5.blockId)) return false;
@@ -468,7 +464,7 @@ function useBlockActionsShortcuts() {
 						const block_2 = pageBlocks.find((b_6) => b_6.id === sel_7.blockId);
 						if (!block_2) return;
 						previewStore.send({
-							type: "openAddBlockSheet",
+							type: "openAddBlockSidebar",
 							afterPosition: block_2.position,
 							via: "shortcut-below"
 						});
@@ -491,7 +487,7 @@ function useBlockActionsShortcuts() {
 						if (blockIndex === -1) return;
 						const afterPosition_1 = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 						previewStore.send({
-							type: "openAddBlockSheet",
+							type: "openAddBlockSidebar",
 							afterPosition: afterPosition_1,
 							via: "shortcut-above"
 						});
@@ -542,14 +538,12 @@ function _temp12(a) {
 }
 function _temp11() {
 	const ctx_4 = previewStore.getSnapshot().context;
-	if (ctx_4.isContentLocked && ctx_4.previewSource === "draft") return false;
-	if (ctx_4.isPresentationMode) return false;
+	if (!ctx_4.isEditMode) return false;
 	return ctx_4.selection !== null;
 }
 function _temp10() {
 	const ctx_3 = previewStore.getSnapshot().context;
-	if (ctx_3.isContentLocked && ctx_3.previewSource === "draft") return false;
-	if (ctx_3.isPresentationMode) return false;
+	if (!ctx_3.isEditMode) return false;
 	return ctx_3.selection !== null;
 }
 function _temp1() {

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

@@ -1,18 +1,18 @@
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { previewStore } from "../previewStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
+import { previewStore } from "../previewStore.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
 import { c } from "react/compiler-runtime";
 import { Label } from "@camox/ui/label";
-import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
 import { Spinner } from "@camox/ui/spinner";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@camox/ui/dialog";
@@ -27,9 +27,9 @@ const slugifyPathSegment = (nickname) => {
 };
 const CreatePageModal = () => {
 	const $ = c(56);
-	if ($[0] !== "b8df2a1092de301a9d615ec804796532e8227e0b41cafb81fc4194f1edb03074") {
+	if ($[0] !== "0bdc1cbbe76a506d23a387e0cb27a62f7a2ffc3ace0fcab2f383b3d3afedba17") {
 		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b8df2a1092de301a9d615ec804796532e8227e0b41cafb81fc4194f1edb03074";
+		$[0] = "0bdc1cbbe76a506d23a387e0cb27a62f7a2ffc3ace0fcab2f383b3d3afedba17";
 	}
 	const projectSlug = useProjectSlug();
 	const open = useSelector(previewStore, _temp);
@@ -130,7 +130,7 @@ const CreatePageModal = () => {
 				await new Promise(_temp2);
 				await navigate({ to: fullPath });
 				previewStore.send({
-					type: "openAgentChatSheet",
+					type: "openAgentChatSidebar",
 					pageScaffoldContext: {
 						nickname,
 						fullPath