chrome-devtools-mcp 0.20.2 → 0.20.3

package/build/src/DevtoolsUtils.js

@@ -6,52 +6,6 @@
 import { PuppeteerDevToolsConnection } from './DevToolsConnectionAdapter.js';
 import { Mutex } from './Mutex.js';
 import { DevTools } from './third_party/index.js';
-export function extractUrlLikeFromDevToolsTitle(title) {
-    const match = title.match(new RegExp(`DevTools - (.*)`));
-    return match?.[1] ?? undefined;
-}
-export function urlsEqual(url1, url2) {
-    const normalizedUrl1 = normalizeUrl(url1);
-    const normalizedUrl2 = normalizeUrl(url2);
-    return normalizedUrl1 === normalizedUrl2;
-}
-/**
- * For the sake of the MCP server, when we determine if two URLs are equal we
- * remove some parts:
- *
- * 1. We do not care about the protocol.
- * 2. We do not care about trailing slashes.
- * 3. We do not care about "www".
- * 4. We ignore the hash parts.
- *
- * For example, if the user types "record a trace on foo.com", we would want to
- * match a tab in the connected Chrome instance that is showing "www.foo.com/"
- */
-function normalizeUrl(url) {
-    let result = url.trim();
-    // Remove protocols
-    if (result.startsWith('https://')) {
-        result = result.slice(8);
-    }
-    else if (result.startsWith('http://')) {
-        result = result.slice(7);
-    }
-    // Remove 'www.'. This ensures that we find the right URL regardless of if the user adds `www` or not.
-    if (result.startsWith('www.')) {
-        result = result.slice(4);
-    }
-    // We use target URLs to locate DevTools but those often do
-    // no include hash.
-    const hashIdx = result.lastIndexOf('#');
-    if (hashIdx !== -1) {
-        result = result.slice(0, hashIdx);
-    }
-    // Remove trailing slash
-    if (result.endsWith('/')) {
-        result = result.slice(0, -1);
-    }
-    return result;
-}
 /**
  * A mock implementation of an issues manager that only implements the methods
  * that are actually used by the IssuesAggregator

package/build/src/McpContext.js

@@ -5,9 +5,9 @@
  */
 import fs from 'node:fs/promises';
 import path from 'node:path';
-import { extractUrlLikeFromDevToolsTitle, UniverseManager, urlsEqual, } from './DevtoolsUtils.js';
+import { UniverseManager } from './DevtoolsUtils.js';
 import { McpPage } from './McpPage.js';
-import { NetworkCollector, ConsoleCollector } from './PageCollector.js';
+import { NetworkCollector, ConsoleCollector, } from './PageCollector.js';
 import { Locator } from './third_party/index.js';
 import { PredefinedNetworkConditions } from './third_party/index.js';
 import { listPages } from './tools/pages.js';
