camox 0.34.0 → 0.36.0

package/dist/features/vite/runtimeDev.js

@@ -19,6 +19,10 @@ const VIRTUAL_PAGE_CLIENT = "virtual:camox/page-client";
 const RESOLVED_VIRTUAL_PAGE_CLIENT = "\0" + VIRTUAL_PAGE_CLIENT;
 const VIRTUAL_PAGE_CLIENT_URL = "virtual:camox/page-client-url";
 const RESOLVED_VIRTUAL_PAGE_CLIENT_URL = "\0" + VIRTUAL_PAGE_CLIENT_URL;
+const VIRTUAL_STUDIO_CLIENT = "virtual:camox/studio-client";
+const RESOLVED_VIRTUAL_STUDIO_CLIENT = "\0" + VIRTUAL_STUDIO_CLIENT;
+const VIRTUAL_STUDIO_CLIENT_URL = "virtual:camox/studio-client-url";
+const RESOLVED_VIRTUAL_STUDIO_CLIENT_URL = "\0" + VIRTUAL_STUDIO_CLIENT_URL;
 const VIRTUAL_APP_STYLESHEET_URL = "virtual:camox/app-stylesheet-url";
 const RESOLVED_VIRTUAL_APP_STYLESHEET_URL = "\0" + VIRTUAL_APP_STYLESHEET_URL;
 const VIRTUAL_STUDIO_CSS = "virtual:camox-studio-css";
@@ -56,6 +60,7 @@ function resolveCamoxSourceImport(id) {
 		"camox/navigation": resolve(sdkRoot, "src/features/navigation/navigation.tsx"),
 		"camox/_internal/pageServer": resolve(sdkRoot, "src/features/runtime/pageServer.tsx"),
 		"camox/_internal/pageClient": resolve(sdkRoot, "src/features/runtime/pageClient.tsx"),
+		"camox/_internal/studioClient": resolve(sdkRoot, "src/features/runtime/studioClient.tsx"),
 		"camox/_internal/studioServer": resolve(sdkRoot, "src/features/runtime/studioServer.tsx"),
 		"camox/_internal/runtime": resolve(sdkRoot, "src/features/runtime/runtime.ts")
 	}[id];
