camox 0.44.0 → 0.46.0

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

@@ -0,0 +1,51 @@
+import { cn } from "../../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@camox/ui/skeleton";
+
+//#region src/features/preview/components/PageInfoSkeleton.tsx
+/** Stands in for the page info while it loads, in its collapsed layout, so nothing shifts. */
+const PageInfoSkeleton = (t0) => {
+	const $ = c(6);
+	const { scrollable: t1 } = t0;
+	const t2 = (t1 === void 0 ? false : t1) && "flex-1 overflow-auto";
+	let t3;
+	if ($[0] !== t2) {
+		t3 = cn("space-y-4 p-2 pt-4", t2);
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = ["SEO", "GEO"].map(_temp);
+		$[2] = t4;
+	} else t4 = $[2];
+	let t5;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-4 rounded-[4px]" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-32" })]
+		});
+		$[3] = t5;
+	} else t5 = $[3];
+	let t6;
+	if ($[4] !== t3) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			"aria-hidden": true,
+			className: t3,
+			children: [t4, t5]
+		});
+		$[4] = t3;
+		$[5] = t6;
+	} else t6 = $[5];
+	return t6;
+};
+function _temp(key) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-10" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" })]
+	}, key);
+}
+
+//#endregion
+export { PageInfoSkeleton };

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

@@ -7,23 +7,19 @@ import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "@c
 //#region src/features/preview/components/PageLocationFieldset.tsx
 const NO_PARENT_VALUE = "__no_parent__";
 const PageLocationFieldset = (t0) => {
-	const $ = c(62);
-	if ($[0] !== "02f031bb7bf6362841b0de76209d1faf3d13d10e565f795a27672b32d20e2ce2") {
-		for (let $i = 0; $i < 62; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "02f031bb7bf6362841b0de76209d1faf3d13d10e565f795a27672b32d20e2ce2";
-	}
+	const $ = c(61);
 	const { parentPageId, onParentPageIdChange, pathSegment, onPathSegmentChange, disabled, pages, excludePageId, autoFocusPathSegment } = t0;
 	let t1;
-	if ($[1] !== pages || $[2] !== parentPageId) {
+	if ($[0] !== pages || $[1] !== parentPageId) {
 		t1 = () => {
 			if (!pages || !parentPageId) return "/";
 			const page = pages.find((p) => p.id === parentPageId);
 			return page ? page.fullPath + "/" : "/";
 		};
-		$[1] = pages;
-		$[2] = parentPageId;
-		$[3] = t1;
-	} else t1 = $[3];
+		$[0] = pages;
+		$[1] = parentPageId;
+		$[2] = t1;
+	} else t1 = $[2];
 	const getParentPath = t1;
 	let T0;
 	let T1;
@@ -36,111 +32,111 @@ const PageLocationFieldset = (t0) => {
 	let t7;
 	let t8;
 	let t9;
-	if ($[4] !== disabled || $[5] !== excludePageId || $[6] !== onParentPageIdChange || $[7] !== pages || $[8] !== parentPageId) {
+	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 ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
 			t10 = /* @__PURE__ */ jsxs(Label, { children: ["Parent page ", /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground",
 				children: "(optional)"
 			})] });
-			$[20] = t10;
-		} else t10 = $[20];
+			$[19] = t10;
+		} else t10 = $[19];
 		T1 = Select;
-		t5 = parentPageId != null ? String(parentPageId) : "";
+		t5 = parentPageId ?? "";
 		t6 = disabled || !hasParentOptions;
-		if ($[21] !== onParentPageIdChange) {
-			t7 = (value) => onParentPageIdChange(!value || ["", NO_PARENT_VALUE].includes(value) ? void 0 : Number(value));
-			$[21] = onParentPageIdChange;
-			$[22] = t7;
-		} else t7 = $[22];
-		if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		if ($[20] !== onParentPageIdChange) {
+			t7 = (value) => onParentPageIdChange(!value || ["", NO_PARENT_VALUE].includes(value) ? void 0 : 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" }) });
-			$[23] = t8;
-		} else t8 = $[23];
+			$[22] = t8;
+		} else t8 = $[22];
 		T0 = SelectContent;
-		if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
 			t2 = /* @__PURE__ */ jsx(SelectItem, {
 				value: NO_PARENT_VALUE,
 				children: "No parent"
 			});
 			t3 = /* @__PURE__ */ jsx(SelectSeparator, {});
-			$[24] = t2;
-			$[25] = t3;
+			$[23] = t2;
+			$[24] = t3;
 		} else {
-			t2 = $[24];
-			t3 = $[25];
+			t2 = $[23];
+			t3 = $[24];
 		}
 		t4 = nonRootPages?.map(_temp);
