camox 0.42.0 → 0.43.0

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

@@ -1,7 +1,7 @@
 import { useProjectSlug } from "../../../lib/auth.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { layoutQueries, projectQueries } from "../../../lib/queries.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { layoutQueries, projectQueries } from "../../../lib/queries.js";
 import { previewStore, selectPreviewSource } from "../previewStore.js";
 import { PagePicker } from "./PagePicker.js";
 import { LayoutBlockItem } from "./PageTree.js";
@@ -16,10 +16,10 @@ import { PanelContent, PanelHeader } from "@camox/ui/panel";
 //#region src/features/preview/components/DerivedLayoutSidebar.tsx
 const EMPTY_PAGE = { blockIds: [] };
 function DerivedLayoutSidebar(t0) {
-	const $ = c(32);
-	if ($[0] !== "2c7da8bd37fd1558e1c31149d4435d439cdd1425cb374116d681960617531266") {
-		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2c7da8bd37fd1558e1c31149d4435d439cdd1425cb374116d681960617531266";
+	const $ = c(39);
+	if ($[0] !== "c2b47a0ded5e80952966193136846d2771f48746af4a761ba4e0ef778f954b27") {
+		for (let $i = 0; $i < 39; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c2b47a0ded5e80952966193136846d2771f48746af4a761ba4e0ef778f954b27";
 	}
 	const { layout } = t0;
 	const source = useSelector(previewStore, selectPreviewSource);
@@ -36,12 +36,14 @@ function DerivedLayoutSidebar(t0) {
 	const app = useCamoxApp();
 	let t2;
 	if ($[3] !== app || $[4] !== layout.layoutId) {
-		t2 = app.getLayoutById(layout.layoutId)?._internal.title ?? layout.layoutId;
+		t2 = app.getLayoutById(layout.layoutId);
 		$[3] = app;
 		$[4] = layout.layoutId;
 		$[5] = t2;
 	} else t2 = $[5];
-	const layoutName = t2;
+	const definition = t2;
+	const layoutName = definition?._internal.title ?? layout.layoutId;
+	const singleton = definition?._internal.kind === "singleton";
 	const projectSlug = useProjectSlug();
 	let t3;
 	if ($[6] !== projectSlug) {
@@ -132,28 +134,45 @@ function DerivedLayoutSidebar(t0) {
 		$[24] = layoutName;
 		$[25] = t11;
 	} else t11 = $[25];
-	let t12;
-	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsxs(Alert, { children: [/* @__PURE__ */ jsx(AlertTitle, { children: "Shared layout blocks" }), /* @__PURE__ */ jsx(AlertDescription, { children: "Changes apply to every page using this layout. The generated page content is managed outside the studio." })] });
-		$[26] = t12;
-	} else t12 = $[26];
+	const t12 = singleton ? "Code-owned page" : "Shared layout blocks";
 	let t13;
-	if ($[27] !== t11) {
-		t13 = /* @__PURE__ */ jsxs(PanelContent, {
+	if ($[26] !== t12) {
+		t13 = /* @__PURE__ */ jsx(AlertTitle, { children: t12 });
+		$[26] = t12;
+		$[27] = t13;
+	} else t13 = $[27];
+	const t14 = singleton ? "Edit and publish this page’s blocks here. Its URL and structure are defined in code. Synced blocks share content with their other instances." : "Changes apply to every page using this layout. The generated page content is managed outside the studio.";
+	let t15;
+	if ($[28] !== t14) {
+		t15 = /* @__PURE__ */ jsx(AlertDescription, { children: t14 });
+		$[28] = t14;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== t13 || $[31] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Alert, { children: [t13, t15] });
+		$[30] = t13;
+		$[31] = t15;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== t11 || $[34] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(PanelContent, {
 			className: "flex grow basis-0 flex-col gap-4 overflow-auto p-2",
-			children: [t11, t12]
+			children: [t11, t16]
 		});
-		$[27] = t11;
-		$[28] = t13;
-	} else t13 = $[28];
-	let t14;
-	if ($[29] !== t10 || $[30] !== t13) {
-		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t13] });
-		$[29] = t10;
-		$[30] = t13;
-		$[31] = t14;
-	} else t14 = $[31];
-	return t14;
+		$[33] = t11;
+		$[34] = t16;
+		$[35] = t17;
+	} else t17 = $[35];
+	let t18;
+	if ($[36] !== t10 || $[37] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t17] });
+		$[36] = t10;
+		$[37] = t17;
+		$[38] = t18;
+	} else t18 = $[38];
+	return t18;
 }
 
 //#endregion

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

