camox 0.3.0 → 0.3.1

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

@@ -1,36 +1,75 @@
+import { c } from "react/compiler-runtime";
 import { Input } from "@camox/ui/input";
 import { Label } from "@camox/ui/label";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Textarea } from "@camox/ui/textarea";
 //#region src/features/preview/components/DebouncedFieldEditor.tsx
-var DebouncedFieldEditor = ({ label, placeholder, initialValue, onSave, disabled, rows }) => {
+var DebouncedFieldEditor = (t0) => {
+	const $ = c(22);
+	const { label, placeholder, initialValue, onSave, disabled, rows } = t0;
 	const [value, setValue] = React.useState(initialValue);
 	const timerRef = React.useRef(null);
 	const inputId = React.useId();
-	React.useEffect(() => {
-		setValue(initialValue);
-	}, [initialValue]);
-	const handleChange = (newValue) => {
-		if (disabled) return;
-		if (rows) newValue = newValue.replace(/\n/g, " ");
-		setValue(newValue);
-		if (timerRef.current) clearTimeout(timerRef.current);
-		timerRef.current = window.setTimeout(() => {
-			onSave(newValue);
-		}, 500);
-	};
-	React.useEffect(() => {
-		return () => {
+	let t1;
+	let t2;
+	if ($[0] !== initialValue) {
+		t1 = () => {
+			setValue(initialValue);
+		};
+		t2 = [initialValue];
+		$[0] = initialValue;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	React.useEffect(t1, t2);
+	let t3;
+	if ($[3] !== disabled || $[4] !== onSave || $[5] !== rows) {
+		t3 = (newValue) => {
+			if (disabled) return;
+			if (rows) newValue = newValue.replace(/\n/g, " ");
+			setValue(newValue);
+			if (timerRef.current) clearTimeout(timerRef.current);
+			timerRef.current = window.setTimeout(() => {
+				onSave(newValue);
+			}, 500);
+		};
+		$[3] = disabled;
+		$[4] = onSave;
+		$[5] = rows;
+		$[6] = t3;
+	} else t3 = $[6];
+	const handleChange = t3;
+	let t4;
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => () => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 		};
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
-		children: [/* @__PURE__ */ jsx(Label, {
+		t5 = [];
+		$[7] = t4;
+		$[8] = t5;
+	} else {
+		t4 = $[7];
+		t5 = $[8];
+	}
+	React.useEffect(t4, t5);
+	let t6;
+	if ($[9] !== inputId || $[10] !== label) {
+		t6 = /* @__PURE__ */ jsx(Label, {
 			htmlFor: inputId,
 			children: label
-		}), rows ? /* @__PURE__ */ jsx(Textarea, {
+		});
+		$[9] = inputId;
+		$[10] = label;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== disabled || $[13] !== handleChange || $[14] !== inputId || $[15] !== placeholder || $[16] !== rows || $[17] !== value) {
+		t7 = rows ? /* @__PURE__ */ jsx(Textarea, {
 			id: inputId,
 			value,
 			onChange: (e) => handleChange(e.target.value),
@@ -41,11 +80,29 @@ var DebouncedFieldEditor = ({ label, placeholder, initialValue, onSave, disabled
 		}) : /* @__PURE__ */ jsx(Input, {
 			id: inputId,
 			value,
-			onChange: (e) => handleChange(e.target.value),
+			onChange: (e_0) => handleChange(e_0.target.value),
 			placeholder,
 			disabled
-		})]
-	});
+		});
+		$[12] = disabled;
+		$[13] = handleChange;
+		$[14] = inputId;
+		$[15] = placeholder;
+		$[16] = rows;
+		$[17] = value;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== t6 || $[20] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [t6, t7]
+		});
+		$[19] = t6;
+		$[20] = t7;
+		$[21] = t8;
+	} else t8 = $[21];
+	return t8;
 };
 //#endregion
 export { DebouncedFieldEditor };

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

@@ -7,6 +7,7 @@ import { trackClientEvent } from "../../../lib/analytics-client.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
 import { ShikiMarkdown } from "./ShikiMarkdown.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";
@@ -24,9 +25,16 @@ import { useForm } from "@tanstack/react-form";
 import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/EditPageSheet.tsx
 var EditPageSheet = () => {
-	const editingPageId = useSelector(previewStore, (state) => state.context.editingPageId);
+	const $ = c(2);
+	const editingPageId = useSelector(previewStore, _temp);
 	if (!editingPageId) return null;
-	return /* @__PURE__ */ jsx(EditPageSheetContent, { pageId: editingPageId });
+	let t0;
+	if ($[0] !== editingPageId) {
+		t0 = /* @__PURE__ */ jsx(EditPageSheetContent, { pageId: editingPageId });
+		$[0] = editingPageId;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
 var EditPageSheetContent = ({ pageId }) => {
 	const projectSlug = useProjectSlug();
@@ -159,7 +167,7 @@ var EditPageSheetContent = ({ pageId }) => {
 											className: "space-y-2",
 											children: [/* @__PURE__ */ jsx(Label, { children: "Layout" }), /* @__PURE__ */ jsxs(Select, {
 												value: field.state.value ? String(field.state.value) : "",
-												onValueChange: (value) => field.handleChange(Number(value)),
+												onValueChange: (value_0) => field.handleChange(Number(value_0)),
 												children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a layout" }) }), /* @__PURE__ */ jsx(SelectContent, { children: layouts.map((t) => /* @__PURE__ */ jsx(SelectItem, {
 													value: String(t.id),
 													children: camoxApp.getLayoutById(t.layoutId)?.title ?? t.layoutId
@@ -216,9 +224,9 @@ var EditPageSheetContent = ({ pageId }) => {
 									placeholder: "Page title...",
 									initialValue: page.metaTitle ?? "",
 									disabled: page.aiSeoEnabled !== false,
-									onSave: (value) => setMetaTitle.mutate({
+									onSave: (value_1) => setMetaTitle.mutate({
 										id: page.id,
-										metaTitle: value
+										metaTitle: value_1
 									})
 								}),
 								/* @__PURE__ */ jsx(DebouncedFieldEditor, {
@@ -227,9 +235,9 @@ var EditPageSheetContent = ({ pageId }) => {
 									initialValue: page.metaDescription ?? "",
 									disabled: page.aiSeoEnabled !== false,
 									rows: 2,
-									onSave: (value) => setMetaDescription.mutate({
+									onSave: (value_2) => setMetaDescription.mutate({
 										id: page.id,
-										metaDescription: value
+										metaDescription: value_2
 									})
 								}),
 								/* @__PURE__ */ jsx(SearchEnginePreview, {
@@ -270,95 +278,242 @@ function truncateText(text, maxLen) {
 	if (text.length <= maxLen) return text;
 	return text.slice(0, maxLen) + "...";
 }
-var SearchEnginePreview = ({ page, metaTitle, metaDescription }) => {
+var SearchEnginePreview = (t0) => {
+	const $ = c(16);
+	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-1 pt-2",
-		children: [/* @__PURE__ */ jsxs("div", {
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Label, { children: "Search engine preview" });
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ jsx(Label, { children: "Search engine preview" }), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			children: [t1, /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 				asChild: true,
 				children: /* @__PURE__ */ jsx(Info, { className: "text-muted-foreground size-3.5" })
 			}), /* @__PURE__ */ jsx(TooltipContent, { children: "Titles are cropped after 60 characters and descriptions after 155, like Google typically does." })] })]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "border-border space-y-0.5 rounded-lg border p-3",
-			children: [
-				/* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground truncate text-xs",
-					children: url
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-base font-medium text-blue-600 dark:text-blue-400",
-					children: truncateText(metaTitle || "Untitled", 60)
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground line-clamp-2 text-xs",
-					children: truncateText(metaDescription || "No description", 155)
-				})
-			]
-		})]
-	});
+		});
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== url) {
+		t3 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground truncate text-xs",
+			children: url
+		});
+		$[2] = url;
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = metaTitle || "Untitled";
+	let t5;
+	if ($[4] !== t4) {
+		t5 = truncateText(t4, 60);
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== t5) {
+		t6 = /* @__PURE__ */ jsx("p", {
+			className: "text-base font-medium text-blue-600 dark:text-blue-400",
+			children: t5
+		});
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
+	const t7 = metaDescription || "No description";
+	let t8;
+	if ($[8] !== t7) {
+		t8 = truncateText(t7, 155);
+		$[8] = t7;
+		$[9] = t8;
+	} else t8 = $[9];
+	let t9;
+	if ($[10] !== t8) {
+		t9 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground line-clamp-2 text-xs",
+			children: t8
+		});
+		$[10] = t8;
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] !== t3 || $[13] !== t6 || $[14] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-1 pt-2",
+			children: [t2, /* @__PURE__ */ jsxs("div", {
+				className: "border-border space-y-0.5 rounded-lg border p-3",
+				children: [
+					t3,
+					t6,
+					t9
+				]
+			})]
+		});
+		$[12] = t3;
+		$[13] = t6;
+		$[14] = t9;
+		$[15] = t10;
+	} else t10 = $[15];
+	return t10;
 };
-var SocialPreviewSection = ({ page, metaTitle, metaDescription, layoutId, projectName }) => {
+var SocialPreviewSection = (t0) => {
+	const $ = c(22);
+	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
-	const ogImage = `/og?${new URLSearchParams({
-		...layoutId && { layoutId },
-		title: pageMetaTitle,
-		...page.metaDescription && { description: page.metaDescription },
-		...projectName && { projectName }
-	}).toString()}`;
+	let t1;
+	if ($[0] !== layoutId || $[1] !== page.metaDescription || $[2] !== pageMetaTitle || $[3] !== projectName) {
+		t1 = new URLSearchParams({
+			...layoutId && { layoutId },
+			title: pageMetaTitle,
+			...page.metaDescription && { description: page.metaDescription },
+			...projectName && { projectName }
+		}).toString();
+		$[0] = layoutId;
+		$[1] = page.metaDescription;
+		$[2] = pageMetaTitle;
+		$[3] = projectName;
+		$[4] = t1;
+	} else t1 = $[4];
+	const ogImage = `/og?${t1}`;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2 pt-2",
-		children: [/* @__PURE__ */ jsx(Label, { children: "Social preview" }), /* @__PURE__ */ jsxs("div", {
-			className: "border-border bg-background overflow-hidden rounded-lg border",
-			children: [ogImage ? /* @__PURE__ */ jsx("img", {
-				src: ogImage,
-				alt: "",
-				className: "w-full object-cover",
-				style: { aspectRatio: "1200 / 630" }
-			}) : /* @__PURE__ */ jsx("div", {
-				className: "bg-muted w-full",
-				style: { aspectRatio: "1200 / 630" }
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "space-y-1.5 border-t px-3 py-2.5",
-				children: [
-					/* @__PURE__ */ jsx("p", {
-						className: "text-foreground truncate text-sm font-semibold",
-						children: metaTitle || "Untitled"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground line-clamp-2 text-xs",
-						children: metaDescription || "No description"
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "pt-1.5",
-						children: /* @__PURE__ */ jsxs("p", {
-							className: "text-muted-foreground flex items-center gap-1 text-xs",
-							children: [/* @__PURE__ */ jsx(Globe, { className: "size-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
-								className: "truncate",
-								children: url
-							})]
-						})
-					})
-				]
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Label, { children: "Social preview" });
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== ogImage) {
+		t3 = ogImage ? /* @__PURE__ */ jsx("img", {
+			src: ogImage,
+			alt: "",
+			className: "w-full object-cover",
+			style: { aspectRatio: "1200 / 630" }
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "bg-muted w-full",
+			style: { aspectRatio: "1200 / 630" }
+		});
+		$[6] = ogImage;
+		$[7] = t3;
+	} else t3 = $[7];
+	const t4 = metaTitle || "Untitled";
+	let t5;
+	if ($[8] !== t4) {
+		t5 = /* @__PURE__ */ jsx("p", {
+			className: "text-foreground truncate text-sm font-semibold",
+			children: t4
+		});
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	const t6 = metaDescription || "No description";
+	let t7;
+	if ($[10] !== t6) {
+		t7 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground line-clamp-2 text-xs",
+			children: t6
+		});
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(Globe, { className: "size-3 shrink-0" });
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== url) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: "pt-1.5",
+			children: /* @__PURE__ */ jsxs("p", {
+				className: "text-muted-foreground flex items-center gap-1 text-xs",
+				children: [t8, /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: url
+				})]
+			})
+		});
+		$[13] = url;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== t5 || $[16] !== t7 || $[17] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-1.5 border-t px-3 py-2.5",
+			children: [
+				t5,
+				t7,
+				t9
+			]
+		});
+		$[15] = t5;
+		$[16] = t7;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== t10 || $[20] !== t3) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2 pt-2",
+			children: [t2, /* @__PURE__ */ jsxs("div", {
+				className: "border-border bg-background overflow-hidden rounded-lg border",
+				children: [t3, t10]
 			})]
-		})]
-	});
+		});
+		$[19] = t10;
+		$[20] = t3;
+		$[21] = t11;
+	} else t11 = $[21];
+	return t11;
 };