@@ -467,38 +467,26 @@ export class McpContext {
     async detectOpenDevToolsWindows() {
         this.logger('Detecting open DevTools windows');
         const { pages } = await this.#getAllPages();
-        // Clear all devToolsPage references before re-detecting.
-        for (const mcpPage of this.#mcpPages.values()) {
-            mcpPage.devToolsPage = undefined;
-        }
-        for (const devToolsPage of pages) {
-            if (devToolsPage.url().startsWith('devtools://')) {
-                try {
-                    this.logger('Calling getTargetInfo for ' + devToolsPage.url());
-                    const data = await devToolsPage
-                        // @ts-expect-error no types for _client().
-                        ._client()
-                        .send('Target.getTargetInfo');
-                    const devtoolsPageTitle = data.targetInfo.title;
-                    const urlLike = extractUrlLikeFromDevToolsTitle(devtoolsPageTitle);
-                    if (!urlLike) {
-                        continue;
-                    }
-                    // TODO: lookup without a loop.
-                    for (const page of this.#pages) {
-                        if (urlsEqual(page.url(), urlLike)) {
-                            const mcpPage = this.#mcpPages.get(page);
-                            if (mcpPage) {
-                                mcpPage.devToolsPage = devToolsPage;
-                            }
-                        }
-                    }
+        await Promise.all(pages.map(async (page) => {
+            const mcpPage = this.#mcpPages.get(page);
+            if (!mcpPage) {
+                return;
+            }
+            // Prior to Chrome 144.0.7559.59, the command fails,
+            // Some Electron apps still use older version
+            // Fall back to not exposing DevTools at all.
+            try {
+                if (await page.hasDevTools()) {
+                    mcpPage.devToolsPage = await page.openDevTools();
                 }
-                catch (error) {
-                    this.logger('Issue occurred while trying to find DevTools', error);
+                else {
+                    mcpPage.devToolsPage = undefined;
                 }
             }
-        }
+            catch {
+                mcpPage.devToolsPage = undefined;
+            }
+        }));
     }
     getExtensionServiceWorkers() {
         return this.#extensionServiceWorkers;

package/build/src/PageCollector.js

@@ -28,7 +28,7 @@ export class PageCollector {
     #browser;
     #listenersInitializer;
     #listeners = new WeakMap();
-    #maxNavigationSaved = 3;
+    maxNavigationSaved = 3;
     /**
      * This maps a Page to a list of navigations with a sub-list
      * of all collected resources.
@@ -109,7 +109,7 @@ export class PageCollector {
         }
         // Add the latest navigation first
         navigations.unshift([]);
-        navigations.splice(this.#maxNavigationSaved);
+        navigations.splice(this.maxNavigationSaved);
     }
     cleanupPageDestroyed(page) {
         const listeners = this.#listeners.get(page);
@@ -129,7 +129,7 @@ export class PageCollector {
             return navigations[0];
         }
         const data = [];
-        for (let index = this.#maxNavigationSaved; index >= 0; index--) {
+        for (let index = this.maxNavigationSaved; index >= 0; index--) {
             if (navigations[index]) {
                 data.push(...navigations[index]);
             }
@@ -305,5 +305,6 @@ export class NetworkCollector extends PageCollector {
         else {
             navigations.unshift([]);
         }
+        navigations.splice(this.maxNavigationSaved);
     }
 }

package/build/src/bin/chrome-devtools-mcp-cli-options.js

@@ -8,7 +8,7 @@ export const cliOptions = {
     autoConnect: {
         type: 'boolean',
         description: 'If specified, automatically connects to a browser (Chrome 144+) running locally from the user data directory identified by the channel param (default channel is stable). Requires the remoted debugging server to be started in the Chrome instance via chrome://inspect/#remote-debugging.',
-        conflicts: ['isolated', 'executablePath'],
+        conflicts: ['isolated', 'executablePath', 'categoryExtensions'],
         default: false,
         coerce: (value) => {
             if (!value) {
@@ -21,7 +21,7 @@ export const cliOptions = {
         type: 'string',
         description: 'Connect to a running, debuggable Chrome instance (e.g. `http://127.0.0.1:9222`). For more details see: https://github.com/ChromeDevTools/chrome-devtools-mcp#connecting-to-a-running-chrome-instance.',
         alias: 'u',
-        conflicts: 'wsEndpoint',
+        conflicts: ['wsEndpoint', 'categoryExtensions'],
         coerce: (url) => {
             if (!url) {
                 return;
@@ -39,7 +39,7 @@ export const cliOptions = {
         type: 'string',
         description: 'WebSocket endpoint to connect to a running Chrome instance (e.g., ws://127.0.0.1:9222/devtools/browser/<id>). Alternative to --browserUrl.',
         alias: 'w',
-        conflicts: 'browserUrl',
+        conflicts: ['browserUrl', 'categoryExtensions'],
         coerce: (url) => {
             if (!url) {
                 return;
@@ -193,9 +193,9 @@ export const cliOptions = {
     },
     categoryExtensions: {
         type: 'boolean',
-        default: false,
         hidden: true,
-        describe: 'Set to false to exclude tools related to extensions.',
+        conflicts: ['browserUrl', 'autoConnect', 'wsEndpoint'],
+        describe: 'Set to true to include tools related to extensions. Note: This feature is only supported with a pipe connection. autoConnect is not supported.',
     },
     performanceCrux: {
         type: 'boolean',

package/build/src/index.js

@@ -95,7 +95,7 @@ export async function createMcpServer(serverArgs, options) {
             return;
         }
         if (tool.annotations.category === ToolCategory.EXTENSIONS &&
-            serverArgs.categoryExtensions === false) {
+            !serverArgs.categoryExtensions) {
             return;
         }
         if (tool.annotations.conditions?.includes('computerVision') &&

package/build/src/third_party/bundled-packages.json

@@ -1,6 +1,6 @@
 {
   "@modelcontextprotocol/sdk": "1.27.1",
-  "chrome-devtools-frontend": "1.0.1596260",
+  "chrome-devtools-frontend": "1.0.1599001",
   "core-js": "3.48.0",
   "debug": "4.4.3",
   "lighthouse": "13.0.3",

package/build/src/third_party/devtools-formatter-worker.js

@@ -3117,7 +3117,6 @@ var ExperimentName;
     ExperimentName["SHOW_OPTION_TO_EXPOSE_INTERNALS_IN_HEAP_SNAPSHOT"] = "show-option-to-expose-internals-in-heap-snapshot";
     ExperimentName["TIMELINE_INVALIDATION_TRACKING"] = "timeline-invalidation-tracking";
     ExperimentName["TIMELINE_SHOW_ALL_EVENTS"] = "timeline-show-all-events";
-    ExperimentName["TIMELINE_V8_RUNTIME_CALL_STATS"] = "timeline-v8-runtime-call-stats";
     ExperimentName["APCA"] = "apca";
     ExperimentName["FONT_EDITOR"] = "font-editor";
     ExperimentName["FULL_ACCESSIBILITY_TREE"] = "full-accessibility-tree";