camox 0.40.0 → 0.41.1

package/dist/features/runtime/runtime.js

@@ -1,4 +1,7 @@
-import { buildCamoxPageHead, createMarkdownResponse, createServerApiClient, isNotFoundError, loadCamoxPageForRequest } from "../routes/pageRuntime.js";
+import { PLATFORM_SCRIPT } from "../../lib/platform.js";
+import { STUDIO_THEME_SCRIPT } from "../studio/studioTheme.js";
+import { matchDerivedLayout } from "../../core/derivedRoutes.js";
+import { buildCamoxPageHead, createMarkdownResponse, createServerApiClient, isAuthSessionError, isNotFoundError, loadCamoxPageForRequest, seedBlockCaches } from "../routes/pageRuntime.js";
 import { QueryClient, dehydrate } from "@tanstack/react-query";
 import { createHead, renderSSRHead } from "@unhead/react/server";
 
@@ -40,8 +43,7 @@ function normalizePagePath(path) {
 	if (!path) return "/";
 	return path.startsWith("/") ? path : `/${path}`;
 }
-function getLayoutIdentity(data, source) {
-	const layout = data.page.layout;
+function getLayoutIdentity(layout, source) {
 	if (!layout) return null;
 	const version = source === "live" ? String(layout.livePublishedCheckpointId ?? "none") : String(layout.contentUpdatedAt ?? layout.updatedAt);
 	return {
@@ -173,10 +175,15 @@ function createPageHeadInput(head) {
 		link: pageLinks
 	};
 }
-function renderHead(document, pageHead, stylesheetUrl) {
+function renderHead(document, pageHead, stylesheetUrl, studioStylesheetUrl) {
 	const head = createHead();
 	head.push(createDefaultHeadInput(stylesheetUrl));
 	head.push(document);
+	if (studioStylesheetUrl) head.push({ link: [{
+		rel: "stylesheet",
+		href: studioStylesheetUrl,
+		"data-camox-studio": "true"
+	}] });
 	head.push(pageHead);
 	return renderSSRHead(head);
 }
@@ -187,6 +194,20 @@ function renderClientEntryScript(src) {
 	if (!src) return "";
 	return `<script type="module" src="${escapeXml(src)}"><\/script>`;
 }
+async function preparePreviewDocument(input, options, document, content) {
+	const siteHead = renderHead(document, createPageHeadInput(input.head ?? {}), options.stylesheetUrl);
+	const href = new URL(withRuntimeBasePath(input.pathname, options.runtimeBasePath), input.href).href;
+	const siteHtml = content ?? (options.renderPage ? await options.renderPage({
+		...input,
+		href,
+		presentation: "public",
+		previewDocument: void 0
+	}) : "");
+	input.previewDocument = `<!doctype html><html${siteHead.htmlAttrs}><head><base href="${escapeXml(href)}">${siteHead.headTags}</head><body${siteHead.bodyAttrs}>${siteHead.bodyTagsOpen}<div id="root" data-camox-preview-root>${siteHtml}</div>${siteHead.bodyTags}</body></html>`;
+}
+function renderStudioThemeScript(enabled) {
+	return enabled ? `<script data-camox-studio>${STUDIO_THEME_SCRIPT}${PLATFORM_SCRIPT}<\/script>` : "";
+}
 async function createPageHtmlResponse({ options, pathname, request }) {
 	if (!options.apiUrl || !options.authenticationUrl || !options.projectSlug || !options.renderPage) return createPageDataResponse({
 		options,
@@ -204,31 +225,39 @@ async function createPageHtmlResponse({ options, pathname, request }) {
 			projectSlug: options.projectSlug,
 			queryClient
 		});
-		const headers = new Headers({ "Content-Type": "text/html; charset=utf-8" });
+		const headers = new Headers({
+			"Content-Type": "text/html; charset=utf-8",
+			Vary: "Cookie"
+		});
+		if (getServerAuthCookieHeader(request.headers)) headers.set("Cache-Control", "private, no-store");
 		if (result.shouldClearAuthCookie) headers.append("Set-Cookie", buildClearServerAuthCookieHeader());
 		const camoxApp = await options.getCamoxApp?.();
 		const document = await options.getDocument?.() ?? {};
 		const head = camoxApp ? buildCamoxPageHead(camoxApp, result.data) : {};
 		const dehydratedState = dehydrate(queryClient);
 		const pageRenderInput = {
+			project: result.source === "draft" ? await createServerApiClient(options.apiUrl, options.environmentName, { authCookieHeader: getServerAuthCookieHeader(request.headers) }).projects.getBySlug({ slug: options.projectSlug }) : void 0,
+			presentation: result.source === "draft" ? "studio" : "public",
 			apiUrl: options.apiUrl,
 			authenticationUrl: options.authenticationUrl,
 			dehydratedState,
 			environmentName: options.environmentName,
 			head,
 			href: new URL(request.url).href,
-			layoutIdentity: getLayoutIdentity(result.data, result.source),
+			layoutIdentity: getLayoutIdentity(result.data.page.layout, result.source),
 			loaderData: result.data,
 			pathname,
 			projectSlug: options.projectSlug,
 			runtimeBasePath: normalizeRuntimeBasePath(options.runtimeBasePath),
 			source: result.source
 		};
+		await preparePreviewDocument(pageRenderInput, options, document, result.source === "live" ? "" : void 0);
 		const appHtml = await options.renderPage(pageRenderInput);
-		const renderedHead = renderHead(document, createPageHeadInput(head), options.stylesheetUrl);
+		const renderedHead = renderHead(result.source === "draft" ? {} : document, createPageHeadInput(head), result.source === "draft" ? void 0 : options.stylesheetUrl, result.source === "draft" ? options.studioStylesheetUrl : void 0);
 		return new Response(`<!doctype html>
 <html${renderedHead.htmlAttrs}>
 <head>
+${renderStudioThemeScript(result.source === "draft")}
 ${renderedHead.headTags}
 <script id="__CAMOX_DATA__" type="application/json">${serializeJsonForHtml(pageRenderInput)}<\/script>
 </head>
@@ -240,18 +269,102 @@ ${renderClientEntryScript(options.pageClientEntryUrl)}
 </body>
 </html>`, { headers });
 	} catch (error) {
-		if (isNotFoundError(error)) return new Response("No Camox page on this path", { status: 404 });
+		if (isNotFoundError(error)) {
+			const derived = await createDerivedResponse(options, pathname, request);
+			if (derived) return derived;
+			return new Response("No Camox page on this path", { status: 404 });
+		}
+		throw error;
+	}
+}
+async function createDerivedResponse(options, pathname, request, dataOnly = false) {
+	const app = await options.getCamoxApp?.();
+	const match = app && matchDerivedLayout(app.getLayouts(), pathname);
+	if (!match || !dataOnly && !options.renderPage) return null;
+	try {
+		const data = await match.layout._internal.loader({ params: match.params });
+		const serializedData = JSON.parse(JSON.stringify(data));
+		const queryClient = new QueryClient();
+		const authCookieHeader = getServerAuthCookieHeader(request.headers);
+		let source = authCookieHeader ? "draft" : "live";
+		let clearAuthCookie = false;
+		const loadLayout = (source) => createServerApiClient(options.apiUrl, options.environmentName, { authCookieHeader: source === "draft" ? authCookieHeader : void 0 }).layouts.get({
+			projectSlug: options.projectSlug,
+			layoutId: match.layout._internal.id,
+			source
+		});
+		const shared = await loadLayout(source).catch(async (error) => {
+			if (source !== "draft" || !isAuthSessionError(error)) throw error;
+			source = "live";
+			clearAuthCookie = true;
+			return loadLayout("live");
+		});
+		seedBlockCaches(queryClient, shared, source);
+		const input = {
+			project: source === "draft" ? await createServerApiClient(options.apiUrl, options.environmentName, { authCookieHeader }).projects.getBySlug({ slug: options.projectSlug }) : void 0,
+			presentation: source === "draft" ? "studio" : "public",
+			apiUrl: options.apiUrl,
+			authenticationUrl: options.authenticationUrl,
+			projectSlug: options.projectSlug,
+			environmentName: options.environmentName,
+			dehydratedState: dehydrate(queryClient),
+			head: { meta: [{ title: match.layout._internal.title }] },
+			href: request.url,
+			layoutIdentity: getLayoutIdentity(shared.layout, source),
+			loaderData: null,
+			pathname,
+			runtimeBasePath: normalizeRuntimeBasePath(options.runtimeBasePath),
+			source,
+			derived: {
+				layoutId: match.layout._internal.id,
+				data: serializedData,
+				layout: shared.layout
+			}
+		};
+		const document = await options.getDocument?.() ?? {};
+		await preparePreviewDocument(input, options, document, source === "live" && !dataOnly ? "" : void 0);
+		if (dataOnly) return Response.json(input, { headers: {
+			"Cache-Control": "private, no-store",
+			Vary: "Cookie",
+			...clearAuthCookie ? { "Set-Cookie": buildClearServerAuthCookieHeader() } : {}
+		} });
+		const html = await options.renderPage(input);
+		const head = renderHead(source === "draft" ? {} : document, { title: match.layout._internal.title }, source === "draft" ? void 0 : options.stylesheetUrl, source === "draft" ? options.studioStylesheetUrl : void 0);
+		return new Response(`<!doctype html><html${head.htmlAttrs}><head>${renderStudioThemeScript(source === "draft")}${head.headTags}<script id="__CAMOX_DATA__" type="application/json">${serializeJsonForHtml(input)}<\/script></head><body${head.bodyAttrs}>${head.bodyTagsOpen}<div id="root">${html}</div>${head.bodyTags}${renderClientEntryScript(options.pageClientEntryUrl)}</body></html>`, { headers: {
+			"Content-Type": "text/html; charset=utf-8",
+			Vary: "Cookie",
+			...authCookieHeader ? { "Cache-Control": "private, no-store" } : {},
+			...clearAuthCookie ? { "Set-Cookie": buildClearServerAuthCookieHeader() } : {}
+		} });
+	} catch (error) {
+		if (isNotFoundError(error)) return new Response("Page not found", { status: 404 });
 		throw error;
 	}
 }
-async function createStudioHtmlResponse({ match, options, request }) {
-	if (!options.apiUrl || !options.authenticationUrl || !options.projectSlug || !options.renderStudio) return Response.json({
+async function createStudioHtmlResponse({ match, options, request, dataOnly = false }) {
+	if (!options.apiUrl || !options.authenticationUrl || !options.projectSlug || !dataOnly && !options.renderStudio) return Response.json({
 		message: "Camox Studio renderer is not configured.",
 		...match
 	}, { status: 500 });
 	const queryClient = new QueryClient();
-	const document = await options.getDocument?.() ?? {};
+	const authCookieHeader = getServerAuthCookieHeader(request.headers);
+	let project;
+	let presentation = "public";
+	let clearAuthCookie = false;
+	if (authCookieHeader) try {
+		project = await createServerApiClient(options.apiUrl, options.environmentName, { authCookieHeader }).projects.getBySlug({ slug: options.projectSlug });
+		presentation = "studio";
+	} catch (error) {
+		if (!isAuthSessionError(error)) throw error;
+		clearAuthCookie = true;
+	}
 	const studioRenderInput = {
+		project,
+		source: "live",
+		head: { meta: [{ title: "Camox Studio" }] },
+		layoutIdentity: null,
+		loaderData: null,
+		presentation,
 		apiUrl: options.apiUrl,
 		authenticationUrl: options.authenticationUrl,
 		dehydratedState: dehydrate(queryClient),
@@ -262,11 +375,17 @@ async function createStudioHtmlResponse({ match, options, request }) {
 		routeKind: match.kind,
 		runtimeBasePath: normalizeRuntimeBasePath(options.runtimeBasePath)
 	};
+	if (dataOnly) return Response.json(studioRenderInput, { headers: {
+		"Cache-Control": "private, no-store",
+		Vary: "Cookie",
+		...clearAuthCookie ? { "Set-Cookie": buildClearServerAuthCookieHeader() } : {}
+	} });
 	const appHtml = await options.renderStudio(studioRenderInput);
-	const renderedHead = renderHead(document, {}, options.stylesheetUrl);
+	const renderedHead = renderHead({}, { title: "Camox Studio" }, void 0, presentation === "studio" ? options.studioStylesheetUrl : void 0);
 	return new Response(`<!doctype html>
 <html${renderedHead.htmlAttrs}>
 <head>
+${renderStudioThemeScript(presentation === "studio")}
 ${renderedHead.headTags}
 <script id="__CAMOX_DATA__" type="application/json">${serializeJsonForHtml(studioRenderInput)}<\/script>
 </head>
@@ -276,7 +395,12 @@ ${renderedHead.bodyTagsOpen}
 ${renderedHead.bodyTags}
 ${renderClientEntryScript(options.studioClientEntryUrl)}
 </body>
-</html>`, { headers: { "Content-Type": "text/html; charset=utf-8" } });
+</html>`, { headers: {
+		"Content-Type": "text/html; charset=utf-8",
+		"Cache-Control": "private, no-store",
+		Vary: "Cookie",
+		...clearAuthCookie ? { "Set-Cookie": buildClearServerAuthCookieHeader() } : {}
+	} });
 }
 async function createPageDataResponse({ options, pathname, request }) {
 	if (!options.apiUrl || !options.projectSlug) return Response.json({ message: "Camox page loader is not configured." }, { status: 500 });
@@ -291,43 +415,44 @@ async function createPageDataResponse({ options, pathname, request }) {
 			projectSlug: options.projectSlug,
 			queryClient
 		});
-		const headers = new Headers({ "Content-Type": "application/json; charset=utf-8" });
+		const headers = new Headers({
+			"Content-Type": "application/json; charset=utf-8",
+			"Cache-Control": "private, no-store",
+			Vary: "Cookie"
+		});
 		if (result.shouldClearAuthCookie) headers.append("Set-Cookie", buildClearServerAuthCookieHeader());
 		const camoxApp = await options.getCamoxApp?.();
 		const head = camoxApp ? buildCamoxPageHead(camoxApp, result.data) : null;
 		const dehydratedState = dehydrate(queryClient);
-		const { page, layout, projectName, project } = result.data.page;
-		return new Response(`${JSON.stringify({
-			kind: "page",
+		const project = result.source === "draft" ? await createServerApiClient(options.apiUrl, options.environmentName, { authCookieHeader: getServerAuthCookieHeader(request.headers) }).projects.getBySlug({ slug: options.projectSlug }) : void 0;
+		const input = {
+			apiUrl: options.apiUrl,
+			authenticationUrl: options.authenticationUrl ?? "",
+			environmentName: options.environmentName,
+			projectSlug: options.projectSlug,
+			runtimeBasePath: normalizeRuntimeBasePath(options.runtimeBasePath),
+			href: request.url,
+			presentation: result.source === "draft" ? "studio" : "public",
+			source: result.source,
 			pathname,
-			page: {
-				id: page.id,
-				fullPath: page.fullPath,
-				metaTitle: page.metaTitle,
-				metaDescription: page.metaDescription
-			},
-			layout: layout ? {
-				id: layout.id,
-				layoutId: layout.layoutId
-			} : null,
-			layoutIdentity: getLayoutIdentity(result.data, result.source),
-			project: {
-				id: project.id,
-				name: projectName
-			},
-			loaderData: {
-				faviconUrl: result.data.faviconUrl,
-				origin: result.data.origin
-			},
+			layoutIdentity: getLayoutIdentity(result.data.page.layout, result.source),
+			project,
+			loaderData: result.data,
 			head,
 			dehydratedState
-		}, null, 2)}\n`, { headers });
+		};
+		await preparePreviewDocument(input, options, await options.getDocument?.() ?? {});
+		return Response.json(input, { headers });
 	} catch (error) {
-		if (isNotFoundError(error)) return Response.json({
-			kind: "page",
-			message: "No Camox page on this path",
-			pathname
-		}, { status: 404 });
+		if (isNotFoundError(error)) {
+			const derived = await createDerivedResponse(options, pathname, request, true);
+			if (derived) return derived;
+			return Response.json({
+				kind: "page",
+				message: "No Camox page on this path",
+				pathname
+			}, { status: 404 });
+		}
 		throw error;
 	}
 }
@@ -346,11 +471,22 @@ async function handleCamoxRequest(request, options = {}) {
 	}
 	if (match.kind === "og") return createOgResponse(request, options);
 	if (match.kind === "sitemap") return createSitemapResponse(request, options);
-	if (match.kind === "data") return createPageDataResponse({
-		options,
-		pathname: normalizePagePath(new URL(request.url).searchParams.get("path")),
-		request
-	});
+	if (match.kind === "data") {
+		const targetPathname = normalizePagePath(new URL(request.url).searchParams.get("path"));
+		const targetMatch = matchRuntimeRoute(targetPathname);
+		if (targetMatch.kind.startsWith("studio")) return createStudioHtmlResponse({
+			match: targetMatch,
+			options,
+			request,
+			dataOnly: true
+		});
+		if (targetMatch.kind !== "page") return new Response("Not found", { status: 404 });
+		return createPageDataResponse({
+			options,
+			pathname: targetPathname,
+			request
+		});
+	}
 	if (match.kind === "studio" || match.kind === "studio-content" || match.kind === "studio-nested") return createStudioHtmlResponse({
 		match,
 		options,

package/dist/features/runtime/studioApp.d.ts

@@ -1,15 +1,6 @@
+import { PageRenderInput } from "./runtime.js";
 import { QueryClient } from "@tanstack/react-query";
 //#region src/features/runtime/studioApp.d.ts
-interface StudioRenderInput {
-  apiUrl: string;
-  authenticationUrl: string;
-  dehydratedState: unknown;
-  environmentName?: string;
-  href: string;
-  pathname: string;
-  projectSlug: string;
-  routeKind: "studio" | "studio-content" | "studio-nested";
-  runtimeBasePath: string;
-}
+type StudioRenderInput = PageRenderInput;
 //#endregion
 export { StudioRenderInput };

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