@mcp-b/chrome-devtools-mcp 1.1.2 → 1.1.4

package/build/src/DevtoolsUtils.js

@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { DebuggerModel, Foundation, TargetManager, MarkdownIssueDescription, Marked, ProtocolClient, Common, I18n, } from '../node_modules/chrome-devtools-frontend/mcp/mcp.js';
+import { DebuggerModel, Foundation, TargetManager, MarkdownIssueDescription, Marked, ProtocolClient, Common, I18n, } from '../vendor/chrome-devtools-frontend/mcp/mcp.js';
 import { PuppeteerDevToolsConnection } from './DevToolsConnectionAdapter.js';
 import { ISSUE_UTILS } from './issue-descriptions.js';
 import { logger } from './logger.js';

package/build/src/McpResponse.js

@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { AggregatedIssue } from '../node_modules/chrome-devtools-frontend/mcp/mcp.js';
+import { AggregatedIssue } from '../vendor/chrome-devtools-frontend/mcp/mcp.js';
 import { mapIssueToMessageObject } from './DevtoolsUtils.js';
 import { formatConsoleEventShort, formatConsoleEventVerbose, } from './formatters/consoleFormatter.js';
 import { getFormattedHeaderValue, getFormattedResponseBody, getFormattedRequestBody, getShortDescriptionForRequest, getStatusFromRequest, } from './formatters/networkFormatter.js';

package/build/src/PageCollector.js

