camox 0.41.1 → 0.43.0

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

@@ -1,9 +1,8 @@
-import { useProjectSlug } from "../../../lib/auth.js";
-import { pageQueries, projectQueries } from "../../../lib/queries.js";
+import { destinationLink } from "../../../core/pageDestinations.js";
+import { usePageDestinations } from "../../../hooks/use-page-destinations.js";
 import { cn } from "../../../lib/utils.js";
 import { useDebouncedField } from "../../../hooks/use-debounced-field.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";
@@ -25,10 +24,10 @@ const normalizeLinkValue = (value) => {
 	return value;
 };
 const LinkFieldEditor = (t0) => {
-	const $ = c(74);
-	if ($[0] !== "cdb2f56fb4805e0de235a068b1342c61e1eade64737868f8170208f1ecf497ab") {
-		for (let $i = 0; $i < 74; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cdb2f56fb4805e0de235a068b1342c61e1eade64737868f8170208f1ecf497ab";
+	const $ = c(79);
+	if ($[0] !== "fa951ffac0af924efc85f3680fba5d6de5bbeeb1ca6368b908d33859f8f5ce0e") {
+		for (let $i = 0; $i < 79; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "fa951ffac0af924efc85f3680fba5d6de5bbeeb1ca6368b908d33859f8f5ce0e";
 	}
 	const { fieldName, linkValue: rawLinkValue, onSave } = t0;
 	let t1;
@@ -77,45 +76,33 @@ const LinkFieldEditor = (t0) => {
 	} else t5 = $[11];
 	const hrefField = useDebouncedField(linkValue.type === "external" ? linkValue.href : "", t5);
 	const [pagePickerOpen, setPagePickerOpen] = React.useState(false);
-	const projectSlug = useProjectSlug();
+	const pages = usePageDestinations();
 	let t6;
-	if ($[12] !== projectSlug) {
-		t6 = projectQueries.getBySlug(projectSlug);
-		$[12] = projectSlug;
-		$[13] = t6;
-	} else t6 = $[13];
-	const { data: project } = useQuery(t6);
+	if ($[12] !== linkValue.href || $[13] !== linkValue.pageId || $[14] !== linkValue.type || $[15] !== pages) {
+		let t7;
+		if ($[17] !== linkValue.href || $[18] !== linkValue.pageId || $[19] !== linkValue.type) {
+			t7 = (page) => {
+				if (linkValue.type === "page") return page.kind === "curated" && String(page.pageId) === linkValue.pageId;
+				return page.kind === "singleton" && page.fullPath === linkValue.href;
+			};
+			$[17] = linkValue.href;
+			$[18] = linkValue.pageId;
+			$[19] = linkValue.type;
+			$[20] = t7;
+		} else t7 = $[20];
+		t6 = pages.find(t7);
+		$[12] = linkValue.href;
+		$[13] = linkValue.pageId;
+		$[14] = linkValue.type;
+		$[15] = pages;
+		$[16] = t6;
+	} else t6 = $[16];
+	const selectedPage = t6;
+	const mode = linkValue.type === "page" || selectedPage ? "page" : "external";
 	let t7;
-	if ($[14] !== project?.id) {
-		t7 = pageQueries.list(project?.id ?? 0);
-		$[14] = project?.id;
-		$[15] = t7;
-	} else t7 = $[15];
-	const t8 = !!project;
-	let t9;
-	if ($[16] !== t7 || $[17] !== t8) {
-		t9 = {
-			...t7,
-			enabled: t8
-		};
-		$[16] = t7;
-		$[17] = t8;
-		$[18] = t9;
-	} else t9 = $[18];
-	const { data: pages } = useQuery(t9);
-	let t10;
-	if ($[19] !== linkValue.pageId || $[20] !== linkValue.type || $[21] !== pages) {
-		t10 = linkValue.type === "page" ? pages?.find((p) => String(p.id) === linkValue.pageId) : null;
-		$[19] = linkValue.pageId;
-		$[20] = linkValue.type;
-		$[21] = pages;
-		$[22] = t10;
-	} else t10 = $[22];
-	const selectedPage = t10;
-	let t11;
-	if ($[23] !== fieldName || $[24] !== onSave) {
-		t11 = (mode) => {
-			if (mode === "page") onSave(fieldName, {
+	if ($[21] !== fieldName || $[22] !== onSave) {
+		t7 = (mode_0) => {
+			if (mode_0 === "page") onSave(fieldName, {
 				type: "page",
 				text: linkValueRef.current.text,
 				pageId: "",
@@ -128,103 +115,101 @@ const LinkFieldEditor = (t0) => {
 				newTab: linkValueRef.current.newTab
 			});
 		};
-		$[23] = fieldName;
-		$[24] = onSave;
-		$[25] = t11;
-	} else t11 = $[25];
-	const handleModeChange = t11;
+		$[21] = fieldName;
+		$[22] = onSave;
+		$[23] = t7;
+	} else t7 = $[23];
+	const handleModeChange = t7;
+	let t10;
+	let t11;
 	let t12;
-	if ($[26] !== fieldName || $[27] !== onSave) {
-		t12 = (pageId) => {
+	let t13;
+	let t8;
+	let t9;
+	if ($[24] !== fieldName || $[25] !== handleModeChange || $[26] !== hrefField || $[27] !== mode || $[28] !== onSave || $[29] !== pagePickerOpen || $[30] !== pages || $[31] !== selectedPage || $[32] !== textField) {
+		const handlePageSelect = (key) => {
+			const destination = pages.find((page_0) => page_0.key === key);
+			if (!destination) return;
 			onSave(fieldName, {
-				type: "page",
+				...destinationLink(destination),
 				text: linkValueRef.current.text,
-				pageId,
 				newTab: linkValueRef.current.newTab
 			});
 			setPagePickerOpen(false);
 		};
-		$[26] = fieldName;
-		$[27] = onSave;
-		$[28] = t12;
-	} else t12 = $[28];
-	const handlePageSelect = t12;
-	const t13 = `${fieldName}-text`;
-	let t14;
-	if ($[29] !== t13) {
-		t14 = /* @__PURE__ */ jsx(Label, {
-			htmlFor: t13,
-			children: "Text"
-		});
-		$[29] = t13;
-		$[30] = t14;
-	} else t14 = $[30];
-	const t15 = `${fieldName}-text`;
-	let t16;
-	if ($[31] !== textField) {
-		t16 = (e) => textField.setValue(e.target.value);
-		$[31] = textField;
-		$[32] = t16;
-	} else t16 = $[32];
-	let t17;
-	if ($[33] !== t15 || $[34] !== t16 || $[35] !== textField.onBlur || $[36] !== textField.onFocus || $[37] !== textField.value) {
-		t17 = /* @__PURE__ */ jsx(Input, {
-			id: t15,
-			value: textField.value,
-			onChange: t16,
-			onFocus: textField.onFocus,
-			onBlur: textField.onBlur
-		});
-		$[33] = t15;
-		$[34] = t16;
-		$[35] = textField.onBlur;
-		$[36] = textField.onFocus;
-		$[37] = textField.value;
-		$[38] = t17;
-	} else t17 = $[38];
-	let t18;
-	if ($[39] !== t14 || $[40] !== t17) {
-		t18 = /* @__PURE__ */ jsxs("div", {
-			className: "grid gap-1.5",
-			children: [t14, t17]
-		});
-		$[39] = t14;
-		$[40] = t17;
-		$[41] = t18;
-	} else t18 = $[41];
-	let t19;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
-		$[42] = t19;
-	} else t19 = $[42];
-	let t20;
-	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
-		t20 = /* @__PURE__ */ jsxs(TabsList, {
-			className: "w-full",
-			children: [/* @__PURE__ */ jsx(TabsTrigger, {
-				value: "page",
-				children: "Page"
-			}), /* @__PURE__ */ jsx(TabsTrigger, {
-				value: "external",
-				children: "URL"
-			})]
-		});
-		$[43] = t20;
-	} else t20 = $[43];
-	let t21;
-	if ($[44] !== handleModeChange || $[45] !== linkValue.type) {
-		t21 = /* @__PURE__ */ jsx(Tabs, {
-			value: linkValue.type,
-			onValueChange: handleModeChange,
-			children: t20
-		});
-		$[44] = handleModeChange;
-		$[45] = linkValue.type;
-		$[46] = t21;
-	} else t21 = $[46];
-	let t22;
-	if ($[47] !== fieldName || $[48] !== handlePageSelect || $[49] !== hrefField || $[50] !== linkValue.type || $[51] !== pagePickerOpen || $[52] !== pages || $[53] !== selectedPage) {
-		t22 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
+		t12 = "grid gap-3";
+		const t14 = `${fieldName}-text`;
+		let t15;
+		if ($[39] !== t14) {
+			t15 = /* @__PURE__ */ jsx(Label, {
+				htmlFor: t14,
+				children: "Text"
+			});
+			$[39] = t14;
+			$[40] = t15;
+		} else t15 = $[40];
+		const t16 = `${fieldName}-text`;
+		let t17;
+		if ($[41] !== textField) {
+			t17 = (e) => textField.setValue(e.target.value);
+			$[41] = textField;
+			$[42] = t17;
+		} else t17 = $[42];
+		let t18;
+		if ($[43] !== t16 || $[44] !== t17 || $[45] !== textField.onBlur || $[46] !== textField.onFocus || $[47] !== textField.value) {
+			t18 = /* @__PURE__ */ jsx(Input, {
+				id: t16,
+				value: textField.value,
+				onChange: t17,
+				onFocus: textField.onFocus,
+				onBlur: textField.onBlur
+			});
+			$[43] = t16;
+			$[44] = t17;
+			$[45] = textField.onBlur;
+			$[46] = textField.onFocus;
+			$[47] = textField.value;
+			$[48] = t18;
+		} else t18 = $[48];
+		if ($[49] !== t15 || $[50] !== t18) {
+			t13 = /* @__PURE__ */ jsxs("div", {
+				className: "grid gap-1.5",
+				children: [t15, t18]
+			});
+			$[49] = t15;
+			$[50] = t18;
+			$[51] = t13;
+		} else t13 = $[51];
+		t8 = "grid gap-1.5";
+		if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
+			t9 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
+			$[52] = t9;
+		} else t9 = $[52];
+		let t19;
+		if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+			t19 = /* @__PURE__ */ jsxs(TabsList, {
+				className: "w-full",
+				children: [/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "page",
+					children: "Page"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
+					value: "external",
+					children: "URL"
+				})]
+			});
+			$[53] = t19;
+		} else t19 = $[53];
+		if ($[54] !== handleModeChange || $[55] !== mode) {
+			t10 = /* @__PURE__ */ jsx(Tabs, {
+				value: mode,
+				onValueChange: handleModeChange,
+				children: t19
+			});
+			$[54] = handleModeChange;
+			$[55] = mode;
+			$[56] = t10;
+		} else t10 = $[56];
+		t11 = mode === "page" ? /* @__PURE__ */ jsxs(Popover, {
 			open: pagePickerOpen,
 			onOpenChange: setPagePickerOpen,
 			children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
@@ -235,7 +220,7 @@ const LinkFieldEditor = (t0) => {
 				}),
 				children: [selectedPage ? /* @__PURE__ */ jsx("span", {
 					className: "truncate",
-					children: selectedPage.nickname
+					children: selectedPage.title
 				}) : /* @__PURE__ */ jsx("span", {
 					className: "text-muted-foreground",
 					children: "Select a page"
@@ -246,17 +231,18 @@ const LinkFieldEditor = (t0) => {
 				children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, {
 					placeholder: "Search page...",
 					className: "h-9"
-				}), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No page found." }), /* @__PURE__ */ jsx(CommandGroup, { children: pages?.map((page) => /* @__PURE__ */ jsxs(CommandItem, {
-					value: page.fullPath,
-					onSelect: () => handlePageSelect(String(page.id)),
-					children: [/* @__PURE__ */ jsx(Check, { className: cn("mr-2 size-4", selectedPage?.id === page.id ? "opacity-100" : "opacity-0") }), /* @__PURE__ */ jsxs("div", {
+				}), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No page found." }), /* @__PURE__ */ jsx(CommandGroup, { children: pages?.map((page_1) => /* @__PURE__ */ jsxs(CommandItem, {
+					value: page_1.fullPath,
+					keywords: [page_1.title],
+					onSelect: () => handlePageSelect(page_1.key),
+					children: [/* @__PURE__ */ jsx(Check, { className: cn("mr-2 size-4", selectedPage?.key === page_1.key ? "opacity-100" : "opacity-0") }), /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col",
-						children: [/* @__PURE__ */ jsx("span", { children: page.nickname }), /* @__PURE__ */ jsx("span", {
+						children: [/* @__PURE__ */ jsx("span", { children: page_1.title }), /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground font-mono text-xs",
-							children: page.fullPath
+							children: page_1.fullPath
 						})]
 					})]
-				}, page.id)) })] })] })
+				}, page_1.key)) })] })] })
 			})]
 		}) : /* @__PURE__ */ jsx(Input, {
 			type: "url",
@@ -267,90 +253,107 @@ const LinkFieldEditor = (t0) => {
 			onFocus: hrefField.onFocus,
 			onBlur: hrefField.onBlur
 		});
-		$[47] = fieldName;
-		$[48] = handlePageSelect;
-		$[49] = hrefField;
-		$[50] = linkValue.type;
-		$[51] = pagePickerOpen;
-		$[52] = pages;
-		$[53] = selectedPage;
-		$[54] = t22;
-	} else t22 = $[54];
-	let t23;
-	if ($[55] !== t21 || $[56] !== t22) {
-		t23 = /* @__PURE__ */ jsxs("div", {
-			className: "grid gap-1.5",
+		$[24] = fieldName;
+		$[25] = handleModeChange;
+		$[26] = hrefField;
+		$[27] = mode;
+		$[28] = onSave;
+		$[29] = pagePickerOpen;
+		$[30] = pages;
+		$[31] = selectedPage;
+		$[32] = textField;
+		$[33] = t10;
+		$[34] = t11;
+		$[35] = t12;
+		$[36] = t13;
+		$[37] = t8;
+		$[38] = t9;
+	} else {
+		t10 = $[33];
+		t11 = $[34];
+		t12 = $[35];
+		t13 = $[36];
+		t8 = $[37];
+		t9 = $[38];
+	}
+	let t14;
+	if ($[57] !== t10 || $[58] !== t11 || $[59] !== t8 || $[60] !== t9) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: t8,
 			children: [
-				t19,
-				t21,
-				t22
+				t9,
+				t10,
+				t11
 			]
 		});
