Merge branch 'main' into get-specific-console-message-tool

Author: AlinaVarkki

.github/workflows/publish-to-npm-on-tag.yml

@@ -45,6 +45,8 @@ jobs:
 
       - name: Build
         run: npm run build
+        env:
+          NODE_ENV: 'production'
 
       - name: Publish
         run: |
@@ -76,6 +78,8 @@ jobs:
 
       - name: Build
         run: npm run build
+        env:
+          NODE_ENV: 'production'
 
       - name: Install MCP Publisher
         run: |

README.md

@@ -125,8 +125,7 @@ Configure the following fields and press `CTRL+S` to save the configuration:
 
 - **Server name:** `chrome-devtools`
 - **Server Type:** `[1] Local`
-- **Command:** `npx`
-- **Arguments:** `-y, chrome-devtools-mcp@latest`
+- **Command:** `npx -y chrome-devtools-mcp@latest`
 
 </details>
 

package-lock.json

@@ -40,12 +40,11 @@
     "core-js": "3.46.0",
     "debug": "4.4.3",
     "puppeteer-core": "^24.24.1",
-    "yargs": "18.0.0",
-    "zod": "^3.25.76"
+    "yargs": "18.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.35.0",
-    "@modelcontextprotocol/sdk": "1.20.0",
+    "@modelcontextprotocol/sdk": "1.20.1",
     "@rollup/plugin-commonjs": "^28.0.8",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -63,8 +62,8 @@
     "eslint-plugin-import": "^2.32.0",
     "globals": "^16.4.0",
     "prettier": "^3.6.2",
-    "puppeteer": "24.24.1",
-    "rollup": "4.52.4",
+    "puppeteer": "24.25.0",
+    "rollup": "4.52.5",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-license": "^3.6.0",
     "sinon": "^21.0.0",

package.json

@@ -14,6 +14,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/**
+ * @fileoverview take from {@link https://github.com/GoogleChromeLabs/chromium-bidi/blob/main/rollup.config.mjs | chromium-bidi}
+ * and modified to specific requirement.
+ */
+
 import path from 'node:path';
 
 import commonjs from '@rollup/plugin-commonjs';
@@ -22,11 +27,14 @@ import {nodeResolve} from '@rollup/plugin-node-resolve';
 import cleanup from 'rollup-plugin-cleanup';
 import license from 'rollup-plugin-license';
 
