camox 0.33.1 → 0.34.0

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

@@ -1,3 +1,4 @@
+import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
@@ -12,7 +13,6 @@ import { c } from "react/compiler-runtime";
 import { Input } from "@camox/ui/input";
 import { Label } from "@camox/ui/label";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useNavigate } from "@tanstack/react-router";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "@camox/ui/toaster";
@@ -30,9 +30,9 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 //#region src/features/preview/components/PageInfoSidebar.tsx
 const usePageMetadataData = (pageId) => {
 	const $ = c(29);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const projectSlug = useProjectSlug();
 	const camoxApp = useCamoxApp();
@@ -131,9 +131,9 @@ const usePageMetadataData = (pageId) => {
 };
 const PageInfoSidebar = (t0) => {
 	const $ = c(40);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 40; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -341,9 +341,9 @@ const PageInfoSidebar = (t0) => {
 };
 const PageNicknameSidebarEditor = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -452,9 +452,9 @@ const PageNicknameSidebarEditor = (t0) => {
 };
 const PageLayoutSidebarSelect = (t0) => {
 	const $ = c(30);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { data } = t0;
 	const { page, layouts, camoxApp } = data;
@@ -586,9 +586,9 @@ const PageLayoutSidebarSelect = (t0) => {
 };
 const PageStructureModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -762,9 +762,9 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 };
 const PageSeoModal = (t0) => {
 	const $ = c(11);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
@@ -809,9 +809,9 @@ const PageSeoModal = (t0) => {
 };
 const PageSeoEditor = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { page, metaTitle, layoutId, projectName } = t0;
 	let t1;
@@ -984,9 +984,9 @@ const PageSeoEditor = (t0) => {
 };
 const PageMarkdownModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1029,9 +1029,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -1114,9 +1114,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -1390,9 +1390,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

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

@@ -1,3 +1,4 @@
+import { useLocation } from "../../navigation/navigation.js";
 import { actionsStore } from "../../provider/actionsStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageMutations } from "../../../lib/queries.js";
@@ -11,11 +12,10 @@ import { PublishDialog } from "./PublishDialog.js";
 import { c } from "react/compiler-runtime";
 import { Label } from "@camox/ui/label";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import * as React from "react";
-import { queryKeys } from "@camox/api-contract/query-keys";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { queryKeys } from "@camox/api-contract/query-keys";
 import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
 import { MoreHorizontal } from "lucide-react";
@@ -28,9 +28,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/PageNavigatorSidebar.tsx
 const PageNavigatorPublishRow = (t0) => {
 	const $ = c(102);
-	if ($[0] !== "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc") {
+	if ($[0] !== "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827") {
 		for (let $i = 0; $i < 102; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc";
+		$[0] = "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827";
 	}
 	const { page } = t0;
 	const previewSource = useSelector(previewStore, _temp);
@@ -519,9 +519,9 @@ const PageNavigatorPublishRow = (t0) => {
 };
 const PageNavigatorSidebar = (t0) => {
 	const $ = c(8);
-	if ($[0] !== "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc") {
+	if ($[0] !== "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc";
+		$[0] = "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827";
 	}
 	const { page } = t0;
 	let t1;

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

@@ -1,3 +1,4 @@
+import { useLocation, useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
@@ -5,7 +6,6 @@ import { previewStore } from "../previewStore.js";
 import { PageStatusBadge } from "./PageStatusBadge.js";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { useLocation, useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,8 +1,8 @@
+import { useLocation } from "../../navigation/navigation.js";
 import { blockMutations } from "../../../lib/queries.js";
 import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
 import { queryKeys } from "@camox/api-contract/query-keys";
@@ -10,9 +10,9 @@ import { queryKeys } from "@camox/api-contract/query-keys";
 //#region src/features/preview/components/useUpdateBlockPosition.ts
 function useUpdateBlockPosition() {
 	const $ = c(5);
-	if ($[0] !== "13182e6fc3bf905233106f71f311ee66fbdf35afd4c8eee1eed03bd0725a9e4a") {
+	if ($[0] !== "c7adf6cdbf960268a5bfbb85b92c76404d7abbe36258eed14eb7062e652330a8") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "13182e6fc3bf905233106f71f311ee66fbdf35afd4c8eee1eed03bd0725a9e4a";
+		$[0] = "c7adf6cdbf960268a5bfbb85b92c76404d7abbe36258eed14eb7062e652330a8";
 	}
 	const queryClient = useQueryClient();
 	const { pathname } = useLocation();

package/dist/features/provider/CamoxProvider.js

@@ -1,3 +1,4 @@
+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";
@@ -15,7 +16,6 @@ import { CommandPalette, useCommandPaletteActions } from "./components/CommandPa
 import { useAdminShortcuts } from "./useAdminShortcuts.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Toaster } from "@camox/ui/toaster";
@@ -74,9 +74,9 @@ const AuthenticatedCamoxProvider = ({ children }) => {
 };
 const UnauthenticatedLocalhostPreview = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f") {
+	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f";
+		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
 	}
 	const { children } = t0;
 	const signInRedirect = useSignInRedirect();
@@ -211,9 +211,9 @@ const UnauthenticatedLocalhostPreview = (t0) => {
 };
 const UnauthenticatedPage = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f") {
+	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f";
+		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
 	}
 	const { children } = t0;
 	const { theme } = useThemeValue();
@@ -252,9 +252,9 @@ const UnauthenticatedPage = (t0) => {
 };
 const UnauthenticatedCamoxProvider = (t0) => {
 	const $ = c(14);
-	if ($[0] !== "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f") {
+	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
 		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f";
+		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
 	}
 	const { children } = t0;
 	const { pathname } = useLocation();
@@ -335,6 +335,7 @@ function CamoxProvider({ children, camoxApp, authenticationUrl, apiUrl, projectS
 		initializedApiUrl.current = apiUrl;
 	}
 	if (!useProcessOtt(authClient)) return null;
+	const unauthenticated = /* @__PURE__ */ jsx(UnauthenticatedCamoxProvider, { children });
 	return /* @__PURE__ */ jsx(AuthContext.Provider, {
 		value: {
 			authClient,
@@ -350,7 +351,8 @@ function CamoxProvider({ children, camoxApp, authenticationUrl, apiUrl, projectS
 					rel: "stylesheet",
 					href: studioCssUrl
 				}), /* @__PURE__ */ jsx(AuthenticatedCamoxProvider, { children })] }),
-				unauthenticated: /* @__PURE__ */ jsx(UnauthenticatedCamoxProvider, { children })
+				loading: unauthenticated,
+				unauthenticated
 			})]
 		})
 	});

package/dist/features/routes/pageRuntime.js

@@ -0,0 +1,6 @@
+import "../../lib/telemetry.js";
+import { queryKeys } from "@camox/api-contract/query-keys";
+import { createORPCClient } from "@orpc/client";
+import { RPCLink } from "@orpc/client/fetch";
+
+export {  };

package/dist/features/runtime/pageApp.js

@@ -0,0 +1,75 @@
+import { CamoxPreview, PageContent } from "../preview/CamoxPreview.js";
+import { CamoxProvider } from "../provider/CamoxProvider.js";
+import { PageNavigationProvider } from "./pageNavigation.js";
+import { c } from "react/compiler-runtime";
+import { HydrationBoundary, QueryClientProvider } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/runtime/pageApp.tsx
+function PageApp(t0) {
+	const $ = c(18);
+	if ($[0] !== "557a21bc6b4aed13935ede3368115a90db9c6fcffe823bb869ddbaeb394cf48e") {
+		for (let $i = 0; $i < 18; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "557a21bc6b4aed13935ede3368115a90db9c6fcffe823bb869ddbaeb394cf48e";
+	}
+	const { camoxApp, input, queryClient } = t0;
+	const t1 = input.dehydratedState;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(CamoxPreview, { children: /* @__PURE__ */ jsx(PageContent, {}) });
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== camoxApp || $[3] !== input.apiUrl || $[4] !== input.authenticationUrl || $[5] !== input.environmentName || $[6] !== input.projectSlug) {
+		t3 = /* @__PURE__ */ jsx(CamoxProvider, {
+			camoxApp,
+			authenticationUrl: input.authenticationUrl,
+			apiUrl: input.apiUrl,
+			projectSlug: input.projectSlug,
+			environmentName: input.environmentName,
+			children: t2
+		});
+		$[2] = camoxApp;
+		$[3] = input.apiUrl;
+		$[4] = input.authenticationUrl;
+		$[5] = input.environmentName;
+		$[6] = input.projectSlug;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== input || $[9] !== queryClient || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsx(PageNavigationProvider, {
+			initialInput: input,
+			queryClient,
+			children: t3
+		});
+		$[8] = input;
+		$[9] = queryClient;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== t1 || $[13] !== t4) {
+		t5 = /* @__PURE__ */ jsx(HydrationBoundary, {
+			state: t1,
+			children: t4
+		});
+		$[12] = t1;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== queryClient || $[16] !== t5) {
+		t6 = /* @__PURE__ */ jsx(QueryClientProvider, {
+			client: queryClient,
+			children: t5
+		});
+		$[15] = queryClient;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
+}
+
+//#endregion
+export { PageApp };

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

@@ -0,0 +1,7 @@
+import { CamoxApp } from "../../core/createApp.js";
+
+//#region src/features/runtime/pageClient.d.ts
+declare function hydratePageWithApp(camoxApp: CamoxApp): void;
+declare function hydrateRuntimeWithApp(camoxApp: CamoxApp): void;
+//#endregion
+export { hydratePageWithApp, hydrateRuntimeWithApp };

package/dist/features/runtime/pageClient.js

@@ -0,0 +1,37 @@
+import { PageApp } from "./pageApp.js";
+import { StudioApp } from "./studioApp.js";
+import { QueryClient } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+import { hydrateRoot } from "react-dom/client";
+
+//#region src/features/runtime/pageClient.tsx
+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);
+}
+function hydratePageWithApp(camoxApp) {
+	hydrateRuntimeWithApp(camoxApp);
+}
+function hydrateRuntimeWithApp(camoxApp) {
+	const root = document.getElementById("root");
+	if (!root) throw new Error("Camox runtime root element was not found.");
+	const queryClient = new QueryClient();
+	const input = readHydrationData();
+	if (input.runtimeKind === "studio") {
+		hydrateRoot(root, /* @__PURE__ */ jsx(StudioApp, {
+			camoxApp,
+			input,
+			queryClient
+		}));
+		return;
+	}
+	hydrateRoot(root, /* @__PURE__ */ jsx(PageApp, {
+		camoxApp,
+		input,
+		queryClient
+	}));
+}
+
+//#endregion
+export { hydratePageWithApp, hydrateRuntimeWithApp };

package/dist/features/runtime/pageNavigation.js

@@ -0,0 +1,170 @@
+import { NavigationProvider } from "../navigation/navigation.js";
+import { createPageHeadInput } from "./runtime.js";
+import { hydrate } from "@tanstack/react-query";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { createHead, renderDOMHead } from "@unhead/react/client";
+
+//#region src/features/runtime/pageNavigation.tsx
+function normalizeRuntimeBasePath(basePath) {
+	if (!basePath || basePath === "/") return "";
+	return basePath.startsWith("/") ? basePath.replace(/\/+$/, "") : `/${basePath.replace(/\/+$/, "")}`;
+}
+function normalizePagePath(pathname, runtimeBasePath) {
+	const basePath = normalizeRuntimeBasePath(runtimeBasePath);
+	if (!basePath) return pathname || "/";
+	if (pathname === basePath) return "/";
+	if (pathname.startsWith(`${basePath}/`)) return pathname.slice(basePath.length) || "/";
+	return pathname || "/";
+}
+function toRuntimePathname(pagePathname, runtimeBasePath) {
+	const basePath = normalizeRuntimeBasePath(runtimeBasePath);
+	const normalizedPathname = pagePathname.startsWith("/") ? pagePathname : `/${pagePathname}`;
+	if (!basePath) return normalizedPathname;
+	if (normalizedPathname === "/") return `${basePath}/`;
+	if (normalizedPathname.startsWith(`${basePath}/`)) return normalizedPathname;
+	return `${basePath}${normalizedPathname}`;
+}
+function getRuntimeLocation(runtimeBasePath) {
+	return {
+		hash: window.location.hash,
+		href: window.location.href,
+		pathname: normalizePagePath(window.location.pathname, runtimeBasePath),
+		search: window.location.search
+	};
+}
+function isReservedPagePath(pathname) {
+	return pathname.startsWith("/_camox/") || pathname === "/_camox" || pathname === "/camox" || pathname.startsWith("/camox/") || pathname === "/og" || pathname === "/sitemap.xml";
+}
+function getClientNavigationTarget(to, runtimeBasePath) {
+	const url = new URL(to, window.location.href);
+	if (url.origin !== window.location.origin) return null;
+	const pagePathname = normalizePagePath(url.pathname, runtimeBasePath);
+	if (isReservedPagePath(pagePathname)) return null;
+	url.pathname = toRuntimePathname(pagePathname, runtimeBasePath);
+	return url;
+}
+async function fetchPageData(pagePathname, runtimeBasePath) {
+	const dataUrl = new URL(toRuntimePathname("/_camox/data", runtimeBasePath), window.location.origin);
+	dataUrl.searchParams.set("path", pagePathname);
+	const response = await fetch(dataUrl, {
+		headers: { Accept: "application/json" },
+		credentials: "same-origin"
+	});
+	if (!response.ok) throw new Error(`Page data request failed: ${response.status}`);
+	return await response.json();
+}
+function isPageHead(head) {
+	return !!head && typeof head === "object";
+}
+function updateHead(head, manager) {
+	if (!isPageHead(head)) return;
+	if (!manager.removedServerPageHead) {
+		document.querySelectorAll("[data-camox-page-head]").forEach((element) => element.remove());
+		manager.removedServerPageHead = true;
+	}
+	manager.entry?.dispose();
+	manager.entry = manager.head.push(createPageHeadInput(head));
+	renderDOMHead(manager.head);
+}
+function hasSameLayoutIdentity(current, next) {
+	return !!current && !!next && current.id === next.id && current.layoutId === next.layoutId && current.version === next.version;
+}
+function isLayoutBlockQuery(query, layoutBlockIds) {
+	if (!query || typeof query !== "object") return false;
+	const queryKey = query.queryKey;
+	return Array.isArray(queryKey) && queryKey[0] === "camox" && queryKey[1] === "blocks" && queryKey[2] === "get" && typeof queryKey[3] === "number" && layoutBlockIds.has(queryKey[3]);
+}
+function preserveStableLayoutBlockCaches(dehydratedState, currentLayout, nextLayout) {
+	if (!hasSameLayoutIdentity(currentLayout, nextLayout)) return dehydratedState;
+	if (!dehydratedState || typeof dehydratedState !== "object") return dehydratedState;
+	if (!Array.isArray(dehydratedState.queries)) return dehydratedState;
+	const layoutBlockIds = new Set(currentLayout?.blockIds ?? []);
+	return {
+		...dehydratedState,
+		queries: dehydratedState.queries.filter((query) => !isLayoutBlockQuery(query, layoutBlockIds))
+	};
+}
+function PageNavigationProvider({ children, initialInput, queryClient }) {
+	const headManagerRef = React.useRef(null);
+	if (!headManagerRef.current) headManagerRef.current = {
+		head: createHead(),
+		removedServerPageHead: false
+	};
+	const headManager = headManagerRef.current;
+	const currentLayoutIdentityRef = React.useRef(initialInput.layoutIdentity);
+	const navigate = React.useCallback(async ({ replace, to }) => {
+		const target = getClientNavigationTarget(to, initialInput.runtimeBasePath);
+		if (!target) {
+			window.location.assign(to);
+			return;
+		}
+		const pagePathname = normalizePagePath(target.pathname, initialInput.runtimeBasePath);
+		try {
+			const data = await fetchPageData(pagePathname, initialInput.runtimeBasePath);
+			if (data.dehydratedState) hydrate(queryClient, preserveStableLayoutBlockCaches(data.dehydratedState, currentLayoutIdentityRef.current, data.layoutIdentity));
+			currentLayoutIdentityRef.current = data.layoutIdentity ?? null;
+			updateHead(data.head, headManager);
+		} catch {
+			window.location.assign(target.href);
+			return;
+		}
+		if (replace) window.history.replaceState(null, "", target.href);
+		else {
+			window.history.pushState(null, "", target.href);
+			window.scrollTo({ top: 0 });
+		}
+		window.dispatchEvent(new Event("camox:navigation"));
+	}, [
+		headManager,
+		initialInput.runtimeBasePath,
+		queryClient
+	]);
+	React.useEffect(() => {
+		const onClick = (event) => {
+			if (event.defaultPrevented) return;
+			if (event.button !== 0) return;
+			if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) return;
+			const anchor = event.target?.closest("a");
+			if (!anchor) return;
+			if (anchor.hasAttribute("download")) return;
+			if (anchor.target && anchor.target !== "_self") return;
+			const target_0 = getClientNavigationTarget(anchor.href, initialInput.runtimeBasePath);
+			if (!target_0) return;
+			event.preventDefault();
+			navigate({ to: target_0.href });
+		};
+		document.addEventListener("click", onClick);
+		return () => document.removeEventListener("click", onClick);
+	}, [navigate]);
+	React.useEffect(() => {
+		const onPopState = () => {
+			fetchPageData(normalizePagePath(window.location.pathname, initialInput.runtimeBasePath), initialInput.runtimeBasePath).then((data_0) => {
+				if (data_0.dehydratedState) hydrate(queryClient, preserveStableLayoutBlockCaches(data_0.dehydratedState, currentLayoutIdentityRef.current, data_0.layoutIdentity));
+				currentLayoutIdentityRef.current = data_0.layoutIdentity ?? null;
+				updateHead(data_0.head, headManager);
+				window.dispatchEvent(new Event("camox:navigation"));
+			}).catch(() => window.location.reload());
+		};
+		window.addEventListener("popstate", onPopState);
+		return () => window.removeEventListener("popstate", onPopState);
+	}, [
+		headManager,
+		initialInput.runtimeBasePath,
+		queryClient
+	]);
+	return /* @__PURE__ */ jsx(NavigationProvider, {
+		getLocation: React.useCallback(() => getRuntimeLocation(initialInput.runtimeBasePath), [initialInput.runtimeBasePath]),
+		initialLocation: {
+			hash: new URL(initialInput.href).hash,
+			href: initialInput.href,
+			pathname: initialInput.pathname,
+			search: new URL(initialInput.href).search
+		},
+		navigate,
+		children
+	});
+}
+
+//#endregion
+export { PageNavigationProvider };

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

@@ -0,0 +1,9 @@
+import { CamoxApp } from "../../core/createApp.js";
+import { PageRenderInput } from "./runtime.js";
+
+//#region src/features/runtime/pageServer.d.ts
+declare function renderPageWithApp(input: PageRenderInput & {
+  camoxApp: CamoxApp;
+}): Promise<string>;
+//#endregion
+export { renderPageWithApp };

package/dist/features/runtime/pageServer.js

@@ -0,0 +1,18 @@
+import { PageApp } from "./pageApp.js";
+import { QueryClient, hydrate } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+import { renderToString } from "react-dom/server";
+
+//#region src/features/runtime/pageServer.tsx
+async function renderPageWithApp(input) {
+	const queryClient = new QueryClient();
+	hydrate(queryClient, input.dehydratedState);
+	return renderToString(/* @__PURE__ */ jsx(PageApp, {
+		camoxApp: input.camoxApp,
+		input,
+		queryClient
+	}));
+}
+
+//#endregion
+export { renderPageWithApp };

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

@@ -0,0 +1,24 @@
+import { UseHeadInput } from "unhead/types";
+
+//#region src/features/runtime/runtime.d.ts
+interface LayoutIdentity {
+  blockIds: number[];
+  id: number;
+  layoutId: string;
+  version: string;
+}
+interface PageRenderInput {
+  apiUrl: string;
+  authenticationUrl: string;
+  dehydratedState: unknown;
+  environmentName?: string;
+  head: unknown;
+  href: string;
+  layoutIdentity: LayoutIdentity | null;
+  loaderData: unknown;
+  pathname: string;
+  projectSlug: string;
+  runtimeBasePath: string;
+}
+//#endregion
+export { PageRenderInput };