dev3000 0.0.84 → 0.0.85

package/dist/dev-environment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-environment.d.ts","sourceRoot":"","sources":["../src/dev-environment.ts"],"names":[],"mappings":"AAkCA,UAAU,qBAAqB;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAChC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAyhBD,wBAAgB,uBAAuB,IAAI,MAAM,CAmBhD;AAsGD,qBAAa,cAAc;IACzB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,GAAG,CAAsB;IACjC,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,uBAAuB,CAAiB;gBAEpC,OAAO,EAAE,qBAAqB;YA+D5B,mBAAmB;YAoEnB,aAAa;YAuCb,kBAAkB;IAgChC,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IAQjB,KAAK;YAiPG,WAAW;IA0GzB,OAAO,CAAC,QAAQ;IA8BhB,OAAO,CAAC,cAAc;YA2BR,cAAc;YAqPd,aAAa;IAiD3B,OAAO,CAAC,yBAAyB;YAOnB,oBAAoB;YAmJpB,gBAAgB;YAgChB,4BAA4B;YAmF5B,6BAA6B;IA+F3C,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,MAAM;IAqBd,OAAO,CAAC,6BAA6B;IAgDrC,OAAO,CAAC,uBAAuB;YAuBjB,sBAAsB;YAgBtB,kBAAkB;YA8ElB,gBAAgB;IAmF9B,OAAO,CAAC,oBAAoB;YA6Ed,cAAc;CAsJ7B;AAED,wBAAsB,mBAAmB,CAAC,OAAO,EAAE,qBAAqB,iBAGvE"}
+{"version":3,"file":"dev-environment.d.ts","sourceRoot":"","sources":["../src/dev-environment.ts"],"names":[],"mappings":"AAkCA,UAAU,qBAAqB;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAChC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AA8VD,wBAAgB,uBAAuB,IAAI,MAAM,CAmBhD;AAsGD,qBAAa,cAAc;IACzB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,GAAG,CAAsB;IACjC,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,uBAAuB,CAAiB;gBAEpC,OAAO,EAAE,qBAAqB;YA+D5B,mBAAmB;YAoEnB,aAAa;YAuCb,kBAAkB;IAgChC,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IAQjB,KAAK;YAiPG,WAAW;IA0GzB,OAAO,CAAC,QAAQ;IA8BhB,OAAO,CAAC,cAAc;YA2BR,cAAc;YA4Pd,aAAa;IAiD3B,OAAO,CAAC,yBAAyB;YAOnB,oBAAoB;YAmJpB,gBAAgB;YAgChB,4BAA4B;YAmF5B,6BAA6B;IA+F3C,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,MAAM;IAqBd,OAAO,CAAC,6BAA6B;IAgDrC,OAAO,CAAC,uBAAuB;YAuBjB,sBAAsB;YAgBtB,kBAAkB;YA8ElB,gBAAgB;IAmF9B,OAAO,CAAC,oBAAoB;YA6Ed,cAAc;CAsJ7B;AAED,wBAAsB,mBAAmB,CAAC,OAAO,EAAE,qBAAqB,iBAGvE"}

package/dist/dev-environment.js

