camox 0.34.0 → 0.36.0

package/dist/features/provider/CamoxProvider.js

@@ -1,367 +1,109 @@
 import { useLocation } from "../navigation/navigation.js";
-import { actionsStore } from "./actionsStore.js";
-import { AuthContext, createCamoxAuthClient, useAuthActions, useProcessOtt, useSignInRedirect } from "../../lib/auth.js";
-import { initApiClient } from "../../lib/api-client.js";
-import { projectQueries } from "../../lib/queries.js";
-import { identifyProject, identifyUser } from "../../lib/telemetry-client.js";
-import { CamoxAppProvider } from "./components/CamoxAppContext.js";
+import { useSignInRedirect } from "../../lib/auth.js";
 import { STUDIO_BASE_PATH } from "../studio/routes.js";
-import { useApplyTheme, useThemeActions, useThemeValue } from "../studio/useTheme.js";
-import { useNavbarActions } from "../studio/components/Navbar.js";
-import { PreviewPanel } from "../preview/components/PreviewPanel.js";
-import { usePreviewPagesActions } from "../preview/CamoxPreview.js";
 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 { AuthenticatedCamoxProvider } from "./AuthenticatedCamoxProvider.js";
+import { CoreCamoxProvider } from "./CoreCamoxProvider.js";
+import { LocalhostPreviewProvider } from "./LocalhostPreviewProvider.js";
 import { c } from "react/compiler-runtime";
