camox 0.41.1 → 0.43.0

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);