claudeboard 2.3.0 → 2.8.0

package/dashboard/server.js

@@ -8,6 +8,7 @@ import { fileURLToPath } from "url";
 import fs from "fs";
 import { spawn } from "child_process";
 import { createRequire } from "module";
+import { createConnection } from "net";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const require = createRequire(import.meta.url);
@@ -126,14 +127,53 @@ termWss.on("connection", (ws) => {
 
 // ── EXPO MANAGEMENT ───────────────────────────────────────────────────────────
 
+// On server start, check if Expo is already running on the port
+// (e.g. started by claudeboard run) and mark it as running
+async function detectExistingExpo() {
+  const port = parseInt(process.env.EXPO_PORT || "8081");
+  const running = await isPortOpen(port);
+  if (running) {
+    expoStatus = "running";
+    expoUrl = `exp://localhost:${port}`;
+    broadcast("expo_log", { message: `✓ Detected existing Expo on port ${port} — ready to scan` });
+    broadcastExpoStatus();
+    console.log(`  Expo already running on port ${port} — attached`);
+  }
+}
+
+function isPortOpen(port) {
+  return new Promise(resolve => {
+    const sock = createConnection({ port, host: "127.0.0.1" });
+    sock.setTimeout(600);
+    sock.once("connect", () => { sock.destroy(); resolve(true); });
+    sock.once("error", () => resolve(false));
+    sock.once("timeout", () => resolve(false));
+  });
+}
+
 // GET expo status
 app.get("/api/expo/status", (req, res) => {
   res.json({ status: expoStatus, qr: expoQR, url: expoUrl });
 });
 
-// POST expo/start — install deps + start Expo tunnel
+// POST expo/start — smart start: attach if already running, otherwise install + start
 app.post("/api/expo/start", async (req, res) => {
-  if (expoProcess) return res.json({ ok: false, error: "Expo already running" });
+  const port = parseInt(process.env.EXPO_PORT || "8081");
+
+  // Already managed by this server
+  if (expoProcess) {
+    return res.json({ ok: true, message: "Already running", status: expoStatus, url: expoUrl });
+  }
+
+  // Check if something is already listening on the port (e.g. started by claudeboard run)
+  const alreadyRunning = await isPortOpen(port);
+  if (alreadyRunning) {
+    expoStatus = "running";
+    expoUrl = `exp://localhost:${port}`;
+    broadcastExpoStatus();
+    broadcast("expo_log", { message: `✓ Attached to existing Expo on port ${port}` });
+    return res.json({ ok: true, message: "Attached to existing Expo", url: expoUrl });
+  }
 
   res.json({ ok: true, message: "Starting Expo..." });
   _startExpo(PROJECT_DIR);
@@ -153,69 +193,79 @@ app.post("/api/expo/stop", (req, res) => {
 });
 
 async function _startExpo(projectDir) {
-  // Step 1: npm install
+  // Step 1: install deps with --legacy-peer-deps
+  // Expo projects almost always have peer dep conflicts — this is expected
   expoStatus = "installing";
   broadcastExpoStatus();
-  broadcast("expo_log", { message: "Installing dependencies..." });
+  broadcast("expo_log", { message: "Installing dependencies (--legacy-peer-deps)..." });
 
   await new Promise((resolve) => {
-    const install = spawn("npm", ["install"], { cwd: projectDir, stdio: "pipe" });
-    install.stdout.on("data", (d) => broadcast("expo_log", { message: d.toString().trim() }));
-    install.stderr.on("data", (d) => broadcast("expo_log", { message: d.toString().trim() }));
+    const install = spawn("npm", ["install", "--legacy-peer-deps"], {
+      cwd: projectDir,
+      stdio: "pipe",
+      env: { ...process.env },
+    });
+    install.stdout.on("data", (d) => {
+      const msg = d.toString().trim();
+      if (msg && !msg.startsWith("npm warn")) broadcast("expo_log", { message: msg });
+    });
+    install.stderr.on("data", (d) => {
+      const msg = d.toString().trim();
+      // Only show real errors, not peer dep warnings
+      if (msg && msg.includes("npm error") && !msg.includes("ERESOLVE")) {
+        broadcast("expo_log", { message: msg });
+      }
+    });
     install.on("close", resolve);
   });
 
-  broadcast("expo_log", { message: "Dependencies installed. Starting Expo..." });
+  broadcast("expo_log", { message: "✓ Dependencies ready. Starting Expo tunnel..." });
 
-  // Step 2: expo start with tunnel
+  // Step 2: expo start --tunnel, fully non-interactive
   expoStatus = "starting";
   broadcastExpoStatus();
 
-  const expo = spawn("npx", ["expo", "start", "--tunnel"], {
+  const expo = spawn("npx", ["expo", "start", "--tunnel", "--non-interactive"], {
     cwd: projectDir,
-    env: { ...process.env, CI: "false", EXPO_NO_DOTENV: "0" },
     stdio: "pipe",
+    env: {
+      ...process.env,
+      CI: "1",                    // Prevents "use port X instead?" prompts
+      EXPO_NO_DOTENV: "0",
+      EXPO_NO_INTERACTIVE: "1",   // Belt + suspenders non-interactive
+      TERM: "dumb",               // No ANSI color codes in output
+    },
   });
 
   expoProcess = expo;
 
   expo.stdout.on("data", (d) => {
     const text = d.toString();
-    broadcast("expo_log", { message: text.trim() });
-
-    // Detect QR code URL (exp:// or https://expo.dev)
-    const expUrl = text.match(/exp:\/\/[^\s]+/);
-    if (expUrl) {
-      expoUrl = expUrl[0];
-      expoStatus = "running";
-      broadcastExpoStatus();
-    }
+    const clean = text.replace(/\x1b\[[0-9;]*m/g, "").trim(); // strip ANSI codes
+    if (clean) broadcast("expo_log", { message: clean });
 
-    // Detect tunnel URL
-    const tunnel = text.match(/https:\/\/[a-z0-9-]+\.exp\.direct[^\s]*/);
-    if (tunnel) {
-      expoUrl = tunnel[0];
-      expoStatus = "running";
-      broadcastExpoStatus();
-    }
+    // Detect URLs
+    const expUrl = text.match(/exp:\/\/[^\s\]]+/);
+    if (expUrl) { expoUrl = expUrl[0]; expoStatus = "running"; broadcastExpoStatus(); }
 
-    // Detect QR data from expo output
-    if (text.includes("QR")) {
-      broadcast("expo_log", { message: "📱 QR code ready — scan with Expo Go" });
+    const tunnel = text.match(/https:\/\/[a-z0-9-]+\.exp\.direct[^\s\]]*/);
+    if (tunnel) { expoUrl = tunnel[0]; expoStatus = "running"; broadcastExpoStatus(); }
+
+    if (text.includes("scan") || text.includes("QR")) {
+      broadcast("expo_log", { message: "📱 QR ready — open Expo Go and scan" });
     }
   });
 
   expo.stderr.on("data", (d) => {
-    const text = d.toString().trim();
+    const text = d.toString().replace(/\x1b\[[0-9;]*m/g, "").trim();
     if (text) broadcast("expo_log", { message: text });
   });
 
   expo.on("close", (code) => {
     expoProcess = null;
-    expoStatus = code === 0 ? "stopped" : "error";
-    expoQR = null;
+    if (code !== 0 && expoStatus !== "running") expoStatus = "error";
     broadcastExpoStatus();
-    broadcast("expo_log", { message: `Expo process exited (code ${code})` });
+    broadcast("expo_log", { message: `Expo exited (code ${code})` });
   });
 }
 
@@ -312,4 +362,8 @@ async function addLog(taskId, message, type = "info") {
   await supabase.from("cb_logs").insert({ project: PROJECT, task_id: taskId, message, type });
 }
 
-server.listen(PORT, () => console.log(`READY on port ${PORT}`));
+server.listen(PORT, () => {
+  console.log(`READY on port ${PORT}`);
+  // Check if Expo is already running (started by claudeboard run)
+  setTimeout(detectExistingExpo, 1000);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeboard",
-  "version": "2.3.0",
+  "version": "2.8.0",
   "description": "AI engineering team — from PRD to working mobile app, autonomously",
   "type": "module",
   "bin": {