-		$[55] = t21;
-		$[56] = t22;
-		$[57] = t23;
-	} else t23 = $[57];
-	const t24 = `${fieldName}-newtab`;
-	let t25;
-	if ($[58] !== fieldName || $[59] !== onSave) {
-		t25 = (checked) => {
+		$[57] = t10;
+		$[58] = t11;
+		$[59] = t8;
+		$[60] = t9;
+		$[61] = t14;
+	} else t14 = $[61];
+	const t15 = `${fieldName}-newtab`;
+	let t16;
+	if ($[62] !== fieldName || $[63] !== onSave) {
+		t16 = (checked) => {
 			onSave(fieldName, {
 				...linkValueRef.current,
 				newTab: checked
 			});
 		};
-		$[58] = fieldName;
-		$[59] = onSave;
-		$[60] = t25;
-	} else t25 = $[60];
-	let t26;
-	if ($[61] !== linkValue.newTab || $[62] !== t24 || $[63] !== t25) {
-		t26 = /* @__PURE__ */ jsx(Switch, {
-			id: t24,
+		$[62] = fieldName;
+		$[63] = onSave;
+		$[64] = t16;
+	} else t16 = $[64];
+	let t17;
+	if ($[65] !== linkValue.newTab || $[66] !== t15 || $[67] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Switch, {
+			id: t15,
 			checked: linkValue.newTab,
-			onCheckedChange: t25
+			onCheckedChange: t16
 		});
-		$[61] = linkValue.newTab;
-		$[62] = t24;
-		$[63] = t25;
-		$[64] = t26;
-	} else t26 = $[64];
-	const t27 = `${fieldName}-newtab`;
-	let t28;
-	if ($[65] !== t27) {
-		t28 = /* @__PURE__ */ jsx(Label, {
-			htmlFor: t27,
+		$[65] = linkValue.newTab;
+		$[66] = t15;
+		$[67] = t16;
+		$[68] = t17;
+	} else t17 = $[68];
+	const t18 = `${fieldName}-newtab`;
+	let t19;
+	if ($[69] !== t18) {
+		t19 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: t18,
 			children: "Open in new tab"
 		});
-		$[65] = t27;
-		$[66] = t28;
-	} else t28 = $[66];
-	let t29;
-	if ($[67] !== t26 || $[68] !== t28) {
-		t29 = /* @__PURE__ */ jsxs("div", {
+		$[69] = t18;
+		$[70] = t19;
+	} else t19 = $[70];
+	let t20;
+	if ($[71] !== t17 || $[72] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [t26, t28]
+			children: [t17, t19]
 		});
-		$[67] = t26;
-		$[68] = t28;
-		$[69] = t29;
-	} else t29 = $[69];
-	let t30;
-	if ($[70] !== t18 || $[71] !== t23 || $[72] !== t29) {
-		t30 = /* @__PURE__ */ jsxs("form", {
-			className: "grid gap-3",
+		$[71] = t17;
+		$[72] = t19;
+		$[73] = t20;
+	} else t20 = $[73];
+	let t21;
+	if ($[74] !== t12 || $[75] !== t13 || $[76] !== t14 || $[77] !== t20) {
+		t21 = /* @__PURE__ */ jsxs("form", {
+			className: t12,
 			children: [
-				t18,
-				t23,
-				t29
+				t13,
+				t14,
+				t20
 			]
 		});
-		$[70] = t18;
-		$[71] = t23;
-		$[72] = t29;
-		$[73] = t30;
-	} else t30 = $[73];
-	return t30;
+		$[74] = t12;
+		$[75] = t13;
+		$[76] = t14;
+		$[77] = t20;
+		$[78] = t21;
+	} else t21 = $[78];
+	return t21;
 };
 
 //#endregion

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

@@ -11,20 +11,19 @@ import { useSelector } from "@xstate/store-react";
 * Listening for focus commands from parent (for sidebar-triggered focus)
 */
 const OverlayTracker = () => {
-	const $ = c(9);
-	if ($[0] !== "e0ea417a1efc597e2017b6de423987462b3c414f4a8241a5bd4f2de04d2dd29e") {
-		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "e0ea417a1efc597e2017b6de423987462b3c414f4a8241a5bd4f2de04d2dd29e";
+	const $ = c(8);
+	if ($[0] !== "ebfece21400ea0599bf93e9f81b5244a330a6049bfb4c02fcc51a02e95e8e214") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ebfece21400ea0599bf93e9f81b5244a330a6049bfb4c02fcc51a02e95e8e214";
 	}
 	const { window: iframeWindow } = useFrame();
-	const isPageEditorSidebarOpen = useSelector(previewStore, _temp);
-	const isAddBlockSidebarOpen = useSelector(previewStore, _temp2);
+	const isAddBlockSidebarOpen = useSelector(previewStore, _temp);
 	let t0;
 	let t1;
 	if ($[1] !== iframeWindow || $[2] !== isAddBlockSidebarOpen) {
 		t0 = () => {
 			if (!iframeWindow || !isAddBlockSidebarOpen) return;
-			const handleClick = _temp3;
+			const handleClick = _temp2;
 			iframeWindow.document.addEventListener("click", handleClick);
 			return () => iframeWindow.document.removeEventListener("click", handleClick);
 		};
@@ -40,14 +39,13 @@ const OverlayTracker = () => {
 	React.useEffect(t0, t1);
 	let t2;
 	let t3;
-	if ($[5] !== iframeWindow || $[6] !== isPageEditorSidebarOpen) {
+	if ($[5] !== iframeWindow) {
 		t2 = () => {
 			if (!iframeWindow) return;
 			const handleMessage = (event) => {
 				if (!isOverlayMessage(event.data)) return;
 				const { type } = event.data;
 				if (type === "CAMOX_FOCUS_FIELD") {
-					if (isPageEditorSidebarOpen) return;
 					const { fieldId } = event.data;
 					const element = iframeWindow.document.querySelector(`[data-camox-field-id="${fieldId}"]`);
 					if (element) element.focus();
@@ -56,25 +54,21 @@ const OverlayTracker = () => {
 			iframeWindow.addEventListener("message", handleMessage);
 			return () => iframeWindow.removeEventListener("message", handleMessage);
 		};
-		t3 = [iframeWindow, isPageEditorSidebarOpen];
+		t3 = [iframeWindow];
 		$[5] = iframeWindow;
-		$[6] = isPageEditorSidebarOpen;
-		$[7] = t2;
-		$[8] = t3;
+		$[6] = t2;
+		$[7] = t3;
 	} else {
-		t2 = $[7];
-		t3 = $[8];
+		t2 = $[6];
+		t3 = $[7];
 	}
 	React.useEffect(t2, t3);
 	return null;
 };
 function _temp(state) {
-	return state.context.isPageEditorSidebarOpen;
+	return state.context.isAddBlockSidebarOpen;
 }
-function _temp2(state_0) {
-	return state_0.context.isAddBlockSidebarOpen;
-}
-function _temp3() {
+function _temp2() {
 	previewStore.send({ type: "exitPeekedBlock" });
 }