@@ -1,14 +1,14 @@
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
 
 //#region src/features/preview/components/DerivedPageInfoSidebar.tsx
 function DerivedPageInfoSidebar(t0) {
-	const $ = c(8);
-	if ($[0] !== "188f548de856db3a863c0d74a6e937ddbe5a25be65cd852330ec33162eb56ebf") {
-		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "188f548de856db3a863c0d74a6e937ddbe5a25be65cd852330ec33162eb56ebf";
+	const $ = c(13);
+	if ($[0] !== "4055e1683cf89ee8b21c17d486a36f5d2dcf14d6cea02195afa4565d830e71cf") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4055e1683cf89ee8b21c17d486a36f5d2dcf14d6cea02195afa4565d830e71cf";
 	}
 	const { layoutId } = t0;
 	const camoxApp = useCamoxApp();
@@ -19,7 +19,9 @@ function DerivedPageInfoSidebar(t0) {
 		$[2] = layoutId;
 		$[3] = t1;
 	} else t1 = $[3];
-	const layoutName = t1?._internal.title ?? layoutId;
+	const layout = t1;
+	const layoutName = layout?._internal.title ?? layoutId;
+	const singleton = layout?._internal.kind === "singleton";
 	let t2;
 	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = /* @__PURE__ */ jsx("p", {
@@ -28,29 +30,39 @@ function DerivedPageInfoSidebar(t0) {
 		});
 		$[4] = t2;
 	} else t2 = $[4];
-	let t3;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(AlertTitle, { children: "Derived page" });
-		$[5] = t3;
-	} else t3 = $[5];
+	const t3 = singleton ? "Singleton page" : "Derived page";
 	let t4;
-	if ($[6] !== layoutName) {
-		t4 = /* @__PURE__ */ jsxs("div", {
+	if ($[5] !== t3) {
+		t4 = /* @__PURE__ */ jsx(AlertTitle, { children: t3 });
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== layoutName || $[8] !== singleton) {
+		t5 = /* @__PURE__ */ jsx(AlertDescription, { children: singleton ? /* @__PURE__ */ jsx(Fragment, { children: "This page and its URL are defined in code. Select a block in the preview to edit its content. The page cannot be deleted or moved in Studio." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			"This page is generated using the",
+			" ",
+			/* @__PURE__ */ jsx("strong", {
+				className: "font-semibold italic",
+				children: layoutName
+			}),
+			" layout. Select a shared block in the preview to edit it."
+		] }) });
+		$[7] = layoutName;
+		$[8] = singleton;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t4 || $[11] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 space-y-4 p-2 pt-4",
-			children: [t2, /* @__PURE__ */ jsxs(Alert, { children: [t3, /* @__PURE__ */ jsxs(AlertDescription, { children: [
-				"This page is generated using the",
-				" ",
-				/* @__PURE__ */ jsx("strong", {
-					className: "font-semibold italic",
-					children: layoutName
-				}),
-				" layout. Select a shared block in the preview to edit it."
-			] })] })]
+			children: [t2, /* @__PURE__ */ jsxs(Alert, { children: [t4, t5] })]
 		});
-		$[6] = layoutName;
-		$[7] = t4;
-	} else t4 = $[7];
-	return t4;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+	} else t6 = $[12];
+	return t6;
 }
 
 //#endregion

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

@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
 import { Kbd } from "@camox/ui/kbd";
 import { Button } from "@camox/ui/button";
-import { Blend, Bold, Italic, Underline } from "lucide-react";
+import { Bold, Highlighter, Italic, Underline } from "lucide-react";
 import * as Tooltip$1 from "@camox/ui/tooltip";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { FloatingToolbar } from "@camox/ui/floating-toolbar";
@@ -39,18 +39,18 @@ const FORMAT_BUTTONS = [
 		shortcut: "⌘ U"
 	},
 	{
-		key: "gradient",
-		flag: FORMAT_FLAGS.gradient,
-		icon: Blend,
-		label: "Gradient",
+		key: "highlight",
+		flag: FORMAT_FLAGS.highlight,
+		icon: Highlighter,
+		label: "Highlight",
 		shortcut: null
 	}
 ];
 const FieldToolbar = () => {
 	const $ = c(28);
-	if ($[0] !== "62fc88dbf76bce176e1b9d35a550f78886d467e61d1692885683da9874bf34dd") {
+	if ($[0] !== "cb7cd90f7cc268633db3dcbb4458cac864e661f9d57f1cb6764d8a2f3e167b39") {
 		for (let $i = 0; $i < 28; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "62fc88dbf76bce176e1b9d35a550f78886d467e61d1692885683da9874bf34dd";
+		$[0] = "cb7cd90f7cc268633db3dcbb4458cac864e661f9d57f1cb6764d8a2f3e167b39";
 	}
 	const iframeElement = useSelector(previewStore, _temp);
 	const [hasSelection, setHasSelection] = React.useState(false);