camox 0.3.0 → 0.4.0

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

@@ -1,6 +1,7 @@
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn, formatPathSegment } from "../../../lib/utils.js";
+import { c } from "react/compiler-runtime";
 import { Input } from "@camox/ui/input";
 import { Label } from "@camox/ui/label";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
@@ -21,176 +22,373 @@ var normalizeLinkValue = (value) => {
 	};
 	return value;
 };
-var LinkFieldEditor = ({ fieldName, linkValue: rawLinkValue, onSave }) => {
-	const linkValue = normalizeLinkValue(rawLinkValue);
+var LinkFieldEditor = (t0) => {
+	const $ = c(70);
+	const { fieldName, linkValue: rawLinkValue, onSave } = t0;
+	let t1;
+	if ($[0] !== rawLinkValue) {
+		t1 = normalizeLinkValue(rawLinkValue);
+		$[0] = rawLinkValue;
+		$[1] = t1;
+	} else t1 = $[1];
+	const linkValue = t1;
 	const timerRef = React.useRef(null);
 	const [text, setText] = React.useState(linkValue.text);
 	const [href, setHref] = React.useState(linkValue.type === "external" ? linkValue.href : "");
 	const linkValueRef = React.useRef(linkValue);
 	const [pagePickerOpen, setPagePickerOpen] = React.useState(false);
 	const projectSlug = useProjectSlug();
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-	const { data: pages } = useQuery({
-		...pageQueries.list(project?.id ?? 0),
-		enabled: !!project
-	});
+	let t2;
+	if ($[2] !== projectSlug) {
+		t2 = projectQueries.getBySlug(projectSlug);
+		$[2] = projectSlug;
+		$[3] = t2;
+	} else t2 = $[3];
+	const { data: project } = useQuery(t2);
+	let t3;
+	if ($[4] !== project?.id) {
+		t3 = pageQueries.list(project?.id ?? 0);
+		$[4] = project?.id;
+		$[5] = t3;
+	} else t3 = $[5];
+	const t4 = !!project;
+	let t5;
+	if ($[6] !== t3 || $[7] !== t4) {
+		t5 = {
+			...t3,
+			enabled: t4
+		};
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	const { data: pages } = useQuery(t5);
 	const selectedPage = linkValue.type === "page" ? pages?.find((p) => String(p.id) === linkValue.pageId) : null;
-	React.useEffect(() => {
-		linkValueRef.current = linkValue;
-	}, [linkValue]);
-	React.useEffect(() => {
-		setText(linkValue.text);
-	}, [linkValue.text]);
-	React.useEffect(() => {
-		if (linkValue.type === "external") setHref(linkValue.href);
-	}, [linkValue]);
-	React.useEffect(() => {
-		return () => {
+	let t6;
+	let t7;
+	if ($[9] !== linkValue) {
+		t6 = () => {
+			linkValueRef.current = linkValue;
+		};
+		t7 = [linkValue];
+		$[9] = linkValue;
+		$[10] = t6;
+		$[11] = t7;
+	} else {
+		t6 = $[10];
+		t7 = $[11];
+	}
+	React.useEffect(t6, t7);
+	let t8;
+	let t9;
+	if ($[12] !== linkValue.text) {
+		t8 = () => {
+			setText(linkValue.text);
+		};
+		t9 = [linkValue.text];
+		$[12] = linkValue.text;
+		$[13] = t8;
+		$[14] = t9;
+	} else {
+		t8 = $[13];
+		t9 = $[14];
+	}
+	React.useEffect(t8, t9);
+	let t10;
+	if ($[15] !== linkValue.href || $[16] !== linkValue.type) {
+		t10 = () => {
+			if (linkValue.type === "external") setHref(linkValue.href);
+		};
+		$[15] = linkValue.href;
+		$[16] = linkValue.type;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== linkValue) {
+		t11 = [linkValue];
+		$[18] = linkValue;
+		$[19] = t11;
+	} else t11 = $[19];
+	React.useEffect(t10, t11);
+	let t12;
+	let t13;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = () => () => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 		};
-	}, []);
-	const handleTextChange = (value) => {
-		if (timerRef.current) clearTimeout(timerRef.current);
-		timerRef.current = window.setTimeout(() => {
-			onSave(fieldName, {
-				...linkValueRef.current,
-				text: value
+		t13 = [];
+		$[20] = t12;
+		$[21] = t13;
+	} else {
+		t12 = $[20];
+		t13 = $[21];
+	}
+	React.useEffect(t12, t13);
+	let t14;
+	if ($[22] !== fieldName || $[23] !== onSave) {
+		t14 = (value) => {
+			if (timerRef.current) clearTimeout(timerRef.current);
+			timerRef.current = window.setTimeout(() => {
+				onSave(fieldName, {
+					...linkValueRef.current,
+					text: value
+				});
+			}, 500);
+		};
+		$[22] = fieldName;
+		$[23] = onSave;
+		$[24] = t14;
+	} else t14 = $[24];
+	const handleTextChange = t14;
+	let t15;
+	if ($[25] !== fieldName || $[26] !== onSave) {
+		t15 = (value_0) => {
+			if (timerRef.current) clearTimeout(timerRef.current);
+			timerRef.current = window.setTimeout(() => {
+				onSave(fieldName, {
+					...linkValueRef.current,
+					href: value_0
+				});
+			}, 500);
+		};
+		$[25] = fieldName;
+		$[26] = onSave;
+		$[27] = t15;
+	} else t15 = $[27];
+	const handleHrefChange = t15;
+	let t16;
+	if ($[28] !== fieldName || $[29] !== onSave) {
+		t16 = (mode) => {
+			if (mode === "page") onSave(fieldName, {
+				type: "page",
+				text: linkValueRef.current.text,
+				pageId: "",
+				newTab: linkValueRef.current.newTab
 			});
-		}, 500);
-	};
-	const handleHrefChange = (value) => {
-		if (timerRef.current) clearTimeout(timerRef.current);
-		timerRef.current = window.setTimeout(() => {
+			else onSave(fieldName, {
+				type: "external",
+				text: linkValueRef.current.text,
+				href: "",
+				newTab: linkValueRef.current.newTab
+			});
+		};
+		$[28] = fieldName;
+		$[29] = onSave;
+		$[30] = t16;
+	} else t16 = $[30];
+	const handleModeChange = t16;
+	let t17;
+	if ($[31] !== fieldName || $[32] !== onSave) {
+		t17 = (pageId) => {
 			onSave(fieldName, {
-				...linkValueRef.current,
-				href: value
+				type: "page",
+				text: linkValueRef.current.text,
+				pageId,
+				newTab: linkValueRef.current.newTab
 			});
-		}, 500);
-	};
-	const handleModeChange = (mode) => {
-		if (mode === "page") onSave(fieldName, {
-			type: "page",
-			text: linkValueRef.current.text,
-			pageId: "",
-			newTab: linkValueRef.current.newTab
+			setPagePickerOpen(false);
+		};
+		$[31] = fieldName;
+		$[32] = onSave;
+		$[33] = t17;
+	} else t17 = $[33];
+	const handlePageSelect = t17;
+	const t18 = "grid gap-3";
+	const t19 = `${fieldName}-text`;
+	let t20;
+	if ($[34] !== t19) {
+		t20 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: t19,
+			children: "Text"
 		});
-		else onSave(fieldName, {
-			type: "external",
-			text: linkValueRef.current.text,
-			href: "",
-			newTab: linkValueRef.current.newTab
+		$[34] = t19;
+		$[35] = t20;
+	} else t20 = $[35];
+	const t21 = `${fieldName}-text`;
+	let t22;
+	if ($[36] !== handleTextChange) {
+		t22 = (e) => {
+			setText(e.target.value);
+			handleTextChange(e.target.value);
+		};
+		$[36] = handleTextChange;
+		$[37] = t22;
+	} else t22 = $[37];
+	let t23;
+	if ($[38] !== t21 || $[39] !== t22 || $[40] !== text) {
+		t23 = /* @__PURE__ */ jsx(Input, {
+			id: t21,
+			value: text,
+			onChange: t22,
+			autoFocus: true
 		});
-	};
-	const handlePageSelect = (pageId) => {
-		onSave(fieldName, {
-			type: "page",
-			text: linkValueRef.current.text,
-			pageId,
-			newTab: linkValueRef.current.newTab
+		$[38] = t21;
+		$[39] = t22;
+		$[40] = text;
+		$[41] = t23;
+	} else t23 = $[41];
+	let t24;
+	if ($[42] !== t20 || $[43] !== t23) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-1.5",
+			children: [t20, t23]
 		});
-		setPagePickerOpen(false);
-	};
-	return /* @__PURE__ */ jsxs("form", {
-		className: "grid gap-3",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ jsx(Label, {
-					htmlFor: `${fieldName}-text`,
-					children: "Text"
-				}), /* @__PURE__ */ jsx(Input, {
-					id: `${fieldName}-text`,
-					value: text,
-					onChange: (e) => {
-						setText(e.target.value);
-						handleTextChange(e.target.value);
-					},
-					autoFocus: true
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "grid gap-1.5",
-				children: [
-					/* @__PURE__ */ jsx(Label, { children: "Destination" }),
-					/* @__PURE__ */ jsx(Tabs, {
-						value: linkValue.type,
-						onValueChange: handleModeChange,
-						children: /* @__PURE__ */ jsxs(TabsList, {
-							className: "w-full",
-							children: [/* @__PURE__ */ jsx(TabsTrigger, {
-								value: "page",
-								children: "Page"
-							}), /* @__PURE__ */ jsx(TabsTrigger, {
-								value: "external",
-								children: "URL"
-							})]
-						})
-					}),
-					linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
-						open: pagePickerOpen,
-						onOpenChange: setPagePickerOpen,
-						children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-							asChild: true,
-							children: /* @__PURE__ */ jsxs(Button, {
-								variant: "outline",
-								role: "combobox",
-								className: "justify-between font-normal",
-								children: [selectedPage ? /* @__PURE__ */ jsx("span", {
-									className: "truncate",
-									children: selectedPage.metaTitle ?? formatPathSegment(selectedPage.pathSegment)
-								}) : /* @__PURE__ */ jsx("span", {
-									className: "text-muted-foreground",
-									children: "Select a page"
-								}), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
-							})
-						}), /* @__PURE__ */ jsx(PopoverContent, {
-							align: "start",
-							className: "p-0",
-							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", {
-									className: "flex flex-col",
-									children: [/* @__PURE__ */ jsx("span", { children: page.metaTitle ?? formatPathSegment(page.pathSegment) }), /* @__PURE__ */ jsx("span", {
-										className: "text-muted-foreground font-mono text-xs",
-										children: page.fullPath
-									})]
-								})]
-							}, page.id)) })] })] })
-						})]
-					}) : /* @__PURE__ */ jsx(Input, {
-						type: "url",
-						id: `${fieldName}-href`,
-						placeholder: "https://",
-						value: href,
-						onChange: (e) => {
-							setHref(e.target.value);
-							handleHrefChange(e.target.value);
-						}
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Switch, {
-					id: `${fieldName}-newtab`,
-					checked: linkValue.newTab,
-					onCheckedChange: (checked) => {
-						onSave(fieldName, {
-							...linkValueRef.current,
-							newTab: checked
-						});
-					}
-				}), /* @__PURE__ */ jsx(Label, {
-					htmlFor: `${fieldName}-newtab`,
-					children: "Open in new tab"
-				})]
+		$[42] = t20;
+		$[43] = t23;
+		$[44] = t24;
+	} else t24 = $[44];
+	const t25 = "grid gap-1.5";
+	let t26;
+	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+		t26 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
+		$[45] = t26;
+	} else t26 = $[45];
+	let t27;
+	if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = /* @__PURE__ */ jsxs(TabsList, {
+			className: "w-full",
+			children: [/* @__PURE__ */ jsx(TabsTrigger, {
+				value: "page",
+				children: "Page"
+			}), /* @__PURE__ */ jsx(TabsTrigger, {
+				value: "external",
+				children: "URL"
+			})]
+		});
+		$[46] = t27;
+	} else t27 = $[46];
+	let t28;
+	if ($[47] !== handleModeChange || $[48] !== linkValue.type) {
+		t28 = /* @__PURE__ */ jsx(Tabs, {
+			value: linkValue.type,
+			onValueChange: handleModeChange,
+			children: t27
+		});
+		$[47] = handleModeChange;
+		$[48] = linkValue.type;
+		$[49] = t28;
+	} else t28 = $[49];
+	const t29 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
+		open: pagePickerOpen,
+		onOpenChange: setPagePickerOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				role: "combobox",
+				className: "justify-between font-normal",
+				children: [selectedPage ? /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: selectedPage.metaTitle ?? formatPathSegment(selectedPage.pathSegment)
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "Select a page"
+				}), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
 			})
