camox 0.3.0 → 0.4.0

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

@@ -74,8 +74,8 @@ var PageContentSheet = () => {
 	const updateSettings = useMutation(blockMutations.updateSettings());
 	const updateRepeatableContent = useMutation(repeatableItemMutations.updateContent());
 	const isOpen = useSelector(previewStore, (state) => state.context.isPageContentSheetOpen);
-	const selection = useSelector(previewStore, (state) => state.context.selection);
-	const iframeElement = useSelector(previewStore, (state) => state.context.iframeElement);
+	const selection = useSelector(previewStore, (state_0) => state_0.context.selection);
+	const iframeElement = useSelector(previewStore, (state_1) => state_1.context.iframeElement);
 	const postToIframe = React.useCallback((message) => {
 		if (!iframeElement?.contentWindow) return;
 		iframeElement.contentWindow.postMessage(message, "*");
@@ -94,9 +94,9 @@ var PageContentSheet = () => {
 	const fileIds = React.useMemo(() => (blockBundle?.files ?? []).map((f) => f.id), [blockBundle?.files]);
 	const fileResults = useQueries({ queries: fileIds.map((id) => fileQueries.get(id)) });
 	const filesMap = React.useMemo(() => {
-		const map = new Map((blockBundle?.files ?? []).map((f) => [f.id, f]));
-		for (let i = 0; i < fileIds.length; i++) {
-			const data = fileResults[i]?.data;
+		const map = new Map((blockBundle?.files ?? []).map((f_0) => [f_0.id, f_0]));
+		for (let i_0 = 0; i_0 < fileIds.length; i_0++) {
+			const data = fileResults[i_0]?.data;
 			if (data) map.set(data.id, data);
 		}
 		return map;
@@ -147,9 +147,9 @@ var PageContentSheet = () => {
 			}
 			return value;
 		};
-		const resolved = {};
-		for (const [key, value] of Object.entries(rawCurrentData)) resolved[key] = resolveValue(value);
-		return resolved;
+		const resolved_0 = {};
+		for (const [key, value_0] of Object.entries(rawCurrentData)) resolved_0[key] = resolveValue(value_0);
+		return resolved_0;
 	}, [rawCurrentData, filesMap]);
 	const isViewingLink = fieldInfo?.fieldType === "Link";
 	const linkFieldName = isViewingLink ? fieldInfo.fieldName : null;
@@ -214,18 +214,18 @@ var PageContentSheet = () => {
 			id: action.id
 		});
 	}, [blockId, isOpen]);
-	const handleBlockFieldChange = React.useCallback((fieldName, value) => {
+	const handleBlockFieldChange = React.useCallback((fieldName, value_1) => {
 		if (!block) return;
 		updateContent.mutate({
 			id: block.id,
-			content: { [fieldName]: value }
+			content: { [fieldName]: value_1 }
 		});
 	}, [block, updateContent]);
-	const handleItemFieldChange = React.useCallback((fieldName, value) => {
+	const handleItemFieldChange = React.useCallback((fieldName_0, value_2) => {
 		if (!currentItemId) return;
 		updateRepeatableContent.mutate({
 			id: Number(currentItemId),
-			content: { [fieldName]: value }
+			content: { [fieldName_0]: value_2 }
 		});
 	}, [currentItemId, updateRepeatableContent]);
 	const activeFieldChangeHandler = currentItemId ? handleItemFieldChange : handleBlockFieldChange;
@@ -343,8 +343,8 @@ var PageContentSheet = () => {
 							href: "",
 							newTab: false
 						},
-						onSave: (fieldName, value) => {
-							activeFieldChangeHandler(fieldName, value);
+						onSave: (fieldName_1, value_3) => {
+							activeFieldChangeHandler(fieldName_1, value_3);
 						}
 					})
 				}),
@@ -367,14 +367,14 @@ var PageContentSheet = () => {
 						const label = field.label ?? formatFieldName(field.name);
 						const settingsValues = block.settings ?? {};
 						if (field.fieldType === "Enum") {
-							const value = settingsValues[field.name] ?? (blockDef.settingsSchema?.properties?.[field.name])?.default ?? "";
+							const value_4 = settingsValues[field.name] ?? (blockDef.settingsSchema?.properties?.[field.name])?.default ?? "";
 							return /* @__PURE__ */ jsxs("div", {
 								className: "space-y-2",
 								children: [/* @__PURE__ */ jsx(Label, {
 									htmlFor: `setting-${field.name}`,
 									children: label
 								}), /* @__PURE__ */ jsxs(Select, {
-									value,
+									value: value_4,
 									onValueChange: (newValue) => {
 										updateSettings.mutate({
 											id: block.id,
@@ -401,10 +401,10 @@ var PageContentSheet = () => {
 								}), /* @__PURE__ */ jsx(Switch, {
 									id: `setting-${field.name}`,
 									checked,
-									onCheckedChange: (newValue) => {
+									onCheckedChange: (newValue_0) => {
 										updateSettings.mutate({
 											id: block.id,
-											settings: { [field.name]: newValue }
+											settings: { [field.name]: newValue_0 }
 										});
 									}
 								})]

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

@@ -1,4 +1,5 @@
 import { formatPathSegment } from "../../../lib/utils.js";
+import { c } from "react/compiler-runtime";
 import { Input } from "@camox/ui/input";
 import { Label } from "@camox/ui/label";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -7,71 +8,236 @@ import * as ControlGroup from "@camox/ui/control-group";
 import { InputBase, InputBaseAdornment } from "@camox/ui/input-base";
 //#region src/features/preview/components/PageLocationFieldset.tsx
 var NO_PARENT_VALUE = "__no_parent__";
-var PageLocationFieldset = ({ parentPageId, onParentPageIdChange, pathSegment, onPathSegmentChange, disabled, pages, excludePageId }) => {
-	const getParentPath = () => {
-		if (!pages || !parentPageId) return "/";
-		const page = pages.find((p) => p.id === parentPageId);
-		return page ? page.fullPath + "/" : "/";
-	};
-	const nonRootPages = pages?.filter((page) => page.id !== excludePageId && page.fullPath !== "/");
-	const hasParentOptions = nonRootPages && nonRootPages.length > 0;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
-		children: [
-			/* @__PURE__ */ jsxs(Label, { children: ["Parent page ", /* @__PURE__ */ jsx("span", {
+var PageLocationFieldset = (t0) => {
+	const $ = c(60);
+	const { parentPageId, onParentPageIdChange, pathSegment, onPathSegmentChange, disabled, pages, excludePageId } = t0;
+	let t1;
+	if ($[0] !== pages || $[1] !== parentPageId) {
+		t1 = () => {
+			if (!pages || !parentPageId) return "/";
+			const page = pages.find((p) => p.id === parentPageId);
+			return page ? page.fullPath + "/" : "/";
+		};
+		$[0] = pages;
+		$[1] = parentPageId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const getParentPath = t1;
+	let T0;
+	let T1;
+	let t10;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[3] !== disabled || $[4] !== excludePageId || $[5] !== onParentPageIdChange || $[6] !== pages || $[7] !== parentPageId) {
+		const nonRootPages = pages?.filter((page_0) => page_0.id !== excludePageId && page_0.fullPath !== "/");
+		const hasParentOptions = nonRootPages && nonRootPages.length > 0;
+		t9 = "space-y-2";
+		if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+			t10 = /* @__PURE__ */ jsxs(Label, { children: ["Parent page ", /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground",
 				children: "(optional)"
-			})] }),
-			/* @__PURE__ */ jsxs(Select, {
-				value: parentPageId != null ? String(parentPageId) : "",
-				disabled: disabled || !hasParentOptions,
-				onValueChange: (value) => onParentPageIdChange(["", NO_PARENT_VALUE].includes(value) ? void 0 : Number(value)),
-				children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "No parent" }) }), /* @__PURE__ */ jsxs(SelectContent, { children: [
-					/* @__PURE__ */ jsx(SelectItem, {
-						value: NO_PARENT_VALUE,
-						children: "No parent"
-					}),
-					/* @__PURE__ */ jsx(SelectSeparator, {}),
-					nonRootPages?.map((page) => /* @__PURE__ */ jsx(SelectItem, {
-						value: String(page.id),
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col items-start",
-							children: [/* @__PURE__ */ jsx("span", { children: page.metaTitle ?? formatPathSegment(page.pathSegment) }), /* @__PURE__ */ jsx("span", {
-								className: "text-muted-foreground font-mono text-xs [[data-slot=select-value]_&]:hidden",
-								children: page.fullPath
-							})]
-						})
-					}, page.id))
-				] })]
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-xs",
-				children: "Select a parent page to nest this page under it."
-			})
-		]
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
-		children: [
-			/* @__PURE__ */ jsx(Label, {
-				htmlFor: "pathSegment",
-				children: "Page path"
-			}),
-			/* @__PURE__ */ jsxs(ControlGroup.ControlGroup, { children: [/* @__PURE__ */ jsx(ControlGroup.ControlGroupItem, {
-				className: "shrink-0",
-				children: /* @__PURE__ */ jsx(InputBase, { children: /* @__PURE__ */ jsx(InputBaseAdornment, { children: getParentPath() }) })
-			}), /* @__PURE__ */ jsx(ControlGroup.ControlGroupItem, { children: /* @__PURE__ */ jsx(Input, {
-				id: "pathSegment",
-				value: pathSegment,
-				disabled,
-				onChange: (e) => onPathSegmentChange(e.target.value),
-				placeholder: "e.g. pricing, about-us"
-			}) })] }),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-xs",
-				children: "Used to generate the page URL, along with the parent page."
-			})
-		]
-	})] });
+			})] });
+			$[19] = t10;
+		} else t10 = $[19];
+		T1 = Select;
+		t5 = parentPageId != null ? String(parentPageId) : "";
+		t6 = disabled || !hasParentOptions;
+		if ($[20] !== onParentPageIdChange) {
+			t7 = (value) => onParentPageIdChange(["", NO_PARENT_VALUE].includes(value) ? void 0 : Number(value));
+			$[20] = onParentPageIdChange;
+			$[21] = t7;
+		} else t7 = $[21];
+		if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+			t8 = /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "No parent" }) });
+			$[22] = t8;
+		} else t8 = $[22];
+		T0 = SelectContent;
+		if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(SelectItem, {
+				value: NO_PARENT_VALUE,
+				children: "No parent"
+			});
+			t3 = /* @__PURE__ */ jsx(SelectSeparator, {});
+			$[23] = t2;
+			$[24] = t3;
+		} else {
+			t2 = $[23];
+			t3 = $[24];
+		}
+		t4 = nonRootPages?.map(_temp);
+		$[3] = disabled;
+		$[4] = excludePageId;
+		$[5] = onParentPageIdChange;
+		$[6] = pages;
+		$[7] = parentPageId;
+		$[8] = T0;
+		$[9] = T1;
+		$[10] = t10;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+	} else {
+		T0 = $[8];
+		T1 = $[9];
+		t10 = $[10];
+		t2 = $[11];
+		t3 = $[12];
+		t4 = $[13];
+		t5 = $[14];
+		t6 = $[15];
+		t7 = $[16];
+		t8 = $[17];
+		t9 = $[18];
+	}
+	let t11;
+	if ($[25] !== T0 || $[26] !== t2 || $[27] !== t3 || $[28] !== t4) {
+		t11 = /* @__PURE__ */ jsxs(T0, { children: [
+			t2,
+			t3,
+			t4
+		] });
+		$[25] = T0;
+		$[26] = t2;
+		$[27] = t3;
+		$[28] = t4;
+		$[29] = t11;
+	} else t11 = $[29];
+	let t12;
+	if ($[30] !== T1 || $[31] !== t11 || $[32] !== t5 || $[33] !== t6 || $[34] !== t7 || $[35] !== t8) {
+		t12 = /* @__PURE__ */ jsxs(T1, {
+			value: t5,
+			disabled: t6,
+			onValueChange: t7,
+			children: [t8, t11]
+		});
+		$[30] = T1;
+		$[31] = t11;
+		$[32] = t5;
+		$[33] = t6;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t12;
+	} else t12 = $[36];
+	let t13;
+	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-xs",
+			children: "Select a parent page to nest this page under it."
+		});
+		$[37] = t13;
+	} else t13 = $[37];
+	let t14;
+	if ($[38] !== t10 || $[39] !== t12 || $[40] !== t9) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: t9,
+			children: [
+				t10,
+				t12,
+				t13
+			]
+		});
+		$[38] = t10;
+		$[39] = t12;
+		$[40] = t9;
+		$[41] = t14;
+	} else t14 = $[41];
+	let t15;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: "pathSegment",
+			children: "Page path"
+		});
+		$[42] = t15;
+	} else t15 = $[42];
+	const t16 = getParentPath();
+	let t17;
+	if ($[43] !== t16) {
+		t17 = /* @__PURE__ */ jsx(ControlGroup.ControlGroupItem, {
+			className: "shrink-0",
+			children: /* @__PURE__ */ jsx(InputBase, { children: /* @__PURE__ */ jsx(InputBaseAdornment, { children: t16 }) })
+		});
+		$[43] = t16;
+		$[44] = t17;
+	} else t17 = $[44];
+	let t18;
+	if ($[45] !== onPathSegmentChange) {
+		t18 = (e) => onPathSegmentChange(e.target.value);
+		$[45] = onPathSegmentChange;
+		$[46] = t18;
+	} else t18 = $[46];
+	let t19;
+	if ($[47] !== disabled || $[48] !== pathSegment || $[49] !== t18) {
+		t19 = /* @__PURE__ */ jsx(ControlGroup.ControlGroupItem, { children: /* @__PURE__ */ jsx(Input, {
+			id: "pathSegment",
+			value: pathSegment,
+			disabled,
+			onChange: t18,
+			placeholder: "e.g. pricing, about-us"
+		}) });
+		$[47] = disabled;
+		$[48] = pathSegment;
+		$[49] = t18;
+		$[50] = t19;
+	} else t19 = $[50];
+	let t20;
+	if ($[51] !== t17 || $[52] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(ControlGroup.ControlGroup, { children: [t17, t19] });
+		$[51] = t17;
+		$[52] = t19;
+		$[53] = t20;
+	} else t20 = $[53];
+	let t21;
+	if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-xs",
+			children: "Used to generate the page URL, along with the parent page."
+		});
+		$[54] = t21;
+	} else t21 = $[54];
+	let t22;
+	if ($[55] !== t20) {
+		t22 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				t15,
+				t20,
+				t21
+			]
+		});
+		$[55] = t20;
+		$[56] = t22;
+	} else t22 = $[56];
+	let t23;
+	if ($[57] !== t14 || $[58] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Fragment, { children: [t14, t22] });
+		$[57] = t14;
+		$[58] = t22;
+		$[59] = t23;
+	} else t23 = $[59];
+	return t23;
 };
