camox 0.3.0 → 0.3.1

package/dist/features/provider/CamoxProvider.js

@@ -9,6 +9,7 @@ import { AuthGate } from "../../components/AuthGate.js";
 import { useProjectRoom } from "../../lib/use-project-room.js";
 import { CommandPalette, useCommandPaletteActions } from "./components/CommandPalette.js";
 import { useAdminShortcuts } from "./useAdminShortcuts.js";
+import { c } from "react/compiler-runtime";
 import { Toaster } from "@camox/ui/toaster";
 import { useQuery } from "@tanstack/react-query";
 import * as React from "react";
@@ -16,7 +17,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools/production";
 import studioCssUrl from "virtual:camox-studio-css";
 //#region src/features/provider/CamoxProvider.tsx
-var AuthenticatedCamoxProvider = ({ children }) => {
+var AuthenticatedCamoxProvider = (t0) => {
+	const $ = c(8);
+	const { children } = t0;
 	useAdminShortcuts();
 	useCommandPaletteActions();
 	useThemeActions();
@@ -24,32 +27,77 @@ var AuthenticatedCamoxProvider = ({ children }) => {
 	useNavbarActions();
 	usePreviewPagesActions();
 	const { apiUrl, projectSlug } = React.useContext(AuthContext);
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
+	let t1;
+	if ($[0] !== projectSlug) {
+		t1 = projectQueries.getBySlug(projectSlug);
+		$[0] = projectSlug;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { data: project } = useQuery(t1);
 	useProjectRoom(apiUrl, project?.id);
 	const { theme } = useTheme();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		children,
-		/* @__PURE__ */ jsx(Toaster, { theme }),
-		/* @__PURE__ */ jsx(CommandPalette, {})
-	] });
+	let t2;
+	if ($[2] !== theme) {
+		t2 = /* @__PURE__ */ jsx(Toaster, { theme });
+		$[2] = theme;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(CommandPalette, {});
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== children || $[6] !== t2) {
+		t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			children,
+			t2,
+			t3
+		] });
+		$[5] = children;
+		$[6] = t2;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
 };