@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { createIssuesFromProtocolIssue, IssueAggregator, } from '../node_modules/chrome-devtools-frontend/mcp/mcp.js';
+import { createIssuesFromProtocolIssue, IssueAggregator, } from '../vendor/chrome-devtools-frontend/mcp/mcp.js';
 import { FakeIssuesManager } from './DevtoolsUtils.js';
 import { logger } from './logger.js';
 function createIdGenerator() {

package/build/src/issue-descriptions.js

@@ -5,7 +5,7 @@
  */
 import * as fs from 'node:fs';
 import * as path from 'node:path';
-const DESCRIPTIONS_PATH = path.join(import.meta.dirname, '../node_modules/chrome-devtools-frontend/front_end/models/issues_manager/descriptions');
+const DESCRIPTIONS_PATH = path.join(import.meta.dirname, '../vendor/chrome-devtools-frontend/front_end/models/issues_manager/descriptions');
 let issueDescriptions = {};
 /**
  * Reads all issue descriptions from the filesystem into memory.

package/build/src/tools/webmcp.js

@@ -83,6 +83,15 @@ async function ensureWebMCPConnected(context) {
             requireWebMCP: false, // We already checked
         });
         const client = new Client({ name: 'chrome-devtools-mcp', version: '1.0.0' }, { capabilities: {} });
+        // Set up onclose handler to clean up module-level state
+        // This handles page navigations, reloads, and manual disconnections
+        transport.onclose = () => {
+            if (webMCPClient === client) {
+                webMCPClient = null;
+                webMCPTransport = null;
+                connectedPageUrl = null;
+            }
+        };
         await client.connect(transport);
         // Store for later use
         webMCPTransport = transport;

package/build/src/trace-processing/parse.js

@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { AgentFocus, TraceEngine, PerformanceTraceFormatter, PerformanceInsightFormatter, } from '../../node_modules/chrome-devtools-frontend/mcp/mcp.js';
+import { AgentFocus, TraceEngine, PerformanceTraceFormatter, PerformanceInsightFormatter, } from '../../vendor/chrome-devtools-frontend/mcp/mcp.js';
 import { logger } from '../logger.js';
 const engine = TraceEngine.TraceModel.Model.createWithAllHandlers();
 export function traceResultIsSuccess(x) {

package/build/src/transports/WebMCPClientTransport.js

@@ -189,18 +189,22 @@ export class WebMCPClientTransport {
     }
     /**
      * Handle page navigation - bridge is lost
+     *
+     * Navigation is a normal lifecycle event in browsers, not a fatal error.
+     * We close the connection gracefully and allow the client to reconnect if needed.
      */
     _handleNavigation() {
         if (this._closed)
             return;
         this._serverReady = false;
+        // Mark as closed to prevent further operations
+        this._closed = true;
+        this._started = false;
+        // Reject any pending server ready promise
         this._serverReadyReject(new Error('Page navigated, connection lost'));
-        // Reset the promise for potential reconnection
-        this._serverReadyPromise = new Promise((resolve, reject) => {
-            this._serverReadyResolve = resolve;
-            this._serverReadyReject = reject;
-        });
-        this.onerror?.(new Error('Page navigated, WebMCP connection lost'));
+        // Signal clean disconnection (not an error)
+        // The client can reconnect by creating a new transport instance
+        this.onclose?.();
     }
     /**
      * Handle server stopped signal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/chrome-devtools-mcp",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "MCP server for Chrome DevTools with WebMCP integration for connecting to website MCP tools",
   "keywords": [
     "mcp",
@@ -43,29 +43,10 @@
   "bin": "./build/src/index.js",
   "files": [
     "build/src",
-    "build/node_modules",
+    "build/vendor",
     "LICENSE",
     "!*.tsbuildinfo"
   ],
-  "scripts": {
-    "build": "tsc && node --experimental-strip-types --no-warnings=ExperimentalWarning scripts/post-build.ts",
-    "bundle": "npm run clean && npm run build && rollup -c rollup.config.mjs",
-    "check-format": "eslint --cache . && prettier --check --cache .;",
-    "clean": "node -e \"require('fs').rmSync('build', {recursive: true, force: true})\"",
-    "docs": "npm run build && npm run docs:generate && npm run format",
-    "docs:generate": "node --experimental-strip-types scripts/generate-docs.ts",
-    "format": "eslint --cache --fix . && prettier --write --cache .",
-    "prepare": "node --experimental-strip-types scripts/prepare.ts",
-    "start": "npm run build && node build/src/index.js",
-    "start-debug": "DEBUG=mcp:* DEBUG_COLORS=false npm run build && node build/src/index.js",
-    "test": "npm run build && node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-reporter spec --test-force-exit --test \"build/tests/**/*.test.js\"",
-    "test:node20": "node --require ./build/tests/setup.js --test-reporter spec --test-force-exit --test build/tests",
-    "test:only": "npm run build && node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-reporter spec --test-force-exit --test --test-only \"build/tests/**/*.test.js\"",
-    "test:only:no-build": "node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-reporter spec --test-force-exit --test --test-only \"build/tests/**/*.test.js\"",
-    "test:update-snapshots": "npm run build && node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-force-exit --test --test-update-snapshots \"build/tests/**/*.test.js\"",
-    "typecheck": "tsc --noEmit",
-    "verify-server-json-version": "node --experimental-strip-types scripts/verify-server-json-version.ts"
-  },
   "dependencies": {
     "@modelcontextprotocol/sdk": "1.24.1",
     "core-js": "3.47.0",
@@ -118,5 +99,23 @@
   "upstream": {
     "repository": "https://github.com/ChromeDevTools/chrome-devtools-mcp",
     "mcpName": "io.github.ChromeDevTools/chrome-devtools-mcp"
+  },
+  "scripts": {
+    "build": "tsc && node --experimental-strip-types --no-warnings=ExperimentalWarning scripts/post-build.ts",
+    "bundle": "npm run clean && npm run build && rollup -c rollup.config.mjs",
+    "check-format": "eslint --cache . && prettier --check --cache .;",
+    "clean": "node -e \"require('fs').rmSync('build', {recursive: true, force: true})\"",
+    "docs": "npm run build && npm run docs:generate && npm run format",
+    "docs:generate": "node --experimental-strip-types scripts/generate-docs.ts",
+    "format": "eslint --cache --fix . && prettier --write --cache .",
+    "start": "npm run build && node build/src/index.js",
+    "start-debug": "DEBUG=mcp:* DEBUG_COLORS=false npm run build && node build/src/index.js",
+    "test": "npm run build && node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-reporter spec --test-force-exit --test \"build/tests/**/*.test.js\"",
+    "test:node20": "node --require ./build/tests/setup.js --test-reporter spec --test-force-exit --test build/tests",
+    "test:only": "npm run build && node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-reporter spec --test-force-exit --test --test-only \"build/tests/**/*.test.js\"",
+    "test:only:no-build": "node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-reporter spec --test-force-exit --test --test-only \"build/tests/**/*.test.js\"",
+    "test:update-snapshots": "npm run build && node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-force-exit --test --test-update-snapshots \"build/tests/**/*.test.js\"",
+    "typecheck": "tsc --noEmit",
+    "verify-server-json-version": "node --experimental-strip-types scripts/verify-server-json-version.ts"
   }
-}
+}