-		$[4] = disabled;
-		$[5] = excludePageId;
-		$[6] = onParentPageIdChange;
-		$[7] = pages;
-		$[8] = parentPageId;
-		$[9] = T0;
-		$[10] = T1;
-		$[11] = t10;
-		$[12] = t2;
-		$[13] = t3;
-		$[14] = t4;
-		$[15] = t5;
-		$[16] = t6;
-		$[17] = t7;
-		$[18] = t8;
-		$[19] = t9;
+		$[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 = $[9];
-		T1 = $[10];
-		t10 = $[11];
-		t2 = $[12];
-		t3 = $[13];
-		t4 = $[14];
-		t5 = $[15];
-		t6 = $[16];
-		t7 = $[17];
-		t8 = $[18];
-		t9 = $[19];
+		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 ($[26] !== T0 || $[27] !== t2 || $[28] !== t3 || $[29] !== t4) {
+	if ($[25] !== T0 || $[26] !== t2 || $[27] !== t3 || $[28] !== t4) {
 		t11 = /* @__PURE__ */ jsxs(T0, { children: [
 			t2,
 			t3,
 			t4
 		] });
-		$[26] = T0;
-		$[27] = t2;
-		$[28] = t3;
-		$[29] = t4;
-		$[30] = t11;
-	} else t11 = $[30];
+		$[25] = T0;
+		$[26] = t2;
+		$[27] = t3;
+		$[28] = t4;
+		$[29] = t11;
+	} else t11 = $[29];
 	let t12;
-	if ($[31] !== T1 || $[32] !== t11 || $[33] !== t5 || $[34] !== t6 || $[35] !== t7 || $[36] !== t8) {
+	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]
 		});
-		$[31] = T1;
-		$[32] = t11;
-		$[33] = t5;
-		$[34] = t6;
-		$[35] = t7;
-		$[36] = t8;
-		$[37] = t12;
-	} else t12 = $[37];
+		$[30] = T1;
+		$[31] = t11;
+		$[32] = t5;
+		$[33] = t6;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t12;
+	} else t12 = $[36];
 	let t13;
-	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+	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."
 		});
-		$[38] = t13;
-	} else t13 = $[38];
+		$[37] = t13;
+	} else t13 = $[37];
 	let t14;
-	if ($[39] !== t10 || $[40] !== t12 || $[41] !== t9) {
+	if ($[38] !== t10 || $[39] !== t12 || $[40] !== t9) {
 		t14 = /* @__PURE__ */ jsxs("div", {
 			className: t9,
 			children: [
@@ -149,37 +145,37 @@ const PageLocationFieldset = (t0) => {
 				t13
 			]
 		});
-		$[39] = t10;
-		$[40] = t12;
-		$[41] = t9;
-		$[42] = t14;
-	} else t14 = $[42];
+		$[38] = t10;
+		$[39] = t12;
+		$[40] = t9;
+		$[41] = t14;
+	} else t14 = $[41];
 	let t15;
-	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
 		t15 = /* @__PURE__ */ jsx(Label, {
 			htmlFor: "pathSegment",
 			children: "Page path"
 		});
-		$[43] = t15;
-	} else t15 = $[43];
+		$[42] = t15;
+	} else t15 = $[42];
 	const t16 = getParentPath();
 	let t17;
-	if ($[44] !== t16) {
+	if ($[43] !== t16) {
 		t17 = /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(InputGroupText, {
 			className: "px-2",
 			children: t16
 		}) });
-		$[44] = t16;
-		$[45] = t17;
-	} else t17 = $[45];
+		$[43] = t16;
+		$[44] = t17;
+	} else t17 = $[44];
 	let t18;
-	if ($[46] !== onPathSegmentChange) {
+	if ($[45] !== onPathSegmentChange) {
 		t18 = (e) => onPathSegmentChange(e.target.value);
-		$[46] = onPathSegmentChange;
-		$[47] = t18;
-	} else t18 = $[47];
+		$[45] = onPathSegmentChange;
+		$[46] = t18;
+	} else t18 = $[46];
 	let t19;
-	if ($[48] !== autoFocusPathSegment || $[49] !== disabled || $[50] !== pathSegment || $[51] !== t18) {
+	if ($[47] !== autoFocusPathSegment || $[48] !== disabled || $[49] !== pathSegment || $[50] !== t18) {
 		t19 = /* @__PURE__ */ jsx(InputGroupInput, {
 			id: "pathSegment",
 			value: pathSegment,
@@ -188,29 +184,29 @@ const PageLocationFieldset = (t0) => {
 			placeholder: "e.g. pricing, about-us",
 			autoFocus: autoFocusPathSegment
 		});
-		$[48] = autoFocusPathSegment;
-		$[49] = disabled;
-		$[50] = pathSegment;
-		$[51] = t18;
-		$[52] = t19;
-	} else t19 = $[52];
+		$[47] = autoFocusPathSegment;
+		$[48] = disabled;
+		$[49] = pathSegment;
+		$[50] = t18;
+		$[51] = t19;
+	} else t19 = $[51];
 	let t20;
-	if ($[53] !== t17 || $[54] !== t19) {
+	if ($[52] !== t17 || $[53] !== t19) {
 		t20 = /* @__PURE__ */ jsxs(InputGroup, { children: [t17, t19] });
-		$[53] = t17;
-		$[54] = t19;
-		$[55] = t20;
-	} else t20 = $[55];
+		$[52] = t17;
+		$[53] = t19;
+		$[54] = t20;
+	} else t20 = $[54];
 	let t21;
-	if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[55] === 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."
 		});