-var UnauthenticatedCamoxProvider = ({ children }) => {
+var UnauthenticatedCamoxProvider = (t0) => {
+	const $ = c(7);
+	const { children } = t0;
 	const signInRedirect = useSignInRedirect();
 	const { authenticationUrl } = useAuthContext();
-	React.useEffect(() => {
-		const handleKeyDown = (event) => {
-			if ((event.metaKey || event.ctrlKey) && event.key === "Escape") {
-				event.preventDefault();
-				signInRedirect();
-			}
+	let t1;
+	if ($[0] !== signInRedirect) {
+		t1 = () => {
+			const handleKeyDown = (event) => {
+				if ((event.metaKey || event.ctrlKey) && event.key === "Escape") {
+					event.preventDefault();
+					signInRedirect();
+				}
+			};
+			document.addEventListener("keydown", handleKeyDown);
+			return () => document.removeEventListener("keydown", handleKeyDown);
 		};
-		document.addEventListener("keydown", handleKeyDown);
-		return () => document.removeEventListener("keydown", handleKeyDown);
-	}, [signInRedirect, authenticationUrl]);
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
-		className: "bg-background min-h-screen",
-		children
-	}) });
+		$[0] = signInRedirect;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== authenticationUrl || $[3] !== signInRedirect) {
+		t2 = [signInRedirect, authenticationUrl];
+		$[2] = authenticationUrl;
+		$[3] = signInRedirect;
+		$[4] = t2;
+	} else t2 = $[4];
+	React.useEffect(t1, t2);
+	let t3;
+	if ($[5] !== children) {
+		t3 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+			className: "bg-background min-h-screen",
+			children
+		}) });
+		$[5] = children;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
 };
 function CamoxProvider({ children, camoxApp, authenticationUrl, apiUrl, projectSlug, environmentName }) {
 	const authClient = React.useMemo(() => createCamoxAuthClient(apiUrl), [apiUrl]);

package/dist/features/provider/actionsStore.d.ts

@@ -16,7 +16,7 @@ export interface Action {
 }
 export declare const actionsStore: import('@xstate/store').Store<{
     actions: Action[];
-}, import('@xstate/store').ExtractEvents<{
+}, {
     registerAction: {
         action: Action;
     };
@@ -29,7 +29,7 @@ export declare const actionsStore: import('@xstate/store').Store<{
     unregisterManyActions: {
         ids: string[];
     };
-}>, {
+}, {
     type: string;
 }>;
 //# sourceMappingURL=actionsStore.d.ts.map

package/dist/features/provider/components/CamoxAppContext.js

@@ -1,12 +1,22 @@
+import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/features/provider/components/CamoxAppContext.tsx
 var CamoxAppContext = React.createContext(void 0);
-var CamoxAppProvider = ({ app, children }) => {
-	return /* @__PURE__ */ jsx(CamoxAppContext.Provider, {
-		value: app,
-		children
-	});
+var CamoxAppProvider = (t0) => {
+	const $ = c(3);
+	const { app, children } = t0;
+	let t1;
+	if ($[0] !== app || $[1] !== children) {
+		t1 = /* @__PURE__ */ jsx(CamoxAppContext.Provider, {
+			value: app,
+			children
+		});
+		$[0] = app;
+		$[1] = children;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
 };
 function useCamoxApp() {
 	const context = React.use(CamoxAppContext);

package/dist/features/provider/components/CommandPalette.js

@@ -1,119 +1,226 @@
 import { actionsStore } from "../actionsStore.js";
 import { formatShortcut } from "../../../lib/utils.js";
 import { studioStore } from "../../studio/studioStore.js";
+import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store/react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
 //#region src/features/provider/components/CommandPalette.tsx
 function CommandPalette() {
-	const isOpen = useSelector(studioStore, (state) => state.context.isCommandPaletteOpen);
+	const $ = c(33);
+	const isOpen = useSelector(studioStore, _temp);
 	const [search, setSearch] = React.useState("");
 	const [value, setValue] = React.useState("");
-	const actions = useSelector(actionsStore, (state) => state.context.actions);
-	const page = useSelector(studioStore, (state) => state.context.commandPalettePages).at(-1);
-	const groupedActions = React.useMemo(() => {
-		const availableActions = actions.filter((action) => {
-			if (!action.checkIfAvailable()) return false;
-			if (action.groupLabel === "Invisible") return false;
-			if (page) return action.parentActionId === page;
-			if (search.length > 0) return true;
-			return !action.parentActionId;
-		});
-		const groups = /* @__PURE__ */ new Map();
-		for (const action of availableActions) {
-			const existing = groups.get(action.groupLabel) || [];
-			groups.set(action.groupLabel, [...existing, action]);
+	const actions = useSelector(actionsStore, _temp2);
+	const pages = useSelector(studioStore, _temp3);
+	let t0;
+	if ($[0] !== pages) {
+		t0 = pages.at(-1);
+		$[0] = pages;
+		$[1] = t0;
+	} else t0 = $[1];
+	const page = t0;
+	let groups;
+	if ($[2] !== actions || $[3] !== page || $[4] !== search) {
+		let t1;
+		if ($[6] !== page || $[7] !== search) {
+			t1 = (action) => {
+				if (!action.checkIfAvailable()) return false;
+				if (action.groupLabel === "Invisible") return false;
+				if (page) return action.parentActionId === page;
+				if (search.length > 0) return true;
+				return !action.parentActionId;
+			};
+			$[6] = page;
+			$[7] = search;
+			$[8] = t1;
+		} else t1 = $[8];
+		const availableActions = actions.filter(t1);
+		groups = /* @__PURE__ */ new Map();
+		for (const action_0 of availableActions) {
+			const existing = groups.get(action_0.groupLabel) || [];
+			groups.set(action_0.groupLabel, [...existing, action_0]);
 		}
-		const groupOrder = [
+		$[2] = actions;
+		$[3] = page;
+		$[4] = search;
+		$[5] = groups;
+	} else groups = $[5];
+	let t1;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [
 			"Preview",
 			"Navigation",
 			"Studio"
 		];
-		const sortedGroups = /* @__PURE__ */ new Map();
+		$[9] = t1;
+	} else t1 = $[9];
+	const groupOrder = t1;
+	let sortedGroups;
+	if ($[10] !== groups) {
+		sortedGroups = /* @__PURE__ */ new Map();
 		for (const groupLabel of groupOrder) if (groups.has(groupLabel)) sortedGroups.set(groupLabel, groups.get(groupLabel));
-		return sortedGroups;
-	}, [
-		actions,
-		page,
-		search
-	]);
-	React.useEffect(() => {
-		if (page) {
-			const firstChild = actions.find((a) => a.parentActionId === page && a.checkIfAvailable());
-			if (firstChild) setValue(firstChild.id);
-		}
-	}, [page, actions]);
-	const handleSelect = (actionId) => {
-		const action = actions.find((a) => a.id === actionId);
-		if (!action) return;
-		action.execute();
-		setSearch("");
-		if (action.hasChildren) studioStore.send({
-			type: "pushCommandPalettePage",
-			page: action.id
-		});
-		else studioStore.send({ type: "closeCommandPalette" });
-	};
-	const handleOpenChange = (open) => {
-		if (open) studioStore.send({ type: "openCommandPalette" });
-		else {
-			setValue("");
-			studioStore.send({ type: "closeCommandPalette" });
-		}
-	};
-	return /* @__PURE__ */ jsxs(CommandDialog, {
-		open: isOpen,
-		onOpenChange: handleOpenChange,
-		value,
-		onValueChange: setValue,
-		children: [/* @__PURE__ */ jsx(CommandInput, {
+		$[10] = groups;
+		$[11] = sortedGroups;
+	} else sortedGroups = $[11];
+	const groupedActions = sortedGroups;
+	let t2;
+	let t3;
+	if ($[12] !== actions || $[13] !== page) {
+		t2 = () => {
+			if (page) {
+				const firstChild = actions.find((a) => a.parentActionId === page && a.checkIfAvailable());
+				if (firstChild) setValue(firstChild.id);
+			}
+		};
+		t3 = [page, actions];
+		$[12] = actions;
+		$[13] = page;
+		$[14] = t2;
+		$[15] = t3;
+	} else {
+		t2 = $[14];
+		t3 = $[15];
+	}
+	React.useEffect(t2, t3);
+	let t4;
+	if ($[16] !== actions) {
+		t4 = (actionId) => {
+			const action_1 = actions.find((a_0) => a_0.id === actionId);
+			if (!action_1) return;
+			action_1.execute();
+			setSearch("");
+			if (action_1.hasChildren) studioStore.send({
+				type: "pushCommandPalettePage",
+				page: action_1.id
+			});
+			else studioStore.send({ type: "closeCommandPalette" });
+		};
+		$[16] = actions;
+		$[17] = t4;
+	} else t4 = $[17];
+	const handleSelect = t4;
+	let t5;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (open) => {
+			if (open) studioStore.send({ type: "openCommandPalette" });
+			else {
+				setValue("");
+				studioStore.send({ type: "closeCommandPalette" });
+			}
+		};
+		$[18] = t5;
+	} else t5 = $[18];
+	const handleOpenChange = t5;
+	let t6;
+	if ($[19] !== search) {
+		t6 = (e) => {
+			if (e.key === "Escape" || e.key === "Backspace" && !search) {
+				e.preventDefault();
+				studioStore.send({ type: "popCommandPalettePage" });
+			}
+		};
+		$[19] = search;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== search || $[22] !== t6) {
+		t7 = /* @__PURE__ */ jsx(CommandInput, {
 			value: search,
 			onValueChange: setSearch,
 			placeholder: "Type a command or search...",
-			onKeyDown: (e) => {
-				if (e.key === "Escape" || e.key === "Backspace" && !search) {
-					e.preventDefault();
-					studioStore.send({ type: "popCommandPalettePage" });
-				}
-			}
-		}), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }), Array.from(groupedActions.entries()).map(([groupLabel, groupActions]) => /* @__PURE__ */ jsx(CommandGroup, {
-			heading: groupLabel,
-			children: groupActions.map((action) => {
-				return /* @__PURE__ */ jsxs(CommandItem, {
-					onSelect: () => handleSelect(action.id),
+			onKeyDown: t6
+		});
+		$[21] = search;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	let t8;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." });
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[25] !== groupedActions || $[26] !== handleSelect) {
+		t9 = /* @__PURE__ */ jsxs(CommandList, { children: [t8, Array.from(groupedActions.entries()).map((t10) => {
+			const [groupLabel_0, groupActions] = t10;
+			return /* @__PURE__ */ jsx(CommandGroup, {
+				heading: groupLabel_0,
+				children: groupActions.map((action_2) => /* @__PURE__ */ jsxs(CommandItem, {
+					onSelect: () => handleSelect(action_2.id),
 					className: "justify-between",
-					children: [action.label, action.shortcut && formatShortcut(action.shortcut)]
-				}, action.id);
-			})
-		}, groupLabel))] })]
-	});
+					children: [action_2.label, action_2.shortcut && formatShortcut(action_2.shortcut)]
+				}, action_2.id))
+			}, groupLabel_0);
+		})] });
+		$[25] = groupedActions;
+		$[26] = handleSelect;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] !== isOpen || $[29] !== t7 || $[30] !== t9 || $[31] !== value) {
+		t10 = /* @__PURE__ */ jsxs(CommandDialog, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			value,
+			onValueChange: setValue,
+			children: [t7, t9]
+		});
+		$[28] = isOpen;
+		$[29] = t7;
+		$[30] = t9;
+		$[31] = value;
+		$[32] = t10;
+	} else t10 = $[32];
+	return t10;
+}
+function _temp3(state_1) {
+	return state_1.context.commandPalettePages;
+}
+function _temp2(state_0) {
+	return state_0.context.actions;
+}
+function _temp(state) {
+	return state.context.isCommandPaletteOpen;
 }
 function useCommandPaletteActions() {
-	React.useEffect(() => {
-		actionsStore.send({
-			type: "registerAction",
-			action: {
-				id: "toggle-command-palette",
-				label: "Toggle command palette",
-				groupLabel: "Invisible",
-				checkIfAvailable: () => true,
-				execute: () => {
-					studioStore.send({ type: "toggleCommandPalette" });
-				},
-				shortcut: {
-					key: "k",
-					withMeta: true
-				}
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[0] = t0;
+	} else t0 = $[0];
+	React.useEffect(_temp7, t0);
+}
+function _temp7() {
+	actionsStore.send({
+		type: "registerAction",
+		action: {
+			id: "toggle-command-palette",
+			label: "Toggle command palette",
+			groupLabel: "Invisible",
+			checkIfAvailable: _temp4,
+			execute: _temp5,
+			shortcut: {
+				key: "k",
+				withMeta: true
 			}
-		});
-		return () => {
-			actionsStore.send({
-				type: "unregisterAction",
-				id: "toggle-command-palette"
-			});
-		};
-	}, []);
+		}
+	});
+	return _temp6;
+}
+function _temp6() {
+	actionsStore.send({
+		type: "unregisterAction",
+		id: "toggle-command-palette"
+	});
+}
+function _temp5() {
+	studioStore.send({ type: "toggleCommandPalette" });
+}
+function _temp4() {
+	return true;
 }
 //#endregion
 export { CommandPalette, useCommandPaletteActions };

