camox 0.5.2 → 0.6.1

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

@@ -1 +1 @@
-{"version":3,"file":"definitionsSync.d.ts","sourceRoot":"","sources":["../../../src/features/vite/definitionsSync.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOjD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;CACzB;AAgBD,wBAAsB,oBAAoB,CAAC,OAAO,EAAE;IAClD,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,OAAO,CAAC,IAAI,CAAC,CAwFhB;AASD,wBAAsB,eAAe,CACnC,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,IAAI,CAAC,CAkLf"}
+{"version":3,"file":"definitionsSync.d.ts","sourceRoot":"","sources":["../../../src/features/vite/definitionsSync.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAA0C,MAAM,MAAM,CAAC;AAE/F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOjD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;CACzB;AAgBD,wBAAsB,oBAAoB,CAAC,OAAO,EAAE;IAClD,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,OAAO,CAAC,IAAI,CAAC,CAwFhB;AAsCD,wBAAsB,eAAe,CACnC,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,IAAI,CAAC,CAkLf"}

package/dist/features/vite/definitionsSync.js

@@ -1,5 +1,6 @@
 import { createServerApiClient } from "../../lib/api-client-server.js";
 import path from "node:path";
+import { createServer, isRunnableDevEnvironment } from "vite";
 //#region src/features/vite/definitionsSync.ts
 var SYNC_DEBOUNCE_DELAY_MS = 100;
 /**
@@ -71,12 +72,33 @@ function getBlockIdFromFilePath(filePath) {
 	return path.basename(filePath, path.extname(filePath));
 }
 var CAMOX_APP_PATH = "./src/camox/app.ts";
+/**
+* Load a module using SSR. Uses the server's SSR environment runner if available,
+* otherwise falls back to a temporary Vite server (needed when Nitro or other
+* frameworks configure the SSR environment as non-runnable).
+*/
+async function ssrLoadModule(server, modulePath) {
+	const ssrEnv = server.environments.ssr;
+	if (ssrEnv && isRunnableDevEnvironment(ssrEnv)) return ssrEnv.runner.import(modulePath);
+	const tempServer = await createServer({
+		configFile: false,
+		root: server.config.root,
+		resolve: server.config.resolve,
+		server: { middlewareMode: true },
+		logLevel: "silent"
+	});
+	try {
+		return await tempServer.ssrLoadModule(modulePath);
+	} finally {
+		await tempServer.close();
+	}
+}
 async function syncDefinitions(server, options) {
 	const { projectSlug, syncSecret, apiUrl, environmentName } = options;
 	const blocksDir = path.resolve(server.config.root, "src/camox/blocks");
 	const client = createServerApiClient(apiUrl, environmentName);
 	async function performInitialSync() {
-		const camoxModule = await server.ssrLoadModule(CAMOX_APP_PATH);
+		const camoxModule = await ssrLoadModule(server, CAMOX_APP_PATH);
 		if (!camoxModule.camoxApp) {
 			server.config.logger.warn(`[camox] No camoxApp export found in ${CAMOX_APP_PATH}`, { timestamp: true });
 			return;
@@ -94,7 +116,7 @@ async function syncDefinitions(server, options) {
 		const relativePath = "./" + path.relative(server.config.root, filePath);
 		const moduleNode = server.moduleGraph.getModuleById(relativePath);
 		if (moduleNode) server.moduleGraph.invalidateModule(moduleNode);
-		const blockModule = await server.ssrLoadModule(relativePath);
+		const blockModule = await ssrLoadModule(server, relativePath);
 		if (!blockModule.block) {
 			server.config.logger.warn(`[camox] No block export found in ${relativePath}`, { timestamp: true });
 			return;

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

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../../src/features/vite/vite.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAiC,MAAM,MAAM,CAAC;AAuClE,MAAM,WAAW,kBAAkB;IACjC,0FAA0F;IAC1F,WAAW,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4FAA4F;IAC5F,SAAS,CAAC,EAAE;QACV,2DAA2D;QAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,0EAA0E;QAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,oDAAoD;QACpD,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CA2HzD"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../../src/features/vite/vite.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,MAAM,EAAyD,MAAM,MAAM,CAAC;AAoD1F,MAAM,WAAW,kBAAkB;IACjC,0FAA0F;IAC1F,WAAW,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4FAA4F;IAC5F,SAAS,CAAC,EAAE;QACV,2DAA2D;QAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,0EAA0E;QAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,oDAAoD;QACpD,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAuHzD"}

package/dist/features/vite/vite.js

@@ -7,23 +7,33 @@ import { readFileSync } from "node:fs";
 import { homedir } from "node:os";
 import { dirname, join, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
+import { createServer } from "vite";
 //#region src/features/vite/vite.ts
 var sdkRoot = resolve(dirname(fileURLToPath(import.meta.url)), "../../..");
 var VIRTUAL_STUDIO_CSS = "virtual:camox-studio-css";
 var RESOLVED_VIRTUAL_STUDIO_CSS = "\0" + VIRTUAL_STUDIO_CSS;
+/**
+* use-sync-external-store is CJS-only and causes issues in ESM environments.
+* Since all Camox apps use React 19+, we can redirect imports to React's built-in
+* useSyncExternalStore instead. This handles all subpaths (e.g. /shim, /shim/index.js).
+*/
+var USE_SYNC_EXTERNAL_STORE_RE = /^use-sync-external-store(\/|$)/;
+var RESOLVED_USE_SYNC_SHIM = "\0use-sync-external-store-shim";
+var USE_SYNC_SHIM_CODE = `export { useSyncExternalStore } from "react";\n`;
 var PRODUCTION_API_URL = "https://api.camox.ai";
 /** Authentication URL to use for Camox authentication (production Camox web app) */
 var DEFAULT_AUTHENTICATION_URL = "https://camox.ai";
-function resolveEnvironmentName(isDev) {
+function resolveEnvironmentName(isDev, authenticationUrl) {
 	if (!isDev) return "production";
 	const authFile = join(homedir(), ".camox", "auth.json");
+	const key = authenticationUrl.replace(/\/+$/, "");
 	let auth;
 	try {
-		auth = JSON.parse(readFileSync(authFile, "utf-8"));
+		auth = JSON.parse(readFileSync(authFile, "utf-8"))[key];
 	} catch {
-		throw new Error("Camox: not authenticated. Run `camox login` before starting the dev server.\nAuthentication is required so your dev environment is scoped to your user.");
+		throw new Error(`Camox: not authenticated for ${key}. Run \`camox login\` before starting the dev server.\nAuthentication is required so your dev environment is scoped to your user.`);
 	}
-	if (!auth.email) throw new Error("Camox: ~/.camox/auth.json is missing an email. Run `camox login` again.");
+	if (!auth?.email) throw new Error(`Camox: no session found for ${key} in ~/.camox/auth.json. Run \`camox login\` again.`);
 	return `${auth.email.split("@")[0]}-dev`;
 }
 function camox(options) {
@@ -37,8 +47,10 @@ function camox(options) {
 		name: "camox",
 		resolveId(id) {
 			if (id === VIRTUAL_STUDIO_CSS) return RESOLVED_VIRTUAL_STUDIO_CSS;
+			if (USE_SYNC_EXTERNAL_STORE_RE.test(id)) return RESOLVED_USE_SYNC_SHIM;
 		},
 		load(id) {
+			if (id === RESOLVED_USE_SYNC_SHIM) return USE_SYNC_SHIM_CODE;
 			if (id !== RESOLVED_VIRTUAL_STUDIO_CSS) return;
 			const cssPath = resolve(sdkRoot, "dist/studio.css");
 			if (isBuild) {
@@ -53,17 +65,14 @@ function camox(options) {
 		},
 		config(_config, env) {
 			isBuild = env.command === "build";
-			environmentName = resolveEnvironmentName(env.command === "serve");
-			return {
-				optimizeDeps: { include: ["use-sync-external-store/shim"] },
-				define: {
-					__CAMOX_ANALYTICS_DISABLED__: JSON.stringify(!!options.disableAnalytics),
-					__ENABLE_TANSTACK_DEVTOOLS__: JSON.stringify(enableTanstackDevtools),
-					__CAMOX_ENVIRONMENT_NAME__: JSON.stringify(environmentName),
-					__CAMOX_API_URL__: JSON.stringify(apiUrl),
-					__CAMOX_PROJECT_SLUG__: JSON.stringify(options.projectSlug)
-				}
-			};
+			environmentName = resolveEnvironmentName(env.command === "serve", authenticationUrl);
+			return { define: {
+				__CAMOX_ANALYTICS_DISABLED__: JSON.stringify(!!options.disableAnalytics),
+				__ENABLE_TANSTACK_DEVTOOLS__: JSON.stringify(enableTanstackDevtools),
+				__CAMOX_ENVIRONMENT_NAME__: JSON.stringify(environmentName),
+				__CAMOX_API_URL__: JSON.stringify(apiUrl),
+				__CAMOX_PROJECT_SLUG__: JSON.stringify(options.projectSlug)
+			} };
 		},
 		configResolved(config) {
 			resolvedConfig = config;
@@ -104,7 +113,6 @@ function camox(options) {
 		},
 		async closeBundle() {
 			if (!isBuild) return;
-			const { createServer } = await import("vite");
 			const camoxAppPath = "./src/camox/app.ts";
 			const tempServer = await createServer({
 				configFile: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "camox",
-  "version": "0.5.2",
+  "version": "0.6.1",
   "bin": {
     "camox": "./bin/camox.mjs"
   },
@@ -98,9 +98,9 @@
     "react-dom": "^19.2.5",
     "react-og-preview": "^0.2.0",
     "shiki": "^4.0.2",
-    "@camox/api": "0.5.2",
-    "@camox/cli": "0.5.2",
-    "@camox/ui": "0.5.2"
+    "@camox/api": "0.6.1",
+    "@camox/cli": "0.6.1",
+    "@camox/ui": "0.6.1"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",