@@ -106,10 +111,17 @@ export async function renderStudio(input) {
 `;
 }
 function generateVirtualPageClient() {
-	return `import { hydrateRuntimeWithApp } from "camox/_internal/pageClient";
+	return `import { hydratePageWithApp } from "camox/_internal/pageClient";
 import { camoxApp } from "virtual:camox/app";
 
-hydrateRuntimeWithApp(camoxApp);
+hydratePageWithApp(camoxApp);
+`;
+}
+function generateVirtualStudioClient() {
+	return `import { hydrateStudioWithApp } from "camox/_internal/studioClient";
+import { camoxApp } from "virtual:camox/app";
+
+hydrateStudioWithApp(camoxApp);
 `;
 }
 function wrapViteDevId(id) {
@@ -118,6 +130,9 @@ function wrapViteDevId(id) {
 function generateVirtualPageClientUrl() {
 	return `export default ${JSON.stringify(wrapViteDevId(RESOLVED_VIRTUAL_PAGE_CLIENT))};`;
 }
+function generateVirtualStudioClientUrl() {
+	return `export default ${JSON.stringify(wrapViteDevId(RESOLVED_VIRTUAL_STUDIO_CLIENT))};`;
+}
 function generateVirtualAppStylesheetUrl() {
 	return `import stylesheetUrl from "/src/styles.css?url";
 
@@ -130,6 +145,7 @@ import { camoxApp } from "virtual:camox/app";
 import { camoxDocument } from "virtual:camox/document";
 import appStylesheetUrl from "virtual:camox/app-stylesheet-url";
 import pageClientEntryUrl from "virtual:camox/page-client-url";
+import studioClientEntryUrl from "virtual:camox/studio-client-url";
 import { renderPage } from "virtual:camox/page-server";
 import { renderStudio } from "virtual:camox/studio-server";
 
@@ -137,7 +153,8 @@ export async function handleCamoxRequest(request) {
   return handleRuntimeRequest(request, {
     apiUrl: __CAMOX_API_URL__,
     authenticationUrl: __CAMOX_AUTHENTICATION_URL__,
-    clientEntryUrl: pageClientEntryUrl,
+    pageClientEntryUrl,
+    studioClientEntryUrl,
     environmentName: __CAMOX_ENVIRONMENT_NAME__,
     getCamoxApp: async () => camoxApp,
     getDocument: async () => camoxDocument,
@@ -228,6 +245,8 @@ function resolveRuntimeDevId(id, importer) {
 	if (id === VIRTUAL_STUDIO_SERVER) return RESOLVED_VIRTUAL_STUDIO_SERVER;
 	if (id === VIRTUAL_PAGE_CLIENT) return RESOLVED_VIRTUAL_PAGE_CLIENT;
 	if (id === VIRTUAL_PAGE_CLIENT_URL) return RESOLVED_VIRTUAL_PAGE_CLIENT_URL;
+	if (id === VIRTUAL_STUDIO_CLIENT) return RESOLVED_VIRTUAL_STUDIO_CLIENT;
+	if (id === VIRTUAL_STUDIO_CLIENT_URL) return RESOLVED_VIRTUAL_STUDIO_CLIENT_URL;
 	if (id === VIRTUAL_APP_STYLESHEET_URL) return RESOLVED_VIRTUAL_APP_STYLESHEET_URL;
 	if (id === VIRTUAL_STUDIO_CSS) return RESOLVED_VIRTUAL_STUDIO_CSS;
 	if (id === VIRTUAL_OVERLAY_CSS) return RESOLVED_VIRTUAL_OVERLAY_CSS;
@@ -241,6 +260,8 @@ function loadRuntimeDevModule(id, options = {}) {
 	if (id === RESOLVED_VIRTUAL_STUDIO_SERVER) return generateVirtualStudioServer();
 	if (id === RESOLVED_VIRTUAL_PAGE_CLIENT) return generateVirtualPageClient();
 	if (id === RESOLVED_VIRTUAL_PAGE_CLIENT_URL) return generateVirtualPageClientUrl();
+	if (id === RESOLVED_VIRTUAL_STUDIO_CLIENT) return generateVirtualStudioClient();
+	if (id === RESOLVED_VIRTUAL_STUDIO_CLIENT_URL) return generateVirtualStudioClientUrl();
 	if (id === RESOLVED_VIRTUAL_APP_STYLESHEET_URL) return generateVirtualAppStylesheetUrl();
 	if (id === RESOLVED_VIRTUAL_STUDIO_CSS) return `export default "/@fs/${resolve(sdkRoot, "dist/studio.css")}";`;
 	if (id === RESOLVED_VIRTUAL_OVERLAY_CSS) return `export default ${JSON.stringify(readFileSync(resolve(sdkRoot, "dist/studio-overlays.css"), "utf-8"))};`;

package/dist/features/vite/vite.d.ts

@@ -28,7 +28,7 @@ interface CamoxPluginOptions {
   disableTelemetry?: boolean;
   /** Internal options (intended for Camox contributors in development, not for public use) */
   _internal?: {
-    /** URL of the Camox API backend, used for data fetching */apiUrl?: string; /** URL of the Camox authentication backend (default: https://app.camox.ai) */
+    /** URL of the Camox API backend, used for data fetching */apiUrl?: string; /** URL of the Camox authentication backend (default: https://app.camox.dev) */
     authenticationUrl?: string; /** Show Tanstack query devtools (default: false) */
     enableTanstackDevtools?: boolean; /** Disable automatic code generation (route files, app file, skill files) (default: false) */
     disableCodeGen?: boolean; /** Mount the Camox-owned dev runtime at this base path. Use "/" for root mode. */

package/dist/features/vite/vite.js

@@ -19,9 +19,11 @@ const VIRTUAL_OVERLAY_CSS = "virtual:camox-overlay-css";
 const RESOLVED_VIRTUAL_OVERLAY_CSS = "\0" + VIRTUAL_OVERLAY_CSS;
 const VIRTUAL_PAGE_CLIENT = "virtual:camox/page-client";
 const RESOLVED_VIRTUAL_PAGE_CLIENT_URL = "\0virtual:camox/page-client-url";
-const PRODUCTION_API_URL = "https://api.camox.ai";
+const VIRTUAL_STUDIO_CLIENT = "virtual:camox/studio-client";
+const RESOLVED_VIRTUAL_STUDIO_CLIENT_URL = "\0virtual:camox/studio-client-url";
+const PRODUCTION_API_URL = "https://api.camox.dev";
 /** Authentication URL to use for Camox authentication (production Camox Dashboard) */
-const DEFAULT_AUTHENTICATION_URL = "https://app.camox.ai";
+const DEFAULT_AUTHENTICATION_URL = "https://app.camox.dev";
 const authTokenSchema = z.object({
 	token: z.string(),
 	name: z.string(),
@@ -97,6 +99,7 @@ function camox(options) {
 				return `export default ${JSON.stringify(css)};`;
 			}
 			if (id === RESOLVED_VIRTUAL_PAGE_CLIENT_URL && isBuild) return "export default \"/_chunks/camox-page-client.mjs\";";
+			if (id === RESOLVED_VIRTUAL_STUDIO_CLIENT_URL && isBuild) return "export default \"/_chunks/camox-studio-client.mjs\";";
 			return loadRuntimeDevModule(id, { runtimeBasePath });
 		},
 		nitro: { setup(nitro) {
@@ -121,7 +124,10 @@ function camox(options) {
 					__CAMOX_PROJECT_SLUG__: JSON.stringify(options.projectSlug)
 				},
 				environments: { client: { build: { rollupOptions: {
-					input: { "camox-page-client": VIRTUAL_PAGE_CLIENT },
+					input: {
+						"camox-page-client": VIRTUAL_PAGE_CLIENT,
+						"camox-studio-client": VIRTUAL_STUDIO_CLIENT
+					},
 					output: {
 						assetFileNames: "assets/[name]-[hash][extname]",
 						chunkFileNames: "_chunks/[name]-[hash].mjs",

package/dist/lib/normalized-data.js

@@ -1,4 +1,4 @@
-import { blockQueries } from "./queries.js";
+import { viewBlockQueries } from "./view-queries.js";
 import { c } from "react/compiler-runtime";
 import { useQueries } from "@tanstack/react-query";
 import * as React from "react";
@@ -11,9 +11,9 @@ const NormalizedDataContext = React.createContext({
 });
 const NormalizedDataProvider = (t0) => {
 	const $ = c(13);
-	if ($[0] !== "08bed558b0a428c072e8a0761d5efbb6bd49b29518144153bf64ed61004f9dda") {
+	if ($[0] !== "9680f54d18eb424030716d5c43a9901462a27cc0d8227fb40b5d6abb9b464a89") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "08bed558b0a428c072e8a0761d5efbb6bd49b29518144153bf64ed61004f9dda";
+		$[0] = "9680f54d18eb424030716d5c43a9901462a27cc0d8227fb40b5d6abb9b464a89";
 	}
 	const { files, repeatableItems, children } = t0;
 	let t1;
@@ -74,9 +74,9 @@ function useStableArray(next) {
 }
 function usePageBlocks(pageStructure, t0) {
 	const $ = c(37);
-	if ($[0] !== "08bed558b0a428c072e8a0761d5efbb6bd49b29518144153bf64ed61004f9dda") {
+	if ($[0] !== "9680f54d18eb424030716d5c43a9901462a27cc0d8227fb40b5d6abb9b464a89") {
 		for (let $i = 0; $i < 37; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "08bed558b0a428c072e8a0761d5efbb6bd49b29518144153bf64ed61004f9dda";
+		$[0] = "9680f54d18eb424030716d5c43a9901462a27cc0d8227fb40b5d6abb9b464a89";
 	}
 	const source = t0 === void 0 ? "draft" : t0;
 	const blockIds = pageStructure.page.blockIds;
@@ -97,7 +97,7 @@ function usePageBlocks(pageStructure, t0) {
 	const allIds = t1;
 	let t2;
 	if ($[5] !== allIds || $[6] !== source) {
-		t2 = { queries: allIds.map((id) => blockQueries.get(id, source)) };
+		t2 = { queries: allIds.map((id) => viewBlockQueries.get(id, source)) };
 		$[5] = allIds;
 		$[6] = source;
 		$[7] = t2;

package/dist/lib/telemetry-client.js

@@ -8,7 +8,7 @@ function ensureInitialized() {
 	if (typeof window === "undefined") return false;
 	if (initialized) return true;
 	posthog.init(POSTHOG_PUBLIC_KEY, {
-		api_host: "https://t.camox.ai",
+		api_host: "https://t.camox.dev",
 		ui_host: "https://us.posthog.com",
 		defaults: "2026-01-30",
 		autocapture: false,
@@ -56,7 +56,7 @@ function identifyProject(options) {
 		slug: options.projectSlug
 	});
 }
-/** Client-side tracking for CMS actions. Events route through t.camox.ai reverse proxy. */
+/** Client-side tracking for CMS actions. Events route through t.camox.dev reverse proxy. */
 function trackClientEvent(event, properties) {
 	if (!ensureInitialized()) return;
 	posthog.capture(event, properties);

package/dist/lib/view-queries.js

@@ -0,0 +1,28 @@
+import { getOrpc } from "./api-client.js";
+import { queryKeys } from "@camox/api-contract/query-keys";
+
+//#region src/lib/view-queries.ts
+const viewPageQueries = { list: (projectId) => ({
+	...getOrpc().pages.list.queryOptions({
+		input: { projectId },
+		staleTime: Infinity
+	}),
+	queryKey: queryKeys.pages.list
+}) };
+const viewProjectQueries = { getBySlug: (slug) => ({ ...getOrpc().projects.getBySlug.queryOptions({
+	input: { slug },
+	staleTime: Infinity
+}) }) };
+const viewBlockQueries = { get: (id, source) => ({
+	...getOrpc().blocks.get.queryOptions({
+		input: {
+			id,
+			source
+		},
+		staleTime: Infinity
+	}),
+	queryKey: queryKeys.blocks.get(id, source)
+}) };
+
+//#endregion
+export { viewBlockQueries, viewPageQueries, viewProjectQueries };