+function _temp(page_1) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: String(page_1.id),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-start",
+			children: [/* @__PURE__ */ jsx("span", { children: page_1.metaTitle ?? formatPathSegment(page_1.pathSegment) }), /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground font-mono text-xs [[data-slot=select-value]_&]:hidden",
+				children: page_1.fullPath
+			})]
+		})
+	}, page_1.id);
+}
 //#endregion
 export { PageLocationFieldset };

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

@@ -47,7 +47,7 @@ var PagePicker = () => {
 		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3 flex-1" }), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
 	});
 	if (!pages) return skeleton;
-	const currentPage = pages.find((page) => page.fullPath === pathname);
+	const currentPage = pages.find((page_0) => page_0.fullPath === pathname);
 	if (!currentPage) return skeleton;
 	const peekedFullPath = peekedPagePathname ?? currentPage.fullPath;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Popover, {
@@ -73,14 +73,14 @@ var PagePicker = () => {
 			side: "bottom",
 			children: /* @__PURE__ */ jsxs(Command, {
 				value: peekedFullPath,
-				onValueChange: (value) => {
-					if (value === CREATE_PAGE_VALUE) {
+				onValueChange: (value_0) => {
+					if (value_0 === CREATE_PAGE_VALUE) {
 						previewStore.send({ type: "clearPeekedPage" });
 						return;
 					}
 					previewStore.send({
 						type: "setPeekedPage",
-						pathname: value
+						pathname: value_0
 					});
 				},
 				className: "flex flex-1 flex-col overflow-hidden",
@@ -91,23 +91,23 @@ var PagePicker = () => {
 					}),
 					/* @__PURE__ */ jsxs(CommandList, {
 						className: "flex-1 overflow-y-auto",
-						children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No page found." }), /* @__PURE__ */ jsx(CommandGroup, { children: pages.map((page) => /* @__PURE__ */ jsxs(CommandItem, {
-							value: page.fullPath,
+						children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No page found." }), /* @__PURE__ */ jsx(CommandGroup, { children: pages.map((page_1) => /* @__PURE__ */ jsxs(CommandItem, {
+							value: page_1.fullPath,
 							className: "group/item justify-between",
 							onSelect: () => {
-								navigate({ to: page.fullPath });
+								navigate({ to: page_1.fullPath });
 								setOpen(false);
 							},
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "flex min-w-0 flex-1 items-start gap-2",
-								children: [/* @__PURE__ */ jsx(Check, { className: cn("size-4 mt-0.5 shrink-0", currentPage.fullPath !== page.fullPath && "invisible") }), /* @__PURE__ */ jsxs("div", {
+								children: [/* @__PURE__ */ jsx(Check, { className: cn("size-4 mt-0.5 shrink-0", currentPage.fullPath !== page_1.fullPath && "invisible") }), /* @__PURE__ */ jsxs("div", {
 									className: "flex min-w-0 flex-col",
 									children: [/* @__PURE__ */ jsx("p", {
 										className: "truncate",
-										children: page.metaTitle ?? formatPathSegment(page.pathSegment)
+										children: page_1.metaTitle ?? formatPathSegment(page_1.pathSegment)
 									}), /* @__PURE__ */ jsx("p", {
 										className: "text-muted-foreground truncate font-mono text-xs",
-										children: page.fullPath
+										children: page_1.fullPath
 									})]
 								})]
 							}), /* @__PURE__ */ jsxs("div", {
@@ -119,40 +119,40 @@ var PagePicker = () => {
 										e.stopPropagation();
 										previewStore.send({
 											type: "openEditPageSheet",
-											pageId: page.id
+											pageId: page_1.id
 										});
 										setOpen(false);
 									},
-									onKeyDown: (e) => {
-										if (e.key === "Enter" || e.key === " ") {
-											e.preventDefault();
-											e.stopPropagation();
+									onKeyDown: (e_0) => {
+										if (e_0.key === "Enter" || e_0.key === " ") {
+											e_0.preventDefault();
+											e_0.stopPropagation();
 											previewStore.send({
 												type: "openEditPageSheet",
-												pageId: page.id
+												pageId: page_1.id
 											});
 											setOpen(false);
 										}
 									},
 									children: /* @__PURE__ */ jsx(Pencil, { className: "size-4" })
-								}), page.fullPath !== "/" && /* @__PURE__ */ jsx(Button, {
+								}), page_1.fullPath !== "/" && /* @__PURE__ */ jsx(Button, {
 									variant: "ghost",
 									size: "icon-sm",
-									onClick: (e) => {
-										e.stopPropagation();
-										setPageToDelete(page);
+									onClick: (e_1) => {
+										e_1.stopPropagation();
+										setPageToDelete(page_1);
 									},
-									onKeyDown: (e) => {
-										if (e.key === "Enter" || e.key === " ") {
-											e.preventDefault();
-											e.stopPropagation();
-											setPageToDelete(page);
+									onKeyDown: (e_2) => {
+										if (e_2.key === "Enter" || e_2.key === " ") {
+											e_2.preventDefault();
+											e_2.stopPropagation();
+											setPageToDelete(page_1);
 										}
 									},
 									children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
 								})]
 							})]
-						}, page.id)) })]
+						}, page_1.id)) })]
 					}),
 					/* @__PURE__ */ jsx(CommandSeparator, { className: "m-0" }),
 					/* @__PURE__ */ jsx(CommandGroup, {
@@ -171,7 +171,7 @@ var PagePicker = () => {
 		})]
 	}), /* @__PURE__ */ jsx(AlertDialog, {
 		open: !!pageToDelete,
-		onOpenChange: (open) => !open && setPageToDelete(null),
+		onOpenChange: (open_0) => !open_0 && setPageToDelete(null),
 		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete page" }), /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
 			"Are you sure you want to delete",
 			" ",