camox 0.40.0 → 0.41.0

package/dist/features/runtime/studioApp.js

@@ -1,184 +1,21 @@
-import { useSignInRedirect } from "../../lib/auth.js";
-import { STUDIO_CONTENT_PATH } from "../studio/routes.js";
-import { CamoxContent } from "../content/CamoxContent.js";
-import { AuthGate } from "../../components/AuthGate.js";
-import { AuthenticatedCamoxProvider } from "../provider/AuthenticatedCamoxProvider.js";
-import { CoreCamoxProvider } from "../provider/CoreCamoxProvider.js";
-import { CamoxStudio } from "../studio/CamoxStudio.js";
-import { CompleteBlockEditingRuntimeProvider } from "../../core/editing/CompleteBlockEditingRuntime.js";
-import { StudioNavigationProvider } from "./studioNavigation.js";
+import { PageApp } from "./pageApp.js";
 import { c } from "react/compiler-runtime";
-import { HydrationBoundary, QueryClientProvider } from "@tanstack/react-query";
-import * as React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/features/runtime/studioApp.tsx
-function StudioRouteContent(t0) {
-	const $ = c(4);
-	if ($[0] !== "4c9c648e70d7360e13c0b3d8d0f0633d0ab4263e359229c8802810bae1f42f17") {
-		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4c9c648e70d7360e13c0b3d8d0f0633d0ab4263e359229c8802810bae1f42f17";
+function StudioApp(props) {
+	const $ = c(3);
+	if ($[0] !== "67c2b6f45da5572f3c7b8c4d68491571a2d455e4cd7067c0380e91fc49b09d93") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "67c2b6f45da5572f3c7b8c4d68491571a2d455e4cd7067c0380e91fc49b09d93";
 	}
-	const { input } = t0;
-	if (input.pathname === STUDIO_CONTENT_PATH) {
-		let t1;
-		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-			t1 = /* @__PURE__ */ jsx(CamoxContent, {});
-			$[1] = t1;
-		} else t1 = $[1];
-		return t1;
-	}
-	if (input.routeKind === "studio-nested") {
-		let t1;
-		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-			t1 = /* @__PURE__ */ jsx("div", {
-				className: "text-muted-foreground p-6 text-sm",
-				children: "Studio page not found"
-			});
-			$[2] = t1;
-		} else t1 = $[2];
-		return t1;
-	}
-	let t1;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground p-6 text-sm",
-			children: "Loading Studio…"
-		});
-		$[3] = t1;
-	} else t1 = $[3];
-	return t1;
-}
-function StudioAuthentication(t0) {
-	const $ = c(6);
-	if ($[0] !== "4c9c648e70d7360e13c0b3d8d0f0633d0ab4263e359229c8802810bae1f42f17") {
-		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4c9c648e70d7360e13c0b3d8d0f0633d0ab4263e359229c8802810bae1f42f17";
-	}
-	const { children } = t0;
-	const signInRedirect = useSignInRedirect(_temp);
-	let t1;
-	let t2;
-	if ($[1] !== signInRedirect) {
-		t1 = () => signInRedirect();
-		t2 = [signInRedirect];
-		$[1] = signInRedirect;
-		$[2] = t1;
-		$[3] = t2;
-	} else {
-		t1 = $[2];
-		t2 = $[3];
-	}
-	React.useEffect(t1, t2);
-	let t3;
-	if ($[4] !== children) {
-		t3 = /* @__PURE__ */ jsx(Fragment, { children });
-		$[4] = children;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
-}
-function _temp() {
-	if (typeof window === "undefined") return;
-	return new URL("/", window.location.href).href;
-}
-function StudioAccessGate(t0) {
-	const $ = c(6);
-	if ($[0] !== "4c9c648e70d7360e13c0b3d8d0f0633d0ab4263e359229c8802810bae1f42f17") {
-		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4c9c648e70d7360e13c0b3d8d0f0633d0ab4263e359229c8802810bae1f42f17";
-	}
-	const { children } = t0;
-	let t1;
-	if ($[1] !== children) {
-		t1 = /* @__PURE__ */ jsx(AuthenticatedCamoxProvider, { children });
-		$[1] = children;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(StudioAuthentication, { children: null });
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== t1) {
-		t3 = /* @__PURE__ */ jsx(AuthGate, {
-			authenticated: t1,
-			loading: null,
-			unauthenticated: t2
-		});
-		$[4] = t1;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
-}
-function StudioApp(t0) {
-	const $ = c(21);
-	if ($[0] !== "4c9c648e70d7360e13c0b3d8d0f0633d0ab4263e359229c8802810bae1f42f17") {
-		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4c9c648e70d7360e13c0b3d8d0f0633d0ab4263e359229c8802810bae1f42f17";
-	}
-	const { camoxApp, input, queryClient } = t0;
-	const t1 = input.dehydratedState;
-	let t2;
-	if ($[1] !== input) {
-		t2 = /* @__PURE__ */ jsx(StudioAccessGate, { children: /* @__PURE__ */ jsx(CompleteBlockEditingRuntimeProvider, { children: /* @__PURE__ */ jsx(CamoxStudio, { children: /* @__PURE__ */ jsx(StudioRouteContent, { input }) }) }) });
-		$[1] = input;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== camoxApp || $[4] !== input.apiUrl || $[5] !== input.authenticationUrl || $[6] !== input.environmentName || $[7] !== input.projectSlug || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsx(CoreCamoxProvider, {
-			camoxApp,
-			authenticationUrl: input.authenticationUrl,
-			apiUrl: input.apiUrl,
-			projectSlug: input.projectSlug,
-			environmentName: input.environmentName,
-			children: t2
-		});
-		$[3] = camoxApp;
-		$[4] = input.apiUrl;
-		$[5] = input.authenticationUrl;
-		$[6] = input.environmentName;
-		$[7] = input.projectSlug;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	let t4;
-	if ($[10] !== input.href || $[11] !== input.pathname || $[12] !== input.runtimeBasePath || $[13] !== t3) {
-		t4 = /* @__PURE__ */ jsx(StudioNavigationProvider, {
-			href: input.href,
-			pathname: input.pathname,
-			runtimeBasePath: input.runtimeBasePath,
-			children: t3
-		});
-		$[10] = input.href;
-		$[11] = input.pathname;
-		$[12] = input.runtimeBasePath;
-		$[13] = t3;
-		$[14] = t4;
-	} else t4 = $[14];
-	let t5;
-	if ($[15] !== t1 || $[16] !== t4) {
-		t5 = /* @__PURE__ */ jsx(HydrationBoundary, {
-			state: t1,
-			children: t4
-		});
-		$[15] = t1;
-		$[16] = t4;
-		$[17] = t5;
-	} else t5 = $[17];
-	let t6;
-	if ($[18] !== queryClient || $[19] !== t5) {
-		t6 = /* @__PURE__ */ jsx(QueryClientProvider, {
-			client: queryClient,
-			children: t5
-		});
-		$[18] = queryClient;
-		$[19] = t5;
-		$[20] = t6;
-	} else t6 = $[20];
-	return t6;
+	let t0;
+	if ($[1] !== props) {
+		t0 = /* @__PURE__ */ jsx(PageApp, { ...props });
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 }
 
 //#endregion

package/dist/features/studio/CamoxStudio.js

@@ -1,21 +1,23 @@
 import { Navigate, useLocation } from "../navigation/navigation.js";
 import { useAuthState, useSignInRedirect } from "../../lib/auth.js";
+import { SharedChromeContext } from "../runtime/SharedChromeContext.js";
 import { STUDIO_BASE_PATH } from "./routes.js";
 import { trackClientEvent } from "../../lib/telemetry-client.js";
 import { Navbar } from "./components/Navbar.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/studio/CamoxStudio.tsx
 const CamoxStudio = (t0) => {
-	const $ = c(14);
-	if ($[0] !== "869273f9f42924824ee2b9e5a0066bb2be142208aab9426269ff2984ede38347") {
-		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "869273f9f42924824ee2b9e5a0066bb2be142208aab9426269ff2984ede38347";
+	const $ = c(16);
+	if ($[0] !== "424ccf9eb3e0b68f3206047ad39569798182b6392a92ca98a7e9d6cf3cc9ff22") {
+		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "424ccf9eb3e0b68f3206047ad39569798182b6392a92ca98a7e9d6cf3cc9ff22";
 	}
 	const { children } = t0;
 	const { isAuthenticated, isLoading: isLoadingAuth } = useAuthState();
+	const sharedChrome = React.useContext(SharedChromeContext);
 	const { pathname } = useLocation();
 	const signInRedirect = useSignInRedirect();
 	let t1;
@@ -62,25 +64,37 @@ const CamoxStudio = (t0) => {
 	if (pathname === STUDIO_BASE_PATH) {
 		let t5;
 		if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-			t5 = /* @__PURE__ */ jsx(Navigate, { to: "/" });
+			t5 = /* @__PURE__ */ jsx(Navigate, {
+				to: "/",
+				replace: true
+			});
 			$[10] = t5;
 		} else t5 = $[10];
 		return t5;
 	}
+	if (sharedChrome) {
+		let t5;
+		if ($[11] !== children) {
+			t5 = /* @__PURE__ */ jsx(Fragment, { children });
+			$[11] = children;
+			$[12] = t5;
+		} else t5 = $[12];
+		return t5;
+	}
 	let t5;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = /* @__PURE__ */ jsx(Navbar, {});
-		$[11] = t5;
-	} else t5 = $[11];
+		$[13] = t5;
+	} else t5 = $[13];
 	let t6;
-	if ($[12] !== children) {
+	if ($[14] !== children) {
 		t6 = /* @__PURE__ */ jsxs("div", {
 			className: "bg-background flex h-screen flex-col overflow-hidden",
 			children: [t5, children]
 		});
-		$[12] = children;
-		$[13] = t6;
-	} else t6 = $[13];
+		$[14] = children;
+		$[15] = t6;
+	} else t6 = $[15];
 	return t6;
 };
 

package/dist/features/studio/components/Navbar.js

@@ -2,6 +2,7 @@ import { Link as Link$1, useLocation, useNavigate } from "../../navigation/navig
 import { actionsStore } from "../../provider/actionsStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageQueries, projectQueries } from "../../../lib/queries.js";
+import { PlatformLabel } from "../../../components/PlatformLabel.js";
 import { cn } from "../../../lib/utils.js";
 import { STUDIO_CONTENT_PATH } from "../routes.js";
 import { studioStore } from "../studioStore.js";
@@ -34,121 +35,126 @@ const links = [{
 		"CMS"
 	]
 }];
-const Navbar = () => {
-	const $ = c(19);
-	if ($[0] !== "4fd5828728ac76dc7c63a1b38dbea3991a6750be46540e90d91c5dccb46797e2") {
-		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4fd5828728ac76dc7c63a1b38dbea3991a6750be46540e90d91c5dccb46797e2";
+const Navbar = (t0) => {
+	const $ = c(20);
+	if ($[0] !== "4608f306773df1a594409c84a68bc5a0c72c93c4fbda9136da94d4900e84546d") {
+		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4608f306773df1a594409c84a68bc5a0c72c93c4fbda9136da94d4900e84546d";
 	}
+	const { isPreview: t1 } = t0;
+	const isPreview = t1 === void 0 ? false : t1;
 	const projectSlug = useProjectSlug();
-	let t0;
+	let t2;
 	if ($[1] !== projectSlug) {
-		t0 = projectQueries.getBySlug(projectSlug);
+		t2 = projectQueries.getBySlug(projectSlug);
 		$[1] = projectSlug;
-		$[2] = t0;
-	} else t0 = $[2];
-	const { data: project } = useQuery(t0);
-	let t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	const { data: project } = useQuery(t2);
+	let t3;
 	if ($[3] !== project?.id) {
-		t1 = pageQueries.list(project?.id ?? 0);
+		t3 = pageQueries.list(project?.id ?? 0);
 		$[3] = project?.id;
-		$[4] = t1;
-	} else t1 = $[4];
-	const t2 = !!project;
-	let t3;
-	if ($[5] !== t1 || $[6] !== t2) {
-		t3 = {
-			...t1,
-			enabled: t2
+		$[4] = t3;
+	} else t3 = $[4];
+	const t4 = !!project;
+	let t5;
+	if ($[5] !== t3 || $[6] !== t4) {
+		t5 = {
+			...t3,
+			enabled: t4
 		};
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	const { data: pages } = useQuery(t3);
-	const isMac = navigator.userAgent.toUpperCase().indexOf("MAC") >= 0;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	const { data: pages } = useQuery(t5);
 	const { pathname } = useLocation();
-	let t4;
+	let t6;
 	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs("div", {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			className: "flew-row flex gap-1",
 			children: [/* @__PURE__ */ jsx(ProjectMenu, {}), /* @__PURE__ */ jsx(EnvironmentMenu, {})]
 		});
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== pages || $[10] !== pathname) {
-		t5 = links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link$1, {
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== isPreview || $[10] !== pages || $[11] !== pathname) {
+		t7 = links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link$1, {
 			to: link.to,
-			className: cn("flex gap-2 items-center rounded-md px-4 py-2 text-sm font-medium", "hover:bg-accent hover:text-accent-foreground outline-none transition-[color,box-shadow] focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1", pages?.some((page) => page.fullPath === pathname) && index === 0 ? "bg-accent hover:bg-accent text-accent-foreground" : "text-muted-foreground"),
+			className: cn("flex gap-2 items-center rounded-md px-4 py-2 text-sm font-medium", "hover:bg-accent hover:text-accent-foreground outline-none transition-[color,box-shadow] focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1", (isPreview || pages?.some((page) => page.fullPath === pathname)) && index === 0 ? "bg-accent hover:bg-accent text-accent-foreground" : "text-muted-foreground"),
 			activeProps: { className: "bg-accent hover:bg-accent text-accent-foreground!" },
 			children: link.children
 		}) }, link.to));
-		$[9] = pages;
-		$[10] = pathname;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
+		$[9] = isPreview;
+		$[10] = pages;
+		$[11] = pathname;
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-row gap-2",
-			children: [t4, /* @__PURE__ */ jsx("ul", {
+			children: [t6, /* @__PURE__ */ jsx("ul", {
 				className: "flex items-center gap-1",
-				children: t5
+				children: t7
 			})]
 		});
-		$[12] = t5;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	let t8;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(SearchIcon, { className: "text-muted-foreground size-4" });
-		t8 = /* @__PURE__ */ jsx("span", {
+		$[13] = t7;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t10;
+	let t9;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(SearchIcon, { className: "text-muted-foreground size-4" });
+		t10 = /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground",
 			children: "Quick find"
 		});
-		$[14] = t7;
-		$[15] = t8;
+		$[15] = t10;
+		$[16] = t9;
 	} else {
-		t7 = $[14];
-		t8 = $[15];
+		t10 = $[15];
+		t9 = $[16];
 	}
-	let t9;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsxs("div", {
+	let t11;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
 			children: [/* @__PURE__ */ jsxs(Button, {
 				variant: "outline",
 				onClick: _temp,
 				children: [
-					t7,
-					t8,
-					/* @__PURE__ */ jsxs(Kbd, {
+					t9,
+					t10,
+					/* @__PURE__ */ jsx(Kbd, {
 						className: "ml-4",
-						children: [isMac ? "⌘" : "Ctrl", " K"]
+						children: /* @__PURE__ */ jsx(PlatformLabel, {
+							mac: "⌘ K",
+							other: "Ctrl K"
+						})
 					})
 				]
 			}), /* @__PURE__ */ jsx(UserButton, {})]
 		});
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	if ($[17] !== t6) {
-		t10 = /* @__PURE__ */ jsxs("nav", {
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] !== t8) {
+		t12 = /* @__PURE__ */ jsxs("nav", {
 			className: "bg-background relative flex items-center justify-between gap-4 border-b-2 px-2 py-2",
-			children: [t6, t9]
+			children: [t8, t11]
 		});
-		$[17] = t6;
-		$[18] = t10;
-	} else t10 = $[18];
-	return t10;
+		$[18] = t8;
+		$[19] = t12;
+	} else t12 = $[19];
+	return t12;
 };
 function useNavbarActions() {
 	const $ = c(4);
-	if ($[0] !== "4fd5828728ac76dc7c63a1b38dbea3991a6750be46540e90d91c5dccb46797e2") {
+	if ($[0] !== "4608f306773df1a594409c84a68bc5a0c72c93c4fbda9136da94d4900e84546d") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4fd5828728ac76dc7c63a1b38dbea3991a6750be46540e90d91c5dccb46797e2";
+		$[0] = "4608f306773df1a594409c84a68bc5a0c72c93c4fbda9136da94d4900e84546d";
 	}
 	const navigate = useNavigate();
 	let t0;

package/dist/features/studio/studioTheme.js

@@ -0,0 +1,25 @@
+//#region src/features/studio/studioTheme.ts
+const STUDIO_THEME_STORAGE_KEY = "camox:studio:theme";
+function readStudioTheme() {
+	try {
+		const value = localStorage.getItem("camox:studio:theme") ?? localStorage.getItem("theme");
+		if (value === "light" || value === "dark") return value;
+	} catch {}
+	return "system";
+}
+function bootstrapStudioTheme(preference) {
+	let theme = preference ?? "system";
+	if (!preference) try {
+		theme = localStorage.getItem("camox:studio:theme") ?? localStorage.getItem("theme") ?? "system";
+	} catch {}
+	const resolved = theme === "dark" || theme !== "light" && matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	const root = document.documentElement;
+	root.classList.remove("light", "dark");
+	root.classList.add(resolved);
+	root.dataset.camoxStudioTheme = resolved;
+	root.style.colorScheme = resolved;
+}
+const STUDIO_THEME_SCRIPT = `(${bootstrapStudioTheme.toString()})();`;
+
+//#endregion
+export { STUDIO_THEME_SCRIPT, STUDIO_THEME_STORAGE_KEY, bootstrapStudioTheme, readStudioTheme };