+const isProduction = process.env.NODE_ENV === 'production';
+
+/** @type {import('rollup').RollupOptions} */
 const sdk = {
   input: './build/src/third_party/modelcontextprotocol-sdk/index.js',
   output: {
     file: './build/src/third_party/modelcontextprotocol-sdk/index.js',
-    sourcemap: false,
+    sourcemap: !isProduction,
     format: 'esm',
   },
   plugins: [
@@ -37,7 +45,6 @@ const sdk = {
       comments: [/Copyright/i],
     }),
     license({
-      debug: true,
       thirdParty: {
         allow: {
           test: dependency => {

rollup.config.mjs

@@ -12,3 +12,4 @@ export {
   type ImageContent,
   type TextContent,
 } from '@modelcontextprotocol/sdk/types.js';
+export {z as zod} from 'zod';

src/third_party/modelcontextprotocol-sdk/index.ts

@@ -5,15 +5,17 @@
  */
 
 import type {Dialog, ElementHandle, Page} from 'puppeteer-core';
-import z from 'zod';
 
 import type {TextSnapshotNode} from '../McpContext.js';
+import {zod} from '../third_party/modelcontextprotocol-sdk/index.js';
 import type {TraceResult} from '../trace-processing/parse.js';
 import type {PaginationOptions} from '../utils/types.js';
 
 import type {ToolCategories} from './categories.js';
 
-export interface ToolDefinition<Schema extends z.ZodRawShape = z.ZodRawShape> {
+export interface ToolDefinition<
+  Schema extends zod.ZodRawShape = zod.ZodRawShape,
+> {
   name: string;
   description: string;
   annotations: {
@@ -32,8 +34,8 @@ export interface ToolDefinition<Schema extends z.ZodRawShape = z.ZodRawShape> {
   ) => Promise<void>;
 }
 
-export interface Request<Schema extends z.ZodRawShape> {
-  params: z.objectOutputType<Schema, z.ZodTypeAny>;
+export interface Request<Schema extends zod.ZodRawShape> {
+  params: zod.objectOutputType<Schema, zod.ZodTypeAny>;
 }
 
 export interface ImageContentData {
@@ -93,7 +95,7 @@ export type Context = Readonly<{
   waitForEventsAfterAction(action: () => Promise<unknown>): Promise<void>;
 }>;
 
-export function defineTool<Schema extends z.ZodRawShape>(
+export function defineTool<Schema extends zod.ZodRawShape>(
   definition: ToolDefinition<Schema>,
 ) {
   return definition;
@@ -103,7 +105,7 @@ export const CLOSE_PAGE_ERROR =
   'The last open page cannot be closed. It is fine to keep it open.';
 
 export const timeoutSchema = {
-  timeout: z
+  timeout: zod
     .number()
     .int()
     .optional()

src/tools/ToolDefinition.ts

@@ -5,7 +5,8 @@
  */
 
 import type {ConsoleMessageType} from 'puppeteer-core';
-import z from 'zod';
+
+import {zod} from '../third_party/modelcontextprotocol-sdk/index.js';
 
 import {ToolCategories} from './categories.js';
 import {defineTool} from './ToolDefinition.js';
@@ -44,24 +45,24 @@ export const listConsoleMessages = defineTool({
     readOnlyHint: true,
   },
   schema: {
-    pageSize: z
+    pageSize: zod
       .number()
       .int()
       .positive()
       .optional()
       .describe(
         'Maximum number of messages to return. When omitted, returns all requests.',
       ),
-    pageIdx: z
+    pageIdx: zod
       .number()
       .int()
       .min(0)
       .optional()
       .describe(
         'Page number to return (0-based). When omitted, returns the first page.',
       ),
-    types: z
-      .array(z.enum(FILTERABLE_MESSAGE_TYPES))
+    types: zod
+      .array(zod.enum(FILTERABLE_MESSAGE_TYPES))
       .optional()
       .describe(
         'Filter messages to only return messages of the specified resource types. When omitted or empty, returns all messages.',

src/tools/console.ts

@@ -5,7 +5,8 @@
  */
 
 import {PredefinedNetworkConditions} from 'puppeteer-core';
-import z from 'zod';
+
+import {zod} from '../third_party/modelcontextprotocol-sdk/index.js';
 
 import {ToolCategories} from './categories.js';
 import {defineTool} from './ToolDefinition.js';
@@ -24,7 +25,7 @@ export const emulateNetwork = defineTool({
     readOnlyHint: false,
   },
   schema: {
-    throttlingOption: z
+    throttlingOption: zod
       .enum(throttlingOptions)
       .describe(
         `The network throttling option to emulate. Available throttling options are: ${throttlingOptions.join(', ')}. Set to "No emulation" to disable. Set to "Offline" to simulate offline network conditions.`,
@@ -70,7 +71,7 @@ export const emulateCpu = defineTool({
     readOnlyHint: false,
   },
   schema: {
-    throttlingRate: z
+    throttlingRate: zod
       .number()
       .min(1)
       .max(20)

src/tools/emulation.ts

@@ -5,9 +5,9 @@
  */
 
 import type {ElementHandle} from 'puppeteer-core';
-import z from 'zod';
 
 import type {McpContext, TextSnapshotNode} from '../McpContext.js';
+import {zod} from '../third_party/modelcontextprotocol-sdk/index.js';
 
 import {ToolCategories} from './categories.js';
 import {defineTool} from './ToolDefinition.js';
@@ -20,12 +20,12 @@ export const click = defineTool({
     readOnlyHint: false,
   },
   schema: {
-    uid: z
+    uid: zod
       .string()
       .describe(
         'The uid of an element on the page from the page content snapshot',
       ),
-    dblClick: z
+    dblClick: zod
       .boolean()
       .optional()
       .describe('Set to true for double clicks. Default is false.'),
@@ -59,7 +59,7 @@ export const hover = defineTool({
     readOnlyHint: false,
   },
   schema: {
-    uid: z
+    uid: zod
       .string()
       .describe(
         'The uid of an element on the page from the page content snapshot',
@@ -143,12 +143,12 @@ export const fill = defineTool({
     readOnlyHint: false,
   },
   schema: {
-    uid: z
+    uid: zod
       .string()
       .describe(
         'The uid of an element on the page from the page content snapshot',
       ),
-    value: z.string().describe('The value to fill in'),
+    value: zod.string().describe('The value to fill in'),
   },
   handler: async (request, response, context) => {
     await context.waitForEventsAfterAction(async () => {
@@ -171,8 +171,8 @@ export const drag = defineTool({
     readOnlyHint: false,
   },
   schema: {
-    from_uid: z.string().describe('The uid of the element to drag'),
-    to_uid: z.string().describe('The uid of the element to drop into'),
+    from_uid: zod.string().describe('The uid of the element to drag'),
+    to_uid: zod.string().describe('The uid of the element to drop into'),
   },
   handler: async (request, response, context) => {
     const fromHandle = await context.getElementByUid(request.params.from_uid);
@@ -200,11 +200,11 @@ export const fillForm = defineTool({
     readOnlyHint: false,
   },
   schema: {
-    elements: z
+    elements: zod
       .array(
-        z.object({
-          uid: z.string().describe('The uid of the element to fill out'),
-          value: z.string().describe('Value for the element'),
+        zod.object({
+          uid: zod.string().describe('The uid of the element to fill out'),
+          value: zod.string().describe('Value for the element'),
         }),
       )
       .describe('Elements from snapshot to fill out.'),
@@ -232,12 +232,12 @@ export const uploadFile = defineTool({
     readOnlyHint: false,
   },
   schema: {
-    uid: z
+    uid: zod
       .string()
       .describe(
         'The uid of the file input element or an element that will open file chooser on the page from the page content snapshot',
       ),
-    filePath: z.string().describe('The local path of the file to upload'),
+    filePath: zod.string().describe('The local path of the file to upload'),
   },
   handler: async (request, response, context) => {
     const {uid, filePath} = request.params;