package/dist/features/provider/useAdminShortcuts.js

@@ -1,6 +1,7 @@
 import { previewStore } from "../preview/previewStore.js";
 import { actionsStore } from "./actionsStore.js";
 import { checkIfInputFocused } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store/react";
 import * as React from "react";
 //#region src/features/provider/useAdminShortcuts.tsx
@@ -8,76 +9,91 @@ import * as React from "react";
 * Hook that listens for global keyboard shortcuts defined in the actionsStore
 */
 function useAdminShortcuts() {
-	const actions = useSelector(actionsStore, (state) => state.context.actions);
+	const $ = c(3);
+	const actions = useSelector(actionsStore, _temp);
 	const previousLockState = React.useRef(null);
 	const lockKeyDownTime = React.useRef(null);
-	const HOLD_THRESHOLD_MS = 300;
-	React.useEffect(() => {
-		const handleKeyDown = (event) => {
-			if (event.key.toLowerCase() === "l" && !event.metaKey && !event.altKey && !event.shiftKey) {
-				if (event.repeat) return;
-				if (checkIfInputFocused()) return;
+	let t0;
+	let t1;
+	if ($[0] !== actions) {
+		t0 = () => {
+			const handleKeyDown = (event) => {
+				if (event.key.toLowerCase() === "l" && !event.metaKey && !event.altKey && !event.shiftKey) {
+					if (event.repeat) return;
+					if (checkIfInputFocused()) return;
+					event.preventDefault();
+					if (previousLockState.current === null) {
+						lockKeyDownTime.current = Date.now();
+						previousLockState.current = previewStore.getSnapshot().context.isContentLocked;
+						if (!previousLockState.current) previewStore.send({ type: "toggleLockContent" });
+					}
+					return;
+				}
+				const matchingAction = actions.find((action) => {
+					if (!action.shortcut) return false;
+					if (!action.checkIfAvailable()) return false;
+					const { key, withMeta, withAlt, withShift } = action.shortcut;
+					return (withAlt && key.length === 1 && /[a-z]/i.test(key) ? event.code === `Key${key.toUpperCase()}` : key.toLowerCase() === event.key.toLowerCase()) && !!withMeta === (event.metaKey || event.ctrlKey) && !!withAlt === event.altKey && !!withShift === event.shiftKey;
+				});
+				if (!matchingAction) return;
+				const shortcut = matchingAction.shortcut;
+				if (checkIfInputFocused()) {
+					if (!shortcut.withMeta && !shortcut.withAlt) return;
+					if (shortcut.key === "Backspace") return;
+				}
 				event.preventDefault();
-				if (previousLockState.current === null) {
-					lockKeyDownTime.current = Date.now();
-					previousLockState.current = previewStore.getSnapshot().context.isContentLocked;
-					if (!previousLockState.current) previewStore.send({ type: "toggleLockContent" });
+				matchingAction.execute();
+			};
+			const handleKeyUp = (event_0) => {
+				if (event_0.key.toLowerCase() === "l") releaseLock();
+			};
+			const releaseLock = () => {
+				if (previousLockState.current === null) return;
+				const holdDuration = lockKeyDownTime.current !== null ? Date.now() - lockKeyDownTime.current : Infinity;
+				lockKeyDownTime.current = null;
+				if ((holdDuration < 300 ? !previousLockState.current : previousLockState.current) !== previewStore.getSnapshot().context.isContentLocked) previewStore.send({ type: "toggleLockContent" });
+				previousLockState.current = null;
+			};
+			const handleMessage = (event_1) => {
+				if (event_1.data?.type === "holdLockContent") {
+					if (previousLockState.current === null) {
+						lockKeyDownTime.current = Date.now();
+						previousLockState.current = previewStore.getSnapshot().context.isContentLocked;
+						if (!previousLockState.current) previewStore.send({ type: "toggleLockContent" });
+					}
+					return;
 				}
-				return;
-			}
-			const matchingAction = actions.find((action) => {
-				if (!action.shortcut) return false;
-				if (!action.checkIfAvailable()) return false;
-				const { key, withMeta, withAlt, withShift } = action.shortcut;
-				return (withAlt && key.length === 1 && /[a-z]/i.test(key) ? event.code === `Key${key.toUpperCase()}` : key.toLowerCase() === event.key.toLowerCase()) && !!withMeta === (event.metaKey || event.ctrlKey) && !!withAlt === event.altKey && !!withShift === event.shiftKey;
-			});
-			if (!matchingAction) return;
-			const shortcut = matchingAction.shortcut;
-			if (checkIfInputFocused()) {
-				if (!shortcut.withMeta && !shortcut.withAlt) return;
-				if (shortcut.key === "Backspace") return;
-			}
-			event.preventDefault();
-			matchingAction.execute();
-		};
-		const handleKeyUp = (event) => {
-			if (event.key.toLowerCase() === "l") releaseLock();
-		};
-		const releaseLock = () => {
-			if (previousLockState.current === null) return;
-			const holdDuration = lockKeyDownTime.current !== null ? Date.now() - lockKeyDownTime.current : Infinity;
-			lockKeyDownTime.current = null;
-			if ((holdDuration < HOLD_THRESHOLD_MS ? !previousLockState.current : previousLockState.current) !== previewStore.getSnapshot().context.isContentLocked) previewStore.send({ type: "toggleLockContent" });
-			previousLockState.current = null;
-		};
-		const handleMessage = (event) => {
-			if (event.data?.type === "holdLockContent") {
-				if (previousLockState.current === null) {
-					lockKeyDownTime.current = Date.now();
-					previousLockState.current = previewStore.getSnapshot().context.isContentLocked;
-					if (!previousLockState.current) previewStore.send({ type: "toggleLockContent" });
+				if (event_1.data?.type === "releaseLockContent") {
+					releaseLock();
+					return;
 				}
-				return;
-			}
-			if (event.data?.type === "releaseLockContent") {
-				releaseLock();
-				return;
-			}
-			if (event.data?.type === "executeAction") {
-				const { actionId } = event.data;
-				const action = actions.find((a) => a.id === actionId);
-				if (action) action.execute();
-			}
-		};
-		document.addEventListener("keydown", handleKeyDown);
-		document.addEventListener("keyup", handleKeyUp);
-		window.addEventListener("message", handleMessage);
-		return () => {
-			document.removeEventListener("keydown", handleKeyDown);
-			document.removeEventListener("keyup", handleKeyUp);
-			window.removeEventListener("message", handleMessage);
+				if (event_1.data?.type === "executeAction") {
+					const { actionId } = event_1.data;
+					const action_0 = actions.find((a) => a.id === actionId);
+					if (action_0) action_0.execute();
+				}
+			};
+			document.addEventListener("keydown", handleKeyDown);
+			document.addEventListener("keyup", handleKeyUp);
+			window.addEventListener("message", handleMessage);
+			return () => {
+				document.removeEventListener("keydown", handleKeyDown);
+				document.removeEventListener("keyup", handleKeyUp);
+				window.removeEventListener("message", handleMessage);
+			};
 		};
-	}, [actions]);
+		t1 = [actions];
+		$[0] = actions;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	React.useEffect(t0, t1);
+}
+function _temp(state) {
+	return state.context.actions;
 }
 //#endregion
 export { useAdminShortcuts };

package/dist/features/routes/pageRoute.js

@@ -1,6 +1,7 @@
 import { seedBlockCaches } from "../../lib/normalized-data.js";
 import { CamoxPreview, PageContent } from "../preview/CamoxPreview.js";
 import { trackEvent } from "../../lib/analytics.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { queryKeys } from "@camox/api/query-keys";
 import { createORPCClient } from "@orpc/client";
@@ -139,7 +140,13 @@ function createPageHead(camoxApp) {
 	};
 }
 var PageRouteComponent = () => {
-	return /* @__PURE__ */ jsx(CamoxPreview, { children: /* @__PURE__ */ jsx(PageContent, {}) });
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(CamoxPreview, { children: /* @__PURE__ */ jsx(PageContent, {}) });
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 //#endregion
 export { PageRouteComponent, createMarkdownMiddleware, createPageHead, createPageLoader, getOrigin, parseQuality, prefersMarkdown };