camox 0.42.0 → 0.44.0

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

@@ -1,8 +1,8 @@
 import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { areCommentsEnabled } from "../commentsEnabled.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
@@ -33,9 +33,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/PageInfoSidebar.tsx
 const usePageMetadataData = (pageId) => {
 	const $ = c(32);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const projectSlug = useProjectSlug();
 	const camoxApp = useCamoxApp();
@@ -91,7 +91,7 @@ const usePageMetadataData = (pageId) => {
 	const { data: allLayouts } = useQuery(t7);
 	let t8;
 	if ($[15] !== allLayouts || $[16] !== camoxApp) {
-		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind !== "derived");
+		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind === "curated");
 		$[15] = allLayouts;
 		$[16] = camoxApp;
 		$[17] = t8;
@@ -142,9 +142,9 @@ const usePageMetadataData = (pageId) => {
 };
 const PageInfoSidebar = (t0) => {
 	const $ = c(69);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 69; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId, scrollable: t1, aboutOnly: t2 } = t0;
 	const scrollable = t1 === void 0 ? true : t1;
@@ -436,9 +436,9 @@ const PageInfoSidebar = (t0) => {
 };
 const PageNicknameSidebarEditor = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -534,9 +534,9 @@ const PageNicknameSidebarEditor = (t0) => {
 };
 const PageLayoutSidebarSelect = (t0) => {
 	const $ = c(29);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { data } = t0;
 	const { page, layouts, camoxApp } = data;
@@ -654,9 +654,9 @@ const PageLayoutSidebarSelect = (t0) => {
 };
 const PageStructureModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -821,9 +821,9 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 };
 const PageSeoModal = (t0) => {
 	const $ = c(8);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	let t1;
@@ -856,9 +856,9 @@ const PageSeoModal = (t0) => {
 };
 const PageSeoContent = (t0) => {
 	const $ = c(6);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId } = t0;
 	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
@@ -883,9 +883,9 @@ const PageSeoContent = (t0) => {
 };
 const PageSeoEditor = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, layoutId, projectName } = t0;
 	let t1;
@@ -1053,9 +1053,9 @@ const PageSeoEditor = (t0) => {
 };
 const PageMarkdownModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1094,9 +1094,9 @@ const PageMarkdownModal = (t0) => {
 };
 const PageMarkdownContent = (t0) => {
 	const $ = c(6);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId } = t0;
 	const { page, metaTitle } = usePageMetadataData(pageId);
@@ -1129,9 +1129,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -1214,9 +1214,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -1488,9 +1488,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

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

@@ -1,8 +1,8 @@
 import { useLocation, useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { previewStore } from "../previewStore.js";
 import { matchDerivedLayout, routeSegments } from "../../../core/derivedRoutes.js";
 import { DerivedLayoutDialog } from "./DerivedLayoutDialog.js";
@@ -23,7 +23,7 @@ const CREATE_PAGE_VALUE = "__create_page__";
 const DERIVED_LAYOUT_PREFIX = "__derived_layout__:";
 const PagePicker = () => {
 	const [open, setOpen] = React.useState(false);
-	const derivedLayouts = useCamoxApp().getLayouts().filter((layout) => layout._internal.kind === "derived");
+	const derivedLayouts = useCamoxApp().getLayouts().filter((layout) => layout._internal.kind !== "curated");
 	const [layoutToPreview, setLayoutToPreview] = React.useState(null);
 	const [pageToDelete, setPageToDelete] = React.useState(null);
 	const projectSlug = useProjectSlug();
@@ -99,21 +99,21 @@ const PagePicker = () => {
 					]
 				}), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
 			}), /* @__PURE__ */ jsx(PopoverContent, {
-				className: "flex h-[300px] w-[400px] flex-col p-0",
+				className: "w-[400px] p-0",
 				align: "start",
 				side: "bottom",
 				children: /* @__PURE__ */ jsxs(Command, {
-					className: "flex flex-1 flex-col overflow-hidden",
+					className: "h-auto",
 					children: [
 						/* @__PURE__ */ jsx(CommandInput, {
 							placeholder: "Search page...",
 							className: "h-9"
 						}),
-						/* @__PURE__ */ jsxs(CommandList, {
-							className: "flex-1 overflow-y-auto",
-							children: [
-								/* @__PURE__ */ jsx(CommandEmpty, { children: "No page found." }),
-								/* @__PURE__ */ jsx(CommandGroup, { children: pages.map((page_1) => /* @__PURE__ */ jsxs(CommandItem, {
+						/* @__PURE__ */ jsxs(CommandList, { children: [
+							/* @__PURE__ */ jsx(CommandEmpty, { children: "No page found." }),
+							/* @__PURE__ */ jsx(CommandGroup, {
+								heading: "Curated pages",
+								children: pages.map((page_1) => /* @__PURE__ */ jsxs(CommandItem, {
 									value: page_1.fullPath,
 									className: "group/item justify-between",
 									hideCheck: true,
@@ -182,45 +182,45 @@ const PagePicker = () => {
 											children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
 										})]
 									})]
-								}, page_1.id)) }),
-								derivedLayouts.length > 0 && /* @__PURE__ */ jsx(CommandGroup, {
-									heading: "Derived pages",
-									children: derivedLayouts.map((layout_1) => /* @__PURE__ */ jsx(CommandItem, {
-										value: `${DERIVED_LAYOUT_PREFIX}${layout_1._internal.id}`,
-										keywords: [layout_1._internal.title],
-										hideCheck: true,
-										onSelect: () => {
-											closePopover();
-											const segments = routeSegments(layout_1._internal.id);
-											if (!segments.some((segment) => segment.startsWith("$"))) {
-												navigate({ to: `/${segments.map(encodeURIComponent).join("/")}` });
-												return;
-											}
-											setLayoutToPreview(layout_1);
-										},
-										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", currentDerived?.layout._internal.id !== layout_1._internal.id && "invisible") }), /* @__PURE__ */ jsxs("div", {
-												className: "flex min-w-0 flex-col",
-												children: [/* @__PURE__ */ jsxs("div", {
-													className: "flex min-w-0 items-center gap-1.5",
-													children: [/* @__PURE__ */ jsx("p", {
-														className: "truncate",
-														children: layout_1._internal.title
-													}), layoutStatusById.has(layout_1._internal.id) && /* @__PURE__ */ jsx(PageStatusBadge, {
-														size: "sm",
-														status: layoutStatusById.get(layout_1._internal.id)
-													})]
-												}), /* @__PURE__ */ jsxs("p", {
-													className: "text-muted-foreground truncate font-mono text-xs",
-													children: ["/", routeSegments(layout_1._internal.id).join("/")]
+								}, page_1.id))
+							}),
+							["singleton", "derived"].map((kind) => /* @__PURE__ */ jsx(CommandGroup, {
+								heading: kind === "singleton" ? "Singleton pages" : "Derived pages",
+								children: derivedLayouts.filter((layout_1) => layout_1._internal.kind === kind).map((layout_2) => /* @__PURE__ */ jsx(CommandItem, {
+									value: `${DERIVED_LAYOUT_PREFIX}${layout_2._internal.id}`,
+									keywords: [layout_2._internal.title],
+									hideCheck: true,
+									onSelect: () => {
+										closePopover();
+										const segments = routeSegments(layout_2._internal.id);
+										if (!segments.some((segment) => segment.startsWith("$"))) {
+											navigate({ to: `/${segments.map(encodeURIComponent).join("/")}` });
+											return;
+										}
+										setLayoutToPreview(layout_2);
+									},
+									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", currentDerived?.layout._internal.id !== layout_2._internal.id && "invisible") }), /* @__PURE__ */ jsxs("div", {
+											className: "flex min-w-0 flex-col",
+											children: [/* @__PURE__ */ jsxs("div", {
+												className: "flex min-w-0 items-center gap-1.5",
+												children: [/* @__PURE__ */ jsx("p", {
+													className: "truncate",
+													children: layout_2._internal.title
+												}), layoutStatusById.has(layout_2._internal.id) && /* @__PURE__ */ jsx(PageStatusBadge, {
+													size: "sm",
+													status: layoutStatusById.get(layout_2._internal.id)
 												})]
+											}), /* @__PURE__ */ jsxs("p", {
+												className: "text-muted-foreground truncate font-mono text-xs",
+												children: ["/", routeSegments(layout_2._internal.id).join("/")]
 											})]
-										})
-									}, layout_1._internal.id))
-								})
-							]
-						}),
+										})]
+									})
+								}, layout_2._internal.id))
+							}, kind))
+						] }),
 						/* @__PURE__ */ jsx(CommandSeparator, {}),
 						/* @__PURE__ */ jsx(CommandGroup, {
 							className: "shrink-0 pt-2",

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

@@ -1,6 +1,6 @@
 import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { cn } from "../../../lib/utils.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { cn } from "../../../lib/utils.js";
 import { previewStore, selectPreviewSource } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";

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

@@ -5,9 +5,9 @@ import { areCommentsEnabled } from "../commentsEnabled.js";
 import { previewStore, selectIsCommentMode, selectIsEditMode } from "../previewStore.js";
 import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
 import { PreviewPageContext } from "../previewSelection.js";
+import { Frame, useFrame } from "./Frame.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { FieldToolbar } from "./FieldToolbar.js";
-import { Frame, useFrame } from "./Frame.js";
 import { MobilePreviewDrawer } from "./MobilePreviewDrawer.js";
 import { Overlays } from "./Overlays.js";
 import { OverlayTracker } from "./OverlayTracker.js";