@@ -175,7 +175,7 @@ async function isChromeDevtoolsMcpSupported() {
 /**
  * Ensure MCP server configurations are added to project's .mcp.json (Claude Code)
  */
-async function ensureMcpServers(mcpPort, appPort, enableChromeDevtools, enableNextjsMcp) {
+async function ensureMcpServers(mcpPort, _appPort, _enableChromeDevtools, _enableNextjsMcp) {
     try {
         const settingsPath = join(process.cwd(), ".mcp.json");
         // Read or create settings
@@ -193,6 +193,9 @@ async function ensureMcpServers(mcpPort, appPort, enableChromeDevtools, enableNe
         }
         let added = false;
         // Add dev3000 MCP server (HTTP type)
+        // NOTE: dev3000 now acts as an MCP orchestrator/gateway that internally
+        // connects to chrome-devtools and nextjs-dev MCPs, so users only need to
+        // configure dev3000 once!
         if (!settings.mcpServers[MCP_NAMES.DEV3000]) {
             settings.mcpServers[MCP_NAMES.DEV3000] = {
                 type: "http",
@@ -200,22 +203,8 @@ async function ensureMcpServers(mcpPort, appPort, enableChromeDevtools, enableNe
             };
             added = true;
         }
-        // Add chrome-devtools MCP server if enabled (stdio - no type needed)
-        if (enableChromeDevtools && !settings.mcpServers[MCP_NAMES.CHROME_DEVTOOLS]) {
-            settings.mcpServers[MCP_NAMES.CHROME_DEVTOOLS] = {
-                command: "npx",
-                args: ["chrome-devtools-mcp@latest", "--browserUrl", "http://127.0.0.1:9222"]
-            };
-            added = true;
-        }
-        // Add nextjs-dev MCP server if enabled (HTTP type - connects to Next.js dev server)
-        if (enableNextjsMcp && !settings.mcpServers[MCP_NAMES.NEXTJS_DEV]) {
-            settings.mcpServers[MCP_NAMES.NEXTJS_DEV] = {
-                type: "http",
-                url: `http://localhost:${appPort}/_next/mcp`
-            };
-            added = true;
-        }
+        // REMOVED: No longer auto-configure chrome-devtools and nextjs-dev
+        // dev3000 MCP server now orchestrates these internally via the gateway pattern
         // Write if we added anything
         if (added) {
             writeFileSync(settingsPath, `${JSON.stringify(settings, null, 2)}\n`, "utf-8");
@@ -228,7 +217,7 @@ async function ensureMcpServers(mcpPort, appPort, enableChromeDevtools, enableNe
 /**
  * Ensure MCP server configurations are added to project's .cursor/mcp.json
  */
-async function ensureCursorMcpServers(mcpPort, appPort, enableChromeDevtools, enableNextjsMcp) {
+async function ensureCursorMcpServers(mcpPort, _appPort, _enableChromeDevtools, _enableNextjsMcp) {
     try {
         const cursorDir = join(process.cwd(), ".cursor");
         const settingsPath = join(cursorDir, "mcp.json");
@@ -251,6 +240,8 @@ async function ensureCursorMcpServers(mcpPort, appPort, enableChromeDevtools, en
         }
         let added = false;
         // Add dev3000 MCP server
+        // NOTE: dev3000 now acts as an MCP orchestrator/gateway that internally
+        // connects to chrome-devtools and nextjs-dev MCPs
         if (!settings.mcpServers[MCP_NAMES.DEV3000]) {
             settings.mcpServers[MCP_NAMES.DEV3000] = {
                 type: "http",
@@ -258,22 +249,8 @@ async function ensureCursorMcpServers(mcpPort, appPort, enableChromeDevtools, en
             };
             added = true;
         }
-        // Add chrome-devtools MCP server if enabled
-        if (enableChromeDevtools && !settings.mcpServers[MCP_NAMES.CHROME_DEVTOOLS]) {
-            settings.mcpServers[MCP_NAMES.CHROME_DEVTOOLS] = {
-                command: "npx",
-                args: ["chrome-devtools-mcp@latest", "--browserUrl", "http://127.0.0.1:9222"]
-            };
-            added = true;
-        }
-        // Add nextjs-dev MCP server if enabled (HTTP type - connects to Next.js dev server)
-        if (enableNextjsMcp && !settings.mcpServers[MCP_NAMES.NEXTJS_DEV]) {
-            settings.mcpServers[MCP_NAMES.NEXTJS_DEV] = {
-                type: "http",
-                url: `http://localhost:${appPort}/_next/mcp`
-            };
-            added = true;
-        }
+        // REMOVED: No longer auto-configure chrome-devtools and nextjs-dev
+        // dev3000 MCP server now orchestrates these internally via the gateway pattern
         // Write if we added anything
         if (added) {
             writeFileSync(settingsPath, `${JSON.stringify(settings, null, 2)}\n`, "utf-8");
@@ -287,7 +264,7 @@ async function ensureCursorMcpServers(mcpPort, appPort, enableChromeDevtools, en
  * Ensure MCP server configurations are added to project's .opencode.json
  * OpenCode uses a different structure: "mcp" instead of "mcpServers" and "type": "local" for stdio servers
  */
-async function ensureOpenCodeMcpServers(mcpPort, appPort, enableChromeDevtools, enableNextjsMcp) {
+async function ensureOpenCodeMcpServers(mcpPort, _appPort, _enableChromeDevtools, _enableNextjsMcp) {
     try {
         const settingsPath = join(process.cwd(), ".opencode.json");
         // Read or create settings - OpenCode uses "mcp" not "mcpServers"
@@ -305,6 +282,8 @@ async function ensureOpenCodeMcpServers(mcpPort, appPort, enableChromeDevtools,
         }
         let added = false;
         // Add dev3000 MCP server - use npx with mcp-client to connect to HTTP server
+        // NOTE: dev3000 now acts as an MCP orchestrator/gateway that internally
+        // connects to chrome-devtools and nextjs-dev MCPs
         if (!settings.mcp[MCP_NAMES.DEV3000]) {
             settings.mcp[MCP_NAMES.DEV3000] = {
                 type: "local",
@@ -313,24 +292,8 @@ async function ensureOpenCodeMcpServers(mcpPort, appPort, enableChromeDevtools,
             };
             added = true;
         }
-        // Add chrome-devtools MCP server if enabled
-        if (enableChromeDevtools && !settings.mcp[MCP_NAMES.CHROME_DEVTOOLS]) {
-            settings.mcp[MCP_NAMES.CHROME_DEVTOOLS] = {
-                type: "local",
-                command: ["npx", "chrome-devtools-mcp@latest", "--browserUrl", "http://127.0.0.1:9222"],
-                enabled: true
-            };
-            added = true;
-        }
-        // Add nextjs-dev MCP server if enabled - use npx with mcp-client for HTTP
-        if (enableNextjsMcp && !settings.mcp[MCP_NAMES.NEXTJS_DEV]) {
-            settings.mcp[MCP_NAMES.NEXTJS_DEV] = {
-                type: "local",
-                command: ["npx", "@modelcontextprotocol/inspector", `http://localhost:${appPort}/_next/mcp`],
-                enabled: true
-            };
-            added = true;
-        }
+        // REMOVED: No longer auto-configure chrome-devtools and nextjs-dev
+        // dev3000 MCP server now orchestrates these internally via the gateway pattern
         // Write if we added anything
         if (added) {
             writeFileSync(settingsPath, `${JSON.stringify(settings, null, 2)}\n`, "utf-8");
@@ -340,132 +303,8 @@ async function ensureOpenCodeMcpServers(mcpPort, appPort, enableChromeDevtools,
         // Ignore errors - settings file manipulation is optional
     }
 }
-/**
- * Clean up MCP server configurations from project's .cursor/mcp.json
- */
-async function cleanupCursorMcpServers(enableChromeDevtools, enableNextjsMcp) {
-    try {
-        const settingsPath = join(process.cwd(), ".cursor", "mcp.json");
-        // Check if file exists
-        if (!existsSync(settingsPath)) {
-            return; // No settings file to clean up
-        }
-        // Read current settings
-        const settingsContent = readFileSync(settingsPath, "utf-8");
-        const settings = JSON.parse(settingsContent);
-        // Ensure mcpServers structure exists
-        if (!settings.mcpServers) {
-            return; // No MCP servers to clean up
-        }
-        let removed = false;
-        // Remove dev3000 MCP server
-        if (settings.mcpServers[MCP_NAMES.DEV3000]) {
-            delete settings.mcpServers[MCP_NAMES.DEV3000];
-            removed = true;
-        }
-        // Remove chrome-devtools MCP server if it was enabled
-        if (enableChromeDevtools && settings.mcpServers[MCP_NAMES.CHROME_DEVTOOLS]) {
-            delete settings.mcpServers[MCP_NAMES.CHROME_DEVTOOLS];
-            removed = true;
-        }
-        // Remove nextjs-dev MCP server if it was enabled
-        if (enableNextjsMcp && settings.mcpServers[MCP_NAMES.NEXTJS_DEV]) {
-            delete settings.mcpServers[MCP_NAMES.NEXTJS_DEV];
-            removed = true;
-        }
-        // Only write if we actually removed something
-        if (removed) {
-            writeFileSync(settingsPath, `${JSON.stringify(settings, null, 2)}\n`, "utf-8");
-        }
-    }
-    catch (_error) {
-        // Ignore cleanup errors
-    }
-}
-/**
- * Clean up MCP server configurations from project's .opencode.json
- */
-async function cleanupOpenCodeMcpServers(enableChromeDevtools, enableNextjsMcp) {
-    try {
-        const settingsPath = join(process.cwd(), ".opencode.json");
-        // Check if file exists
-        if (!existsSync(settingsPath)) {
-            return; // No settings file to clean up
-        }
-        // Read current settings
-        const settingsContent = readFileSync(settingsPath, "utf-8");
-        const settings = JSON.parse(settingsContent);
-        // Ensure mcp structure exists (OpenCode uses "mcp" not "mcpServers")
-        if (!settings.mcp) {
-            return; // No MCP servers to clean up
-        }
-        let removed = false;
-        // Remove dev3000 MCP server
-        if (settings.mcp[MCP_NAMES.DEV3000]) {
-            delete settings.mcp[MCP_NAMES.DEV3000];
-            removed = true;
-        }
-        // Remove chrome-devtools MCP server if it was enabled
-        if (enableChromeDevtools && settings.mcp[MCP_NAMES.CHROME_DEVTOOLS]) {
-            delete settings.mcp[MCP_NAMES.CHROME_DEVTOOLS];
-            removed = true;
-        }
-        // Remove nextjs-dev MCP server if it was enabled
-        if (enableNextjsMcp && settings.mcp[MCP_NAMES.NEXTJS_DEV]) {
-            delete settings.mcp[MCP_NAMES.NEXTJS_DEV];
-            removed = true;
-        }
-        // Only write if we actually removed something
-        if (removed) {
-            writeFileSync(settingsPath, `${JSON.stringify(settings, null, 2)}\n`, "utf-8");
-        }
-    }
-    catch (_error) {
-        // Ignore cleanup errors
-    }
-}
-/**
- * Clean up MCP server configurations from project's .mcp.json (Claude Code)
- */
-async function cleanupMcpServers(enableChromeDevtools, enableNextjsMcp) {
-    try {
-        const settingsPath = join(process.cwd(), ".mcp.json");
-        // Check if file exists
-        if (!existsSync(settingsPath)) {
-            return; // No settings file to clean up
-        }
-        // Read current settings
-        const settingsContent = readFileSync(settingsPath, "utf-8");
-        const settings = JSON.parse(settingsContent);
-        // Ensure mcpServers structure exists
-        if (!settings.mcpServers) {
-            return; // No MCP servers to clean up
-        }
-        let removed = false;
-        // Remove dev3000 MCP server
-        if (settings.mcpServers[MCP_NAMES.DEV3000]) {
-            delete settings.mcpServers[MCP_NAMES.DEV3000];
-            removed = true;
-        }
-        // Remove chrome-devtools MCP server if it was enabled
-        if (enableChromeDevtools && settings.mcpServers[MCP_NAMES.CHROME_DEVTOOLS]) {
-            delete settings.mcpServers[MCP_NAMES.CHROME_DEVTOOLS];
-            removed = true;
-        }
-        // Remove nextjs-dev MCP server if it was enabled
-        if (enableNextjsMcp && settings.mcpServers[MCP_NAMES.NEXTJS_DEV]) {
-            delete settings.mcpServers[MCP_NAMES.NEXTJS_DEV];
-            removed = true;
-        }
-        // Only write if we actually removed something
-        if (removed) {
-            writeFileSync(settingsPath, `${JSON.stringify(settings, null, 2)}\n`, "utf-8");
-        }
-    }
-    catch (_error) {
-        // Ignore cleanup errors
-    }
-}
+// REMOVED: cleanup functions are no longer needed
+// MCP config files are now kept persistent across dev3000 restarts
 export function createPersistentLogFile() {
     // Get unique project name
     const projectName = getProjectName();
@@ -946,7 +785,7 @@ export class DevEnvironment {
             console.log(chalk.cyan(`Logs: ${this.options.logFile}`));
             console.log(chalk.cyan("☝️ Give this to an AI to auto debug and fix your app\n"));
             console.log(chalk.cyan(`🌐 Your App: http://localhost:${this.options.port}`));
-            console.log(chalk.cyan(`🤖 MCP Server: http://localhost:${this.options.mcpPort}/mcp`));
+            console.log(chalk.cyan(`🤖 MCP Server: http://localhost:${this.options.mcpPort}`));
             console.log(chalk.cyan(`📸 Visual Timeline: http://localhost:${this.options.mcpPort}/logs?project=${encodeURIComponent(projectName)}`));
             if (this.options.serversOnly) {
                 console.log(chalk.cyan("🖥️  Servers-only mode - use Chrome extension for browser monitoring"));
@@ -1271,6 +1110,9 @@ export class DevEnvironment {
         }
         this.debugLog(`MCP server command: ${mcpCommand.join(" ")}`);
         this.debugLog(`MCP server cwd: ${mcpCwd}`);
+        // Get CDP URL and app port for MCP orchestration
+        const cdpUrl = this.cdpMonitor?.getCdpUrl() || null;
+        const appPort = this.options.port;
         // Start MCP server as a true background singleton process
         this.mcpServerProcess = spawn(mcpCommand[0], mcpCommand.slice(1), {
             stdio: ["ignore", "pipe", "pipe"],
@@ -1281,7 +1123,9 @@ export class DevEnvironment {
                 PORT: this.options.mcpPort,
                 LOG_FILE_PATH: this.options.logFile, // Pass log file path to MCP server
                 DEV3000_VERSION: this.version, // Pass version to MCP server
-                SCREENSHOT_DIR: this.screenshotDir // Pass screenshot directory for global installs
+                SCREENSHOT_DIR: this.screenshotDir, // Pass screenshot directory for global installs
+                CDP_URL: cdpUrl || "", // Pass CDP URL for chrome-devtools MCP orchestration
+                APP_PORT: appPort // Pass app port for nextjs-dev MCP orchestration
             }
         });
         // Unref the process so it continues running after parent exits
@@ -1307,7 +1151,8 @@ export class DevEnvironment {
                 const timestamp = new Date().toISOString();
                 appendFileSync(mcpLogFile, `[${timestamp}] [MCP-STDERR] ${message}\n`);
                 // Only show critical errors in stdout for debugging
-                if (message.includes("FATAL") || message.includes("Error:")) {
+                // Exclude MCP Orchestrator connection errors (they're expected and non-critical)
+                if ((message.includes("FATAL") || message.includes("Error:")) && !message.includes("[MCP Orchestrator]")) {
                     console.error(chalk.red("[ERROR]"), message);
                 }
             }
@@ -2034,10 +1879,10 @@ export class DevEnvironment {
                 }
             }
         }
-        // Clean up MCP server configurations from project settings files (instant)
-        await cleanupMcpServers(this.chromeDevtoolsSupported, this.enableNextjsMcp);
-        await cleanupCursorMcpServers(this.chromeDevtoolsSupported, this.enableNextjsMcp);
-        await cleanupOpenCodeMcpServers(this.chromeDevtoolsSupported, this.enableNextjsMcp);
+        // REMOVED: No longer clean up MCP config files on shutdown
+        // This was causing Claude Code instances to crash when dev3000 was killed
+        // Now we keep .mcp.json, .cursor/mcp.json, and .opencode.json configured
+        // for the next dev3000 run, providing a better developer experience
         // Kill processes on both ports
         const killPortProcess = async (port, name) => {
             try {