camox 0.41.0 → 0.42.0

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

@@ -184,7 +184,7 @@ function MobilePreviewDrawer({ page, projectName }) {
 									className: "w-full",
 									disabled: page.status === "published" || page.livePublishedCheckpointId == null,
 									onClick: () => previewStore.send({ type: "viewLivePage" }),
-									children: "View published page"
+									children: "View live page"
 								})
 							}),
 							/* @__PURE__ */ jsxs("div", {
@@ -251,9 +251,9 @@ function MobilePreviewDrawer({ page, projectName }) {
 }
 function DrawerTile(t0) {
 	const $ = c(13);
-	if ($[0] !== "2b680a78da137f0f6d4294bf3daf4be142ca3d86c30621d25faacdc61b0d9ba1") {
+	if ($[0] !== "621776a19ae594038e7ff74376eaee55067cbd45ac5f2b72eb73e9a66d3c4ae0") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2b680a78da137f0f6d4294bf3daf4be142ca3d86c30621d25faacdc61b0d9ba1";
+		$[0] = "621776a19ae594038e7ff74376eaee55067cbd45ac5f2b72eb73e9a66d3c4ae0";
 	}
 	const { title, icon: Icon, onClick, fullWidth: t1, disabled: t2 } = t0;
 	const fullWidth = t1 === void 0 ? false : t1;

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

@@ -11,20 +11,19 @@ import { useSelector } from "@xstate/store-react";
 * Listening for focus commands from parent (for sidebar-triggered focus)
 */
 const OverlayTracker = () => {
-	const $ = c(9);
-	if ($[0] !== "e0ea417a1efc597e2017b6de423987462b3c414f4a8241a5bd4f2de04d2dd29e") {
-		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "e0ea417a1efc597e2017b6de423987462b3c414f4a8241a5bd4f2de04d2dd29e";
+	const $ = c(8);
+	if ($[0] !== "ebfece21400ea0599bf93e9f81b5244a330a6049bfb4c02fcc51a02e95e8e214") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ebfece21400ea0599bf93e9f81b5244a330a6049bfb4c02fcc51a02e95e8e214";
 	}
 	const { window: iframeWindow } = useFrame();
-	const isPageEditorSidebarOpen = useSelector(previewStore, _temp);
-	const isAddBlockSidebarOpen = useSelector(previewStore, _temp2);
+	const isAddBlockSidebarOpen = useSelector(previewStore, _temp);
 	let t0;
 	let t1;
 	if ($[1] !== iframeWindow || $[2] !== isAddBlockSidebarOpen) {
 		t0 = () => {
 			if (!iframeWindow || !isAddBlockSidebarOpen) return;
-			const handleClick = _temp3;
+			const handleClick = _temp2;
 			iframeWindow.document.addEventListener("click", handleClick);
 			return () => iframeWindow.document.removeEventListener("click", handleClick);
 		};
@@ -40,14 +39,13 @@ const OverlayTracker = () => {
 	React.useEffect(t0, t1);
 	let t2;
 	let t3;
-	if ($[5] !== iframeWindow || $[6] !== isPageEditorSidebarOpen) {
+	if ($[5] !== iframeWindow) {
 		t2 = () => {
 			if (!iframeWindow) return;
 			const handleMessage = (event) => {
 				if (!isOverlayMessage(event.data)) return;
 				const { type } = event.data;
 				if (type === "CAMOX_FOCUS_FIELD") {
-					if (isPageEditorSidebarOpen) return;
 					const { fieldId } = event.data;
 					const element = iframeWindow.document.querySelector(`[data-camox-field-id="${fieldId}"]`);
 					if (element) element.focus();
@@ -56,25 +54,21 @@ const OverlayTracker = () => {
 			iframeWindow.addEventListener("message", handleMessage);
 			return () => iframeWindow.removeEventListener("message", handleMessage);
 		};
-		t3 = [iframeWindow, isPageEditorSidebarOpen];
+		t3 = [iframeWindow];
 		$[5] = iframeWindow;
-		$[6] = isPageEditorSidebarOpen;
-		$[7] = t2;
-		$[8] = t3;
+		$[6] = t2;
+		$[7] = t3;
 	} else {
-		t2 = $[7];
-		t3 = $[8];
+		t2 = $[6];
+		t3 = $[7];
 	}
 	React.useEffect(t2, t3);
 	return null;
 };
 function _temp(state) {
-	return state.context.isPageEditorSidebarOpen;
+	return state.context.isAddBlockSidebarOpen;
 }
-function _temp2(state_0) {
-	return state_0.context.isAddBlockSidebarOpen;
-}
-function _temp3() {
+function _temp2() {
 	previewStore.send({ type: "exitPeekedBlock" });
 }
 

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

@@ -1,5 +1,5 @@
 import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { previewStore } from "../previewStore.js";
+import { previewStore, selectIsEditMode } from "../previewStore.js";
 import { isOverlayMessage } from "../overlayMessages.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
@@ -10,9 +10,9 @@ import { useSelector } from "@xstate/store-react";
 //#region src/features/preview/components/Overlays.tsx
 function CuratedAddBlockListener() {
 	const $ = c(4);
-	if ($[0] !== "815bb4de66b8ce3b8413984a7fbadaabc2dd4851f322f2d5522968289d71d545") {
+	if ($[0] !== "6fe49b666f3f81b9063fd01dd7ea74a4df9732064d2b113c5ce2770c9992f6b4") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "815bb4de66b8ce3b8413984a7fbadaabc2dd4851f322f2d5522968289d71d545";
+		$[0] = "6fe49b666f3f81b9063fd01dd7ea74a4df9732064d2b113c5ce2770c9992f6b4";
 	}
 	const { pageBlocks } = usePageBlocks(usePreviewedPage());
 	let t0;
@@ -23,10 +23,7 @@ function CuratedAddBlockListener() {
 				if (!isOverlayMessage(event.data)) return;
 				const message = event.data;
 				if (message.type === "CAMOX_ADD_BLOCK_REQUEST") {
-					if (previewStore.getSnapshot().context.previewSource !== "draft") {
-						previewStore.send({ type: "requestDraftSwitch" });
-						return;
-					}
+					if (!selectIsEditMode(previewStore.getSnapshot())) return;
 					const { blockPosition, insertPosition } = message;
 					let afterPosition = null;
 					if (message.afterPosition !== void 0) afterPosition = message.afterPosition;
@@ -38,8 +35,7 @@ function CuratedAddBlockListener() {
 					}
 					previewStore.send({
 						type: "openAddBlockSidebar",
-						afterPosition,
-						via: "overlay"
+						afterPosition
 					});
 				}
 			};
@@ -58,20 +54,18 @@ function CuratedAddBlockListener() {
 	return null;
 }
 const Overlays = (t0) => {
-	const $ = c(13);
-	if ($[0] !== "815bb4de66b8ce3b8413984a7fbadaabc2dd4851f322f2d5522968289d71d545") {
-		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "815bb4de66b8ce3b8413984a7fbadaabc2dd4851f322f2d5522968289d71d545";
+	const $ = c(11);
+	if ($[0] !== "6fe49b666f3f81b9063fd01dd7ea74a4df9732064d2b113c5ce2770c9992f6b4") {
+		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6fe49b666f3f81b9063fd01dd7ea74a4df9732064d2b113c5ce2770c9992f6b4";
 	}
 	const { iframeElement, canAddBlocks: t1 } = t0;
 	const canAddBlocks = t1 === void 0 ? false : t1;
-	const isPageEditorSidebarOpen = useSelector(previewStore, _temp);
-	const selection = useSelector(previewStore, _temp2);
-	const peekedBlock = useSelector(previewStore, _temp3);
+	const selection = useSelector(previewStore, _temp);
+	const peekedBlock = useSelector(previewStore, _temp2);
 	let t2;
-	if ($[1] !== iframeElement?.contentWindow || $[2] !== isPageEditorSidebarOpen || $[3] !== peekedBlock || $[4] !== selection) {
+	if ($[1] !== iframeElement?.contentWindow || $[2] !== peekedBlock || $[3] !== selection) {
 		t2 = () => {
-			if (isPageEditorSidebarOpen) return;
 			if (peekedBlock) return;
 			if (!selection) return;
 			if (selection.type !== "block-field" && selection.type !== "item-field") return;
@@ -85,42 +79,36 @@ const Overlays = (t0) => {
 			iframeElement?.contentWindow?.postMessage(message, "*");
 		};
 		$[1] = iframeElement?.contentWindow;
-		$[2] = isPageEditorSidebarOpen;
-		$[3] = peekedBlock;
-		$[4] = selection;
-		$[5] = t2;
-	} else t2 = $[5];
+		$[2] = peekedBlock;
+		$[3] = selection;
+		$[4] = t2;
+	} else t2 = $[4];
 	let t3;
-	if ($[6] !== iframeElement || $[7] !== isPageEditorSidebarOpen || $[8] !== peekedBlock || $[9] !== selection) {
+	if ($[5] !== iframeElement || $[6] !== peekedBlock || $[7] !== selection) {
 		t3 = [
 			selection,
-			isPageEditorSidebarOpen,
 			peekedBlock,
 			iframeElement
 		];
-		$[6] = iframeElement;
-		$[7] = isPageEditorSidebarOpen;
-		$[8] = peekedBlock;
-		$[9] = selection;
-		$[10] = t3;
-	} else t3 = $[10];
+		$[5] = iframeElement;
+		$[6] = peekedBlock;
+		$[7] = selection;
+		$[8] = t3;
+	} else t3 = $[8];
 	React.useEffect(t2, t3);
 	let t4;
-	if ($[11] !== canAddBlocks) {
+	if ($[9] !== canAddBlocks) {
 		t4 = canAddBlocks ? /* @__PURE__ */ jsx(CuratedAddBlockListener, {}) : null;
-		$[11] = canAddBlocks;
-		$[12] = t4;
-	} else t4 = $[12];
+		$[9] = canAddBlocks;
+		$[10] = t4;
+	} else t4 = $[10];
 	return t4;
 };
 function _temp(state) {
-	return state.context.isPageEditorSidebarOpen;
+	return state.context.selection;
 }
 function _temp2(state_0) {
-	return state_0.context.selection;
-}
-function _temp3(state_1) {
-	return state_1.context.peekedBlock;
+	return state_0.context.peekedBlock;
 }
 
 //#endregion