-		]
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			align: "start",
+			className: "p-0",
+			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", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ jsx("span", { children: page.metaTitle ?? formatPathSegment(page.pathSegment) }), /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground font-mono text-xs",
+						children: page.fullPath
+					})]
+				})]
+			}, page.id)) })] })] })
+		})]
+	}) : /* @__PURE__ */ jsx(Input, {
+		type: "url",
+		id: `${fieldName}-href`,
+		placeholder: "https://",
+		value: href,
+		onChange: (e_0) => {
+			setHref(e_0.target.value);
+			handleHrefChange(e_0.target.value);
+		}
 	});
+	let t30;
+	if ($[50] !== t26 || $[51] !== t28 || $[52] !== t29) {
+		t30 = /* @__PURE__ */ jsxs("div", {
+			className: t25,
+			children: [
+				t26,
+				t28,
+				t29
+			]
+		});
+		$[50] = t26;
+		$[51] = t28;
+		$[52] = t29;
+		$[53] = t30;
+	} else t30 = $[53];
+	const t31 = `${fieldName}-newtab`;
+	let t32;
+	if ($[54] !== fieldName || $[55] !== onSave) {
+		t32 = (checked) => {
+			onSave(fieldName, {
+				...linkValueRef.current,
+				newTab: checked
+			});
+		};
+		$[54] = fieldName;
+		$[55] = onSave;
+		$[56] = t32;
+	} else t32 = $[56];
+	let t33;
+	if ($[57] !== linkValue.newTab || $[58] !== t31 || $[59] !== t32) {
+		t33 = /* @__PURE__ */ jsx(Switch, {
+			id: t31,
+			checked: linkValue.newTab,
+			onCheckedChange: t32
+		});
+		$[57] = linkValue.newTab;
+		$[58] = t31;
+		$[59] = t32;
+		$[60] = t33;
+	} else t33 = $[60];
+	const t34 = `${fieldName}-newtab`;
+	let t35;
+	if ($[61] !== t34) {
+		t35 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: t34,
+			children: "Open in new tab"
+		});
+		$[61] = t34;
+		$[62] = t35;
+	} else t35 = $[62];
+	let t36;
+	if ($[63] !== t33 || $[64] !== t35) {
+		t36 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t33, t35]
+		});
+		$[63] = t33;
+		$[64] = t35;
+		$[65] = t36;
+	} else t36 = $[65];
+	let t37;
+	if ($[66] !== t24 || $[67] !== t30 || $[68] !== t36) {
+		t37 = /* @__PURE__ */ jsxs("form", {
+			className: t18,
+			children: [
+				t24,
+				t30,
+				t36
+			]
+		});
+		$[66] = t24;
+		$[67] = t30;
+		$[68] = t36;
+		$[69] = t37;
+	} else t37 = $[69];
+	return t37;
 };
 //#endregion
 export { LinkFieldEditor };