-		$[56] = t21;
-	} else t21 = $[56];
+		$[55] = t21;
+	} else t21 = $[55];
 	let t22;
-	if ($[57] !== t20) {
+	if ($[56] !== t20) {
 		t22 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
 			children: [
@@ -219,21 +215,21 @@ const PageLocationFieldset = (t0) => {
 				t21
 			]
 		});
-		$[57] = t20;
-		$[58] = t22;
-	} else t22 = $[58];
+		$[56] = t20;
+		$[57] = t22;
+	} else t22 = $[57];
 	let t23;
-	if ($[59] !== t14 || $[60] !== t22) {
+	if ($[58] !== t14 || $[59] !== t22) {
 		t23 = /* @__PURE__ */ jsxs(Fragment, { children: [t14, t22] });
-		$[59] = t14;
-		$[60] = t22;
-		$[61] = t23;
-	} else t23 = $[61];
+		$[58] = t14;
+		$[59] = t22;
+		$[60] = t23;
+	} else t23 = $[60];
 	return t23;
 };
 function _temp(page_1) {
 	return /* @__PURE__ */ jsx(SelectItem, {
-		value: String(page_1.id),
+		value: page_1.id,
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col items-start",
 			children: [/* @__PURE__ */ jsx("span", { children: page_1.nickname }), /* @__PURE__ */ jsx("span", {

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

@@ -0,0 +1,24 @@
+import { PagePicker } from "./PagePicker.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { PanelHeader } from "@camox/ui/panel";
+
+//#region src/features/preview/components/PageNavigatorHeader.tsx
+const PageNavigatorHeader = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(PanelHeader, {
+			className: "flex flex-col gap-2 p-2",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex w-full",
+				children: /* @__PURE__ */ jsx(PagePicker, {})
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+
+//#endregion
+export { PageNavigatorHeader };

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

@@ -1,33 +1,29 @@
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Label } from "@camox/ui/label";
 import { Input } from "@camox/ui/input";
+import { Label } from "@camox/ui/label";
 
 //#region src/features/preview/components/PageNicknameField.tsx
 const PAGE_NICKNAME_MAX_LENGTH = 80;
 const PageNicknameField = (t0) => {
-	const $ = c(11);
-	if ($[0] !== "199b379d5753e5ca5f4aa7a7b627d5ac352937333c4a50c0960318d6a6420295") {
-		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "199b379d5753e5ca5f4aa7a7b627d5ac352937333c4a50c0960318d6a6420295";
-	}
+	const $ = c(10);
 	const { value, onChange, autoFocus } = t0;
 	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsx(Label, {
 			htmlFor: "pageNickname",
 			children: "Nickname"
 		});
-		$[1] = t1;
-	} else t1 = $[1];
+		$[0] = t1;
+	} else t1 = $[0];
 	let t2;
-	if ($[2] !== onChange) {
+	if ($[1] !== onChange) {
 		t2 = (e) => onChange(e.target.value);
-		$[2] = onChange;
-		$[3] = t2;
-	} else t2 = $[3];
+		$[1] = onChange;
+		$[2] = t2;
+	} else t2 = $[2];
 	let t3;
-	if ($[4] !== autoFocus || $[5] !== t2 || $[6] !== value) {
+	if ($[3] !== autoFocus || $[4] !== t2 || $[5] !== value) {
 		t3 = /* @__PURE__ */ jsx(Input, {
 			id: "pageNickname",
 			value,
@@ -36,21 +32,21 @@ const PageNicknameField = (t0) => {
 			maxLength: 80,
 			autoFocus
 		});
-		$[4] = autoFocus;
-		$[5] = t2;
-		$[6] = value;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[3] = autoFocus;
+		$[4] = t2;
+		$[5] = value;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground text-xs",
 			children: "A short internal name used in Camox Studio. Does not affect SEO."
 		});
-		$[8] = t4;
-	} else t4 = $[8];
+		$[7] = t4;
+	} else t4 = $[7];
 	let t5;
-	if ($[9] !== t3) {
+	if ($[8] !== t3) {
 		t5 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
 			children: [
@@ -59,9 +55,9 @@ const PageNicknameField = (t0) => {
 				t4
 			]
 		});
-		$[9] = t3;
-		$[10] = t5;
-	} else t5 = $[10];
+		$[8] = t3;
+		$[9] = t5;
+	} else t5 = $[9];
 	return t5;
 };