@camox/cli 0.3.1 → 0.4.1

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,50 @@ 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}
+`);
+  fs3.writeFileSync(
+    path3.join(targetDir, ".gitignore"),
+    `node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+count.txt
+.env
+.nitro
+.tanstack
+.output
+.vinxi
+
+# Auto generated by Camox
+src/camox/app.ts
+src/routes/_camox.tsx
+src/routes/_camox/
+
+# Auto generated by Tanstack Router
+src/routeTree.gen.ts
+`
+  );
   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.1",
+  "version": "0.4.1",
   "bin": {
     "camox": "./dist/index.js"
   },
@@ -25,7 +25,7 @@
     "@typescript/native-preview": "7.0.0-dev.20260412.1",
     "oxlint": "^0.15.0",
     "tsup": "^8.4.0",
-    "@camox/api": "0.3.1"
+    "@camox/api": "0.4.1"
   },
   "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

@@ -3,7 +3,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite dev --port 3000",
+    "dev": "vite dev --port 7400",
     "start": "node .output/server/index.mjs",
     "build": "vite build",
     "serve": "vite preview",
@@ -13,7 +13,9 @@
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.4",
     "@tailwindcss/vite": "^4.2.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}}",

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

@@ -3,15 +3,18 @@ import tailwindcss from "@tailwindcss/vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 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(),
-    react(),
-    babelPlugin({ presets: [reactCompilerPreset()] }),
-  ],
+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()] }),
+    ],
+  };
 });