-import { useQuery } from "@tanstack/react-query";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Toaster } from "@camox/ui/toaster";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools/production";
-import studioCssUrl from "virtual:camox-studio-css";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/features/provider/CamoxProvider.tsx
-const isLocalhost = () => {
-	if (typeof window === "undefined") return false;
-	const { hostname } = window.location;
-	return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1";
-};
-const isStudioPathname = (pathname) => {
-	return pathname === STUDIO_BASE_PATH || pathname.startsWith(`${STUDIO_BASE_PATH}/`);
-};
-const AuthenticatedCamoxProvider = ({ children }) => {
-	useAdminShortcuts();
-	useCommandPaletteActions();
-	useThemeActions();
-	useAuthActions();
-	useNavbarActions();
-	usePreviewPagesActions();
-	const { authClient, apiUrl, projectSlug, environmentName } = React.useContext(AuthContext);
-	const { data: session } = authClient.useSession();
-	const user = session?.user;
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-	useProjectRoom(apiUrl, project?.id);
-	React.useEffect(() => {
-		if (!user) return;
-		identifyUser({
-			userId: user.id,
-			email: user.email,
-			name: user.name
-		});
-	}, [user]);
-	React.useEffect(() => {
-		if (!project) return;
-		identifyProject({
-			projectId: project.id,
-			projectSlug,
-			projectName: project.name,
-			environmentName
-		});
-	}, [
-		project,
-		projectSlug,
-		environmentName
-	]);
-	const { resolvedTheme } = useApplyTheme();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		children,
-		/* @__PURE__ */ jsx(Toaster, { theme: resolvedTheme }),
-		/* @__PURE__ */ jsx(CommandPalette, {})
-	] });
-};
-const UnauthenticatedLocalhostPreview = (t0) => {
-	const $ = c(21);
-	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
-		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
-	}
-	const { children } = t0;
-	const signInRedirect = useSignInRedirect();
-	const { resolvedTheme } = useApplyTheme();
-	const [isSignInDialogOpen, setIsSignInDialogOpen] = React.useState(false);
-	useAdminShortcuts();
-	let t1;
-	let t2;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = () => {
-			const actions = [{
-				id: "sign-in-to-edit",
-				label: "Sign in to edit",
-				aliases: ["Enter edit mode", "Edit mode"],
-				groupLabel: "Preview",
-				checkIfAvailable: _temp,
-				execute: () => setIsSignInDialogOpen(true),
-				shortcut: {
-					key: "Enter",
-					withMeta: true
-				}
-			}];
-			actionsStore.send({
-				type: "registerManyActions",
-				actions
-			});
-			return () => {
-				actionsStore.send({
-					type: "unregisterManyActions",
-					ids: actions.map(_temp2)
-				});
-			};
-		};
-		t2 = [];
-		$[1] = t1;
-		$[2] = t2;
-	} else {
-		t1 = $[1];
-		t2 = $[2];
-	}
-	React.useEffect(t1, t2);
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("link", {
-			rel: "stylesheet",
-			href: studioCssUrl
-		});
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = { bottom: "1rem" };
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== resolvedTheme) {
-		t5 = /* @__PURE__ */ jsx(Toaster, {
-			theme: resolvedTheme,
-			position: "bottom-right",
-			offset: t4
-		});
-		$[5] = resolvedTheme;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = { onEditModeChange: (checked) => {
-			if (checked) setIsSignInDialogOpen(true);
-		} };
-		$[7] = t6;
-	} else t6 = $[7];
-	let t7;
-	if ($[8] !== children) {
-		t7 = /* @__PURE__ */ jsx("div", {
-			className: "bg-background flex h-screen flex-col overflow-hidden",
-			children: /* @__PURE__ */ jsx(PreviewPanel, {
-				toolbarProps: t6,
-				children
-			})
-		});
-		$[8] = children;
-		$[9] = t7;
-	} else t7 = $[9];
-	let t8;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Sign in to edit" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "You need to sign in before you can enable edit mode." })] });
-		$[10] = t8;
-	} else t8 = $[10];
-	let t9;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx(AlertDialogCancel, {
-			variant: "outline",
-			size: "default",
-			children: "Cancel"
-		});
-		$[11] = t9;
-	} else t9 = $[11];
-	let t10;
-	if ($[12] !== signInRedirect) {
-		t10 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t8, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t9, /* @__PURE__ */ jsx(AlertDialogAction, {
-			onClick: signInRedirect,
-			children: "Sign in"
-		})] })] });
-		$[12] = signInRedirect;
-		$[13] = t10;
-	} else t10 = $[13];
-	let t11;
-	if ($[14] !== isSignInDialogOpen || $[15] !== t10) {
-		t11 = /* @__PURE__ */ jsx(AlertDialog, {
-			open: isSignInDialogOpen,
-			onOpenChange: setIsSignInDialogOpen,
-			children: t10
-		});
-		$[14] = isSignInDialogOpen;
-		$[15] = t10;
-		$[16] = t11;
-	} else t11 = $[16];
-	let t12;
-	if ($[17] !== t11 || $[18] !== t5 || $[19] !== t7) {
-		t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t3,
-			t5,
-			t7,
-			t11
-		] });
-		$[17] = t11;
-		$[18] = t5;
-		$[19] = t7;
-		$[20] = t12;
-	} else t12 = $[20];
-	return t12;
-};
-const UnauthenticatedPage = (t0) => {
-	const $ = c(9);
-	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
-		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
-	}
-	const { children } = t0;
-	const { theme } = useThemeValue();
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = { bottom: "1rem" };
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== theme) {
-		t2 = /* @__PURE__ */ jsx(Toaster, {
-			theme,
-			position: "bottom-right",
-			offset: t1
-		});
-		$[2] = theme;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== children) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: "bg-background min-h-screen",
-			children
-		});
-		$[4] = children;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== t2 || $[7] !== t3) {
-		t4 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t3] });
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
-};
-const UnauthenticatedCamoxProvider = (t0) => {
-	const $ = c(14);
-	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
-		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
+function UnauthenticatedExperience(t0) {
+	const $ = c(13);
+	if ($[0] !== "29d68a11213af2b1fef531271ea0f2268b5c50fdad0696b9211d3ed97537e7c8") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "29d68a11213af2b1fef531271ea0f2268b5c50fdad0696b9211d3ed97537e7c8";
 	}
 	const { children } = t0;
 	const { pathname } = useLocation();
 	let t1;
 	if ($[1] !== pathname) {
-		t1 = () => {
-			if (typeof window === "undefined") return;
-			if (pathname !== STUDIO_BASE_PATH) return window.location.href;
-			return new URL("/", window.location.href).href;
-		};
+		t1 = pathname === STUDIO_BASE_PATH || pathname.startsWith(`${STUDIO_BASE_PATH}/`);
 		$[1] = pathname;
 		$[2] = t1;
 	} else t1 = $[2];
-	const signInRedirect = useSignInRedirect(t1);
+	const isStudio = t1;
 	let t2;
-	let t3;
-	if ($[3] !== pathname || $[4] !== signInRedirect) {
+	if ($[3] !== isStudio) {
 		t2 = () => {
-			if (!isStudioPathname(pathname)) return;
-			signInRedirect();
+			if (typeof window === "undefined") return;
+			if (!isStudio) return window.location.href;
+			return new URL("/", window.location.href).href;
 		};
-		t3 = [pathname, signInRedirect];
-		$[3] = pathname;
-		$[4] = signInRedirect;
-		$[5] = t2;
-		$[6] = t3;
-	} else {
-		t2 = $[5];
-		t3 = $[6];
-	}
-	React.useEffect(t2, t3);
+		$[3] = isStudio;
+		$[4] = t2;
+	} else t2 = $[4];
+	const signInRedirect = useSignInRedirect(t2);
+	let t3;
 	let t4;
-	let t5;
-	if ($[7] !== signInRedirect) {
-		t4 = () => {
-			const handleKeyDown = (event) => {
-				if (isLocalhost()) return;
-				if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
-					event.preventDefault();
-					signInRedirect();
-				}
-			};
-			document.addEventListener("keydown", handleKeyDown);
-			return () => document.removeEventListener("keydown", handleKeyDown);
+	if ($[5] !== isStudio || $[6] !== signInRedirect) {
+		t3 = () => {
+			if (isStudio) signInRedirect();
 		};
-		t5 = [signInRedirect];
-		$[7] = signInRedirect;
+		t4 = [isStudio, signInRedirect];
+		$[5] = isStudio;
+		$[6] = signInRedirect;
+		$[7] = t3;
 		$[8] = t4;
-		$[9] = t5;
 	} else {
+		t3 = $[7];
 		t4 = $[8];
-		t5 = $[9];
-	}
-	React.useEffect(t4, t5);
-	if (isStudioPathname(pathname)) return null;
-	if (isLocalhost() && !isStudioPathname(pathname)) {
-		let t6;
-		if ($[10] !== children) {
-			t6 = /* @__PURE__ */ jsx(UnauthenticatedLocalhostPreview, { children });
-			$[10] = children;
-			$[11] = t6;
-		} else t6 = $[11];
-		return t6;
 	}
-	let t6;
-	if ($[12] !== children) {
-		t6 = /* @__PURE__ */ jsx(UnauthenticatedPage, { children });
-		$[12] = children;
-		$[13] = t6;
-	} else t6 = $[13];
-	return t6;
-};
-function CamoxProvider({ children, camoxApp, authenticationUrl, apiUrl, projectSlug, environmentName }) {
-	const authClient = React.useMemo(() => createCamoxAuthClient(apiUrl), [apiUrl]);
-	const initializedApiUrl = React.useRef(null);
-	if (initializedApiUrl.current !== apiUrl) {
-		initApiClient(apiUrl, environmentName);
-		initializedApiUrl.current = apiUrl;
+	React.useEffect(t3, t4);
+	if (isStudio) return null;
+	if (typeof window !== "undefined" && [
+		"localhost",
+		"127.0.0.1",
+		"::1"
+	].includes(location.hostname)) {
+		let t5;
+		if ($[9] !== children) {
+			t5 = /* @__PURE__ */ jsx(LocalhostPreviewProvider, { children });
+			$[9] = children;
+			$[10] = t5;
+		} else t5 = $[10];
+		return t5;
 	}
-	if (!useProcessOtt(authClient)) return null;
-	const unauthenticated = /* @__PURE__ */ jsx(UnauthenticatedCamoxProvider, { children });
-	return /* @__PURE__ */ jsx(AuthContext.Provider, {
-		value: {
-			authClient,
-			authenticationUrl,
-			apiUrl,
-			projectSlug,
-			environmentName
-		},
-		children: /* @__PURE__ */ jsxs(CamoxAppProvider, {
-			app: camoxApp,
-			children: [__ENABLE_TANSTACK_DEVTOOLS__ && /* @__PURE__ */ jsx(ReactQueryDevtools, { initialIsOpen: false }), /* @__PURE__ */ jsx(AuthGate, {
-				authenticated: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("link", {
-					rel: "stylesheet",
-					href: studioCssUrl
-				}), /* @__PURE__ */ jsx(AuthenticatedCamoxProvider, { children })] }),
-				loading: unauthenticated,
-				unauthenticated
-			})]
-		})
-	});
-}
-function _temp() {
-	return true;
+	let t5;
+	if ($[11] !== children) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: "bg-background min-h-screen",
+			children
+		});
+		$[11] = children;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 }
-function _temp2(action) {
-	return action.id;
+function CamoxProvider(props) {
+	const $ = c(6);
+	if ($[0] !== "29d68a11213af2b1fef531271ea0f2268b5c50fdad0696b9211d3ed97537e7c8") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "29d68a11213af2b1fef531271ea0f2268b5c50fdad0696b9211d3ed97537e7c8";
+	}
+	let t0;
+	if ($[1] !== props.children) {
+		t0 = /* @__PURE__ */ jsx(AuthGate, {
+			authenticated: /* @__PURE__ */ jsx(AuthenticatedCamoxProvider, { children: props.children }),
+			loading: /* @__PURE__ */ jsx(UnauthenticatedExperience, { children: props.children }),
+			unauthenticated: /* @__PURE__ */ jsx(UnauthenticatedExperience, { children: props.children })
+		});
+		$[1] = props.children;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== props || $[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(CoreCamoxProvider, {
+			...props,
+			children: t0
+		});
+		$[3] = props;
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 }
 
 //#endregion

package/dist/features/provider/CoreCamoxProvider.js

@@ -0,0 +1,37 @@
+import { AuthContext, createCamoxAuthClient, useProcessOtt } from "../../lib/auth.js";
+import { initApiClient } from "../../lib/api-client.js";
+import { CamoxAppProvider } from "./components/CamoxAppContext.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/provider/CoreCamoxProvider.tsx
+function isLocalhostPreview() {
+	if (typeof window === "undefined") return false;
+	const { hostname } = window.location;
+	return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1";
+}
+function CoreCamoxProvider({ apiUrl, authenticationUrl, camoxApp, children, environmentName, projectSlug }) {
+	const authClient = React.useMemo(() => createCamoxAuthClient(apiUrl), [apiUrl]);
+	const initializedApiUrl = React.useRef(null);
+	if (initializedApiUrl.current !== apiUrl) {
+		initApiClient(apiUrl, environmentName);
+		initializedApiUrl.current = apiUrl;
+	}
+	useProcessOtt(authClient);
+	return /* @__PURE__ */ jsx(AuthContext.Provider, {
+		value: {
+			authClient,
+			authenticationUrl,
+			apiUrl,
+			projectSlug,
+			environmentName
+		},
+		children: /* @__PURE__ */ jsx(CamoxAppProvider, {
+			app: camoxApp,
+			children
+		})
+	});
+}
+
+//#endregion
+export { CoreCamoxProvider, isLocalhostPreview };

package/dist/features/provider/LocalhostPreviewProvider.js

@@ -0,0 +1,159 @@
+import { actionsStore } from "./actionsStore.js";
+import { useSignInRedirect } from "../../lib/auth.js";
+import { useApplyTheme } from "../studio/useTheme.js";
+import { PreviewPanel } from "../preview/components/PreviewPanel.js";
+import { useAdminShortcuts } from "./useAdminShortcuts.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { Toaster } from "@camox/ui/toaster";
+import studioCssUrl from "virtual:camox-studio-css";
+
+//#region src/features/provider/LocalhostPreviewProvider.tsx
+function LocalhostPreviewProvider(t0) {
+	const $ = c(21);
+	if ($[0] !== "bd39c46de8381d98c4a04fb8c92df87704f578a9561f6fbfafaa182175dd58dd") {
+		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "bd39c46de8381d98c4a04fb8c92df87704f578a9561f6fbfafaa182175dd58dd";
+	}
+	const { children } = t0;
+	const signInRedirect = useSignInRedirect();
+	const { resolvedTheme } = useApplyTheme();
+	const [isSignInDialogOpen, setIsSignInDialogOpen] = React.useState(false);
+	useAdminShortcuts();
+	let t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			const actions = [{
+				id: "sign-in-to-edit",
+				label: "Sign in to edit",
+				aliases: ["Enter edit mode", "Edit mode"],
+				groupLabel: "Preview",
+				checkIfAvailable: _temp,
+				execute: () => setIsSignInDialogOpen(true),
+				shortcut: {
+					key: "Enter",
+					withMeta: true
+				}
+			}];
+			actionsStore.send({
+				type: "registerManyActions",
+				actions
+			});
+			return () => {
+				actionsStore.send({
+					type: "unregisterManyActions",
+					ids: actions.map(_temp2)
+				});
+			};
+		};
+		t2 = [];
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	React.useEffect(t1, t2);
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("link", {
+			rel: "stylesheet",
+			href: studioCssUrl
+		});
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = { bottom: "1rem" };
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== resolvedTheme) {
+		t5 = /* @__PURE__ */ jsx(Toaster, {
+			theme: resolvedTheme,
+			position: "bottom-right",
+			offset: t4
+		});
+		$[5] = resolvedTheme;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = { onEditModeChange: (checked) => {
+			if (checked) setIsSignInDialogOpen(true);
+		} };
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== children) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			className: "bg-background flex h-screen flex-col overflow-hidden",
+			children: /* @__PURE__ */ jsx(PreviewPanel, {
+				toolbarProps: t6,
+				children
+			})
+		});
+		$[8] = children;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Sign in to edit" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "You need to sign in before you can enable edit mode." })] });
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			variant: "outline",
+			size: "default",
+			children: "Cancel"
+		});
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] !== signInRedirect) {
+		t10 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t8, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t9, /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: signInRedirect,
+			children: "Sign in"
+		})] })] });
+		$[12] = signInRedirect;
+		$[13] = t10;
+	} else t10 = $[13];
+	let t11;
+	if ($[14] !== isSignInDialogOpen || $[15] !== t10) {
+		t11 = /* @__PURE__ */ jsx(AlertDialog, {
+			open: isSignInDialogOpen,
+			onOpenChange: setIsSignInDialogOpen,
+			children: t10
+		});
+		$[14] = isSignInDialogOpen;
+		$[15] = t10;
+		$[16] = t11;
+	} else t11 = $[16];
+	let t12;
+	if ($[17] !== t11 || $[18] !== t5 || $[19] !== t7) {
+		t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t3,
+			t5,
+			t7,
+			t11
+		] });
+		$[17] = t11;
+		$[18] = t5;
+		$[19] = t7;
+		$[20] = t12;
+	} else t12 = $[20];
+	return t12;
+}
+function _temp2(action) {
+	return action.id;
+}
+function _temp() {
+	return true;
+}
+
+//#endregion
+export { LocalhostPreviewProvider };

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

@@ -2,9 +2,9 @@ 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 { useSelector } from "@xstate/store-react";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut } from "@camox/ui/command";
 
 //#region src/features/provider/components/CommandPalette.tsx

package/dist/features/provider/useAdminShortcuts.js

@@ -1,8 +1,8 @@
 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";
+import { useSelector } from "@xstate/store-react";
 
 //#region src/features/provider/useAdminShortcuts.tsx
 /**

package/dist/features/runtime/hydrationData.js

@@ -0,0 +1,9 @@
+//#region src/features/runtime/hydrationData.ts
+function readHydrationData() {
+	const script = document.getElementById("__CAMOX_DATA__");
+	if (!script?.textContent) throw new Error("Camox runtime hydration data was not found.");
+	return JSON.parse(script.textContent);
+}
+
+//#endregion
+export { readHydrationData };