@camox/cli 0.3.0 → 0.4.0

package/dist/index.js

@@ -198,29 +198,6 @@ var pmCommands = {
 function slugify(name) {
   return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function detectPackageManager() {
-  const userAgent = process.env.npm_config_user_agent;
-  if (userAgent) {
-    const name = userAgent.split("/")[0];
-    if (name === "pnpm") return "pnpm";
-    if (name === "bun") return "bun";
-    if (name === "npm" || name === "npx") return "npm";
-    if (name === "yarn") return "yarn";
-  }
-  let dir = process.cwd();
-  const root = path2.parse(dir).root;
-  while (true) {
-    if (fs2.existsSync(path2.join(dir, "pnpm-lock.yaml")) || fs2.existsSync(path2.join(dir, "pnpm-workspace.yaml")))
-      return "pnpm";
-    if (fs2.existsSync(path2.join(dir, "bun.lockb")) || fs2.existsSync(path2.join(dir, "bun.lock")))
-      return "bun";
-    if (fs2.existsSync(path2.join(dir, "package-lock.json"))) return "npm";
-    if (fs2.existsSync(path2.join(dir, "yarn.lock"))) return "yarn";
-    if (dir === root) break;
-    dir = path2.dirname(dir);
-  }
-  return null;
-}
 function copyDir(src, dest, replacements) {
   fs2.mkdirSync(dest, { recursive: true });
   for (const entry of fs2.readdirSync(src, { withFileTypes: true })) {
@@ -327,33 +304,27 @@ async function init() {
     p2.cancel(`Directory ${targetDir} is not empty.`);
     process.exit(1);
   }
-  const detected = detectPackageManager();
-  let pm;
-  if (detected) {
-    pm = detected;
-    p2.log.info(`Detected package manager: ${detected}`);
-  } else {
-    const selected = await p2.select({
-      message: "Which package manager?",
-      options: [
-        { value: "pnpm", label: "pnpm" },
-        { value: "bun", label: "bun" },
-        { value: "npm", label: "npm" },
-        { value: "yarn", label: "yarn" }
-      ]
-    });
-    if (p2.isCancel(selected)) return onCancel();
-    pm = selected;
-  }
+  const selected = await p2.select({
+    message: "Which package manager?",
+    options: [
+      { value: "pnpm", label: "pnpm (recommended)" },
+      { value: "bun", label: "bun" },
+      { value: "npm", label: "npm" },
+      { value: "yarn", label: "yarn" }
+    ]
+  });
+  if (p2.isCancel(selected)) return onCancel();
+  const pm = selected;
   const s = p2.spinner();
   s.start("Scaffolding project...");
   const templateDir = path3.resolve(__dirname, "..", "template");
   copyDir(templateDir, targetDir, {
     "{{projectName}}": result2.name,
     "{{projectSlug}}": project.slug,
-    "{{syncSecret}}": project.syncSecret,
     "{{camoxVersion}}": ownPkg.version
   });
+  fs3.writeFileSync(path3.join(targetDir, ".env"), `CAMOX_SYNC_SECRET=${project.syncSecret}
+`);
   s.stop("Project scaffolded!");
   function dropIntoProject() {
     const shell = process.env.SHELL || "/bin/bash";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camox/cli",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "bin": {
     "camox": "./dist/index.js"
   },
@@ -17,16 +17,15 @@
     "@clack/prompts": "^0.10.0",
     "@optique/core": "*",
     "@optique/run": "*",
-    "@orpc/client": "^1.13.13",
-    "@orpc/server": "^1.13.13"
+    "@orpc/client": "^1.13.14",
+    "@orpc/server": "^1.13.14"
   },
   "devDependencies": {
-    "@types/node": "^24.6.2",
-    "@typescript/native-preview": "^7.0.0-dev",
+    "@types/node": "^24.12.2",
+    "@typescript/native-preview": "7.0.0-dev.20260412.1",
     "oxlint": "^0.15.0",
     "tsup": "^8.4.0",
-    "typescript": "^5.7.2",
-    "@camox/api": "0.3.0"
+    "@camox/api": "0.4.0"
   },
   "scripts": {
     "build": "tsup",

package/template/.env.example

@@ -0,0 +1,2 @@
+# Required — retrieve from https://camox.ai/dashboard
+CAMOX_SYNC_SECRET=

package/template/package.json

@@ -11,29 +11,33 @@
     "check": "tsgo --noEmit && oxlint --fix"
   },
   "dependencies": {
-    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-slot": "^1.2.4",
     "@tailwindcss/vite": "^4.2.2",
-    "@tanstack/react-router": "^1.166.2",
-    "@tanstack/react-start": "^1.166.2",
-    "@tanstack/router-plugin": "^1.166.2",
+    "@tanstack/react-query": "^5.99.0",
+    "@tanstack/react-router": "^1.168.18",
+    "@tanstack/react-router-ssr-query": "^1.166.11",
+    "@tanstack/react-start": "^1.167.32",
+    "@tanstack/router-plugin": "^1.167.18",
     "camox": "{{camoxVersion}}",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.476.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "tailwind-merge": "^3.0.2",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.0.6"
   },
   "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@rolldown/plugin-babel": "^0.2.2",
+    "@types/babel__core": "^7.20.5",
     "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@types/react-dom": "^19.2.3",
     "@typescript/native-preview": "^7.0.0-dev",
     "@vitejs/plugin-react": "^6.0.1",
-    "babel-plugin-react-compiler": "19.1.0-rc.3",
+    "babel-plugin-react-compiler": "^1.0.0",
     "oxlint": "^0.15.15",
-    "tw-animate-css": "^1.3.6",
-    "typescript": "^5.7.2",
+    "tw-animate-css": "^1.4.0",
     "vite": "8.0.1"
   }
 }

package/template/src/router.tsx

@@ -1,16 +1,31 @@
+import { QueryClient } from "@tanstack/react-query";
 import { createRouter as createTanstackRouter } from "@tanstack/react-router";
+import { setupRouterSsrQueryIntegration } from "@tanstack/react-router-ssr-query";
 
 import { routeTree } from "./routeTree.gen";
 
 export function getRouter() {
+  const queryClient = new QueryClient();
+
   const router = createTanstackRouter({
     routeTree,
     defaultPreload: "intent",
+    // Providing queryClient to the router context is required by Camox.
+    // All Camox queries start with a "camox" prefix in the query key array,
+    // so you can share the same client without risking conflicting keys.
+    context: { queryClient },
+  });
+
+  setupRouterSsrQueryIntegration({
+    router,
+    queryClient,
+    wrapQueryClient: true,
   });
 
   return router;
 }
 
+// Register the router instance for type safety
 declare module "@tanstack/react-router" {
   interface Register {
     router: ReturnType<typeof getRouter>;

package/template/vite.config.ts

@@ -1,15 +1,20 @@
+import babelPlugin from "@rolldown/plugin-babel";
 import tailwindcss from "@tailwindcss/vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
-import viteReact from "@vitejs/plugin-react";
+import react, { reactCompilerPreset } from "@vitejs/plugin-react";
 import { camox } from "camox/vite";
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 
-export default defineConfig({
-  resolve: { tsconfigPaths: true },
-  plugins: [
-    tailwindcss(),
-    camox({ projectSlug: "{{projectSlug}}", syncSecret: "{{syncSecret}}" }),
-    tanstackStart(),
-    viteReact(),
-  ],
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "CAMOX_");
+  return {
+    resolve: { tsconfigPaths: true },
+    plugins: [
+      tailwindcss(),
+      camox({ projectSlug: "{{projectSlug}}", syncSecret: env.CAMOX_SYNC_SECRET }),
+      tanstackStart(),
+      react(),
+      babelPlugin({ presets: [reactCompilerPreset()] }),
+    ],
+  };
 });