-var PageMarkdownPreview = ({ pageId, metaTitle, metaDescription }) => {
-	const { data: markdown } = useQuery(blockQueries.getPageMarkdown(pageId));
-	if (markdown === void 0) return /* @__PURE__ */ jsxs("div", {
-		className: "text-muted-foreground flex items-center gap-2 py-2 text-sm",
-		children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), "Loading..."]
-	});
-	const frontmatterLines = [
-		"---",
-		`title: "${metaTitle}"`,
-		`description: "${metaDescription}"`
-	];
-	frontmatterLines.push("---");
-	return /* @__PURE__ */ jsx(ShikiMarkdown, { code: frontmatterLines.join("\n") + "\n\n" + (markdown ?? "") });
+var PageMarkdownPreview = (t0) => {
+	const $ = c(8);
+	const { pageId, metaTitle, metaDescription } = t0;
+	let t1;
+	if ($[0] !== pageId) {
+		t1 = blockQueries.getPageMarkdown(pageId);
+		$[0] = pageId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { data: markdown } = useQuery(t1);
+	if (markdown === void 0) {
+		let t2;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground flex items-center gap-2 py-2 text-sm",
+				children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), "Loading..."]
+			});
+			$[2] = t2;
+		} else t2 = $[2];
+		return t2;
+	}
+	const t2 = `title: "${metaTitle}"`;
+	const t3 = `description: "${metaDescription}"`;
+	let frontmatterLines;
+	if ($[3] !== t2 || $[4] !== t3) {
+		frontmatterLines = [
+			"---",
+			t2,
+			t3
+		];
+		frontmatterLines.push("---");
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = frontmatterLines;
+	} else frontmatterLines = $[5];
+	const fullMarkdown = frontmatterLines.join("\n") + "\n\n" + (markdown ?? "");
+	let t4;
+	if ($[6] !== fullMarkdown) {
+		t4 = /* @__PURE__ */ jsx(ShikiMarkdown, { code: fullMarkdown });
+		$[6] = fullMarkdown;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
 };
+function _temp(state) {
+	return state.context.editingPageId;
+}
 //#endregion
 export { EditPageSheet };