@playwright/mcp 0.0.18 → 0.0.19

package/lib/tools/screen.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -14,52 +13,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+import { z } from 'zod';
+import { defineTool } from './tool.js';
+import * as javascript from '../javascript.js';
+const elementSchema = z.object({
+    element: z.string().describe('Human-readable element description used to obtain permission to interact with the element'),
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const zod_1 = require("zod");
-const tool_1 = require("./tool");
-const javascript = __importStar(require("../javascript"));
-const elementSchema = zod_1.z.object({
-    element: zod_1.z.string().describe('Human-readable element description used to obtain permission to interact with the element'),
-});
-const screenshot = (0, tool_1.defineTool)({
+const screenshot = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_screen_capture',
         description: 'Take a screenshot of the current page',
-        inputSchema: zod_1.z.object({}),
+        inputSchema: z.object({}),
     },
     handle: async (context) => {
         const tab = await context.ensureTab();
@@ -81,14 +46,14 @@ const screenshot = (0, tool_1.defineTool)({
         };
     },
 });
-const moveMouse = (0, tool_1.defineTool)({
+const moveMouse = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_screen_move_mouse',
         description: 'Move mouse to a given position',
         inputSchema: elementSchema.extend({
-            x: zod_1.z.number().describe('X coordinate'),
-            y: zod_1.z.number().describe('Y coordinate'),
+            x: z.number().describe('X coordinate'),
+            y: z.number().describe('Y coordinate'),
         }),
     },
     handle: async (context, params) => {
@@ -106,14 +71,14 @@ const moveMouse = (0, tool_1.defineTool)({
         };
     },
 });
-const click = (0, tool_1.defineTool)({
+const click = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_screen_click',
         description: 'Click left mouse button',
         inputSchema: elementSchema.extend({
-            x: zod_1.z.number().describe('X coordinate'),
-            y: zod_1.z.number().describe('Y coordinate'),
+            x: z.number().describe('X coordinate'),
+            y: z.number().describe('Y coordinate'),
         }),
     },
     handle: async (context, params) => {
@@ -137,16 +102,16 @@ const click = (0, tool_1.defineTool)({
         };
     },
 });
-const drag = (0, tool_1.defineTool)({
+const drag = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_screen_drag',
         description: 'Drag left mouse button',
         inputSchema: elementSchema.extend({
-            startX: zod_1.z.number().describe('Start X coordinate'),
-            startY: zod_1.z.number().describe('Start Y coordinate'),
-            endX: zod_1.z.number().describe('End X coordinate'),
-            endY: zod_1.z.number().describe('End Y coordinate'),
+            startX: z.number().describe('Start X coordinate'),
+            startY: z.number().describe('Start Y coordinate'),
+            endX: z.number().describe('End X coordinate'),
+            endY: z.number().describe('End Y coordinate'),
         }),
     },
     handle: async (context, params) => {
@@ -172,14 +137,14 @@ const drag = (0, tool_1.defineTool)({
         };
     },
 });
-const type = (0, tool_1.defineTool)({
+const type = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_screen_type',
         description: 'Type text',
-        inputSchema: zod_1.z.object({
-            text: zod_1.z.string().describe('Text to type into the element'),
-            submit: zod_1.z.boolean().optional().describe('Whether to submit entered text (press Enter after)'),
+        inputSchema: z.object({
+            text: z.string().describe('Text to type into the element'),
+            submit: z.boolean().optional().describe('Whether to submit entered text (press Enter after)'),
         }),
     },
     handle: async (context, params) => {
@@ -205,7 +170,7 @@ const type = (0, tool_1.defineTool)({
         };
     },
 });
-exports.default = [
+export default [
     screenshot,
     moveMouse,
     click,

package/lib/tools/snapshot.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -14,51 +13,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateLocator = generateLocator;
-const zod_1 = require("zod");
-const tool_1 = require("./tool");
-const javascript = __importStar(require("../javascript"));
-const config_1 = require("../config");
-const snapshot = (0, tool_1.defineTool)({
+import { z } from 'zod';
+import { defineTool } from './tool.js';
+import * as javascript from '../javascript.js';
+import { outputFile } from '../config.js';
+const snapshot = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_snapshot',
         description: 'Capture accessibility snapshot of the current page, this is better than screenshot',
-        inputSchema: zod_1.z.object({}),
+        inputSchema: z.object({}),
     },
     handle: async (context) => {
         await context.ensureTab();
@@ -69,11 +33,11 @@ const snapshot = (0, tool_1.defineTool)({
         };
     },
 });
-const elementSchema = zod_1.z.object({
-    element: zod_1.z.string().describe('Human-readable element description used to obtain permission to interact with the element'),
-    ref: zod_1.z.string().describe('Exact target element reference from the page snapshot'),
+const elementSchema = z.object({
+    element: z.string().describe('Human-readable element description used to obtain permission to interact with the element'),
+    ref: z.string().describe('Exact target element reference from the page snapshot'),
 });
-const click = (0, tool_1.defineTool)({
+const click = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_click',
@@ -95,16 +59,16 @@ const click = (0, tool_1.defineTool)({
         };
     },
 });
-const drag = (0, tool_1.defineTool)({
+const drag = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_drag',
         description: 'Perform drag and drop between two elements',
-        inputSchema: zod_1.z.object({
-            startElement: zod_1.z.string().describe('Human-readable source element description used to obtain the permission to interact with the element'),
-            startRef: zod_1.z.string().describe('Exact source element reference from the page snapshot'),
-            endElement: zod_1.z.string().describe('Human-readable target element description used to obtain the permission to interact with the element'),
-            endRef: zod_1.z.string().describe('Exact target element reference from the page snapshot'),
+        inputSchema: z.object({
+            startElement: z.string().describe('Human-readable source element description used to obtain the permission to interact with the element'),
+            startRef: z.string().describe('Exact source element reference from the page snapshot'),
+            endElement: z.string().describe('Human-readable target element description used to obtain the permission to interact with the element'),
+            endRef: z.string().describe('Exact target element reference from the page snapshot'),
         }),
     },
     handle: async (context, params) => {
@@ -123,7 +87,7 @@ const drag = (0, tool_1.defineTool)({
         };
     },
 });
-const hover = (0, tool_1.defineTool)({
+const hover = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_hover',
@@ -146,11 +110,11 @@ const hover = (0, tool_1.defineTool)({
     },
 });
 const typeSchema = elementSchema.extend({
-    text: zod_1.z.string().describe('Text to type into the element'),
-    submit: zod_1.z.boolean().optional().describe('Whether to submit entered text (press Enter after)'),
-    slowly: zod_1.z.boolean().optional().describe('Whether to type one character at a time. Useful for triggering key handlers in the page. By default entire text is filled in at once.'),
+    text: z.string().describe('Text to type into the element'),
+    submit: z.boolean().optional().describe('Whether to submit entered text (press Enter after)'),
+    slowly: z.boolean().optional().describe('Whether to type one character at a time. Useful for triggering key handlers in the page. By default entire text is filled in at once.'),
 });
-const type = (0, tool_1.defineTool)({
+const type = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_type',
@@ -186,9 +150,9 @@ const type = (0, tool_1.defineTool)({
     },
 });
 const selectOptionSchema = elementSchema.extend({
-    values: zod_1.z.array(zod_1.z.string()).describe('Array of values to select in the dropdown. This can be a single value or multiple values.'),
+    values: z.array(z.string()).describe('Array of values to select in the dropdown. This can be a single value or multiple values.'),
 });
-const selectOption = (0, tool_1.defineTool)({
+const selectOption = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_select_option',
@@ -210,17 +174,17 @@ const selectOption = (0, tool_1.defineTool)({
         };
     },
 });
-const screenshotSchema = zod_1.z.object({
-    raw: zod_1.z.boolean().optional().describe('Whether to return without compression (in PNG format). Default is false, which returns a JPEG image.'),
-    element: zod_1.z.string().optional().describe('Human-readable element description used to obtain permission to screenshot the element. If not provided, the screenshot will be taken of viewport. If element is provided, ref must be provided too.'),
-    ref: zod_1.z.string().optional().describe('Exact target element reference from the page snapshot. If not provided, the screenshot will be taken of viewport. If ref is provided, element must be provided too.'),
+const screenshotSchema = z.object({
+    raw: z.boolean().optional().describe('Whether to return without compression (in PNG format). Default is false, which returns a JPEG image.'),
+    element: z.string().optional().describe('Human-readable element description used to obtain permission to screenshot the element. If not provided, the screenshot will be taken of viewport. If element is provided, ref must be provided too.'),
+    ref: z.string().optional().describe('Exact target element reference from the page snapshot. If not provided, the screenshot will be taken of viewport. If ref is provided, element must be provided too.'),
 }).refine(data => {
     return !!data.element === !!data.ref;
 }, {
     message: 'Both element and ref must be provided or neither.',
     path: ['ref', 'element']
 });
-const screenshot = (0, tool_1.defineTool)({
+const screenshot = defineTool({
     capability: 'core',
     schema: {
         name: 'browser_take_screenshot',
@@ -231,7 +195,7 @@ const screenshot = (0, tool_1.defineTool)({
         const tab = context.currentTabOrDie();
         const snapshot = tab.snapshotOrDie();
         const fileType = params.raw ? 'png' : 'jpeg';
-        const fileName = await (0, config_1.outputFile)(context.config, `page-${new Date().toISOString()}.${fileType}`);
+        const fileName = await outputFile(context.config, `page-${new Date().toISOString()}.${fileType}`);
         const options = { type: fileType, quality: fileType === 'png' ? undefined : 50, scale: 'css', path: fileName };
         const isElementScreenshot = params.element && params.ref;
         const code = [
@@ -261,10 +225,10 @@ const screenshot = (0, tool_1.defineTool)({
         };
     }
 });
-async function generateLocator(locator) {
+export async function generateLocator(locator) {
     return locator._generateLocatorString();
 }
-exports.default = [
+export default [
     snapshot,
     click,
     drag,

package/lib/tools/tabs.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -14,15 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-const zod_1 = require("zod");
-const tool_1 = require("./tool");
-const listTabs = (0, tool_1.defineTool)({
+import { z } from 'zod';
+import { defineTool } from './tool.js';
+const listTabs = defineTool({
     capability: 'tabs',
     schema: {
         name: 'browser_tab_list',
         description: 'List browser tabs',
-        inputSchema: zod_1.z.object({}),
+        inputSchema: z.object({}),
     },
     handle: async (context) => {
         await context.ensureTab();
@@ -39,13 +37,13 @@ const listTabs = (0, tool_1.defineTool)({
         };
     },
 });
-const selectTab = captureSnapshot => (0, tool_1.defineTool)({
+const selectTab = captureSnapshot => defineTool({
     capability: 'tabs',
     schema: {
         name: 'browser_tab_select',
         description: 'Select a tab by index',
-        inputSchema: zod_1.z.object({
-            index: zod_1.z.number().describe('The index of the tab to select'),
+        inputSchema: z.object({
+            index: z.number().describe('The index of the tab to select'),
         }),
     },
     handle: async (context, params) => {
@@ -60,13 +58,13 @@ const selectTab = captureSnapshot => (0, tool_1.defineTool)({
         };
     },
 });
-const newTab = captureSnapshot => (0, tool_1.defineTool)({
+const newTab = captureSnapshot => defineTool({
     capability: 'tabs',
     schema: {
         name: 'browser_tab_new',
         description: 'Open a new tab',
-        inputSchema: zod_1.z.object({
-            url: zod_1.z.string().optional().describe('The URL to navigate to in the new tab. If not provided, the new tab will be blank.'),
+        inputSchema: z.object({
+            url: z.string().optional().describe('The URL to navigate to in the new tab. If not provided, the new tab will be blank.'),
         }),
     },
     handle: async (context, params) => {
@@ -83,13 +81,13 @@ const newTab = captureSnapshot => (0, tool_1.defineTool)({
         };
     },
 });
-const closeTab = captureSnapshot => (0, tool_1.defineTool)({
+const closeTab = captureSnapshot => defineTool({
     capability: 'tabs',
     schema: {
         name: 'browser_tab_close',
         description: 'Close a tab',
-        inputSchema: zod_1.z.object({
-            index: zod_1.z.number().optional().describe('The index of the tab to close. Closes current tab if not provided.'),
+        inputSchema: z.object({
+            index: z.number().optional().describe('The index of the tab to close. Closes current tab if not provided.'),
         }),
     },
     handle: async (context, params) => {
@@ -104,7 +102,7 @@ const closeTab = captureSnapshot => (0, tool_1.defineTool)({
         };
     },
 });
-exports.default = (captureSnapshot) => [
+export default (captureSnapshot) => [
     listTabs,
     newTab(captureSnapshot),
     selectTab(captureSnapshot),

package/lib/tools/testing.js

@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { z } from 'zod';
+import { defineTool } from './tool.js';
+const generateTestSchema = z.object({
+    name: z.string().describe('The name of the test'),
+    description: z.string().describe('The description of the test'),
+    steps: z.array(z.string()).describe('The steps of the test'),
+});
+const generateTest = defineTool({
+    capability: 'testing',
+    schema: {
+        name: 'browser_generate_playwright_test',
+        description: 'Generate a Playwright test for given scenario',
+        inputSchema: generateTestSchema,
+    },
+    handle: async (context, params) => {
+        return {
+            resultOverride: {
+                content: [{
+                        type: 'text',
+                        text: instructions(params),
+                    }],
+            },
+            code: [],
+            captureSnapshot: false,
+            waitForNetwork: false,
+        };
+    },
+});
+const instructions = (params) => [
+    `## Instructions`,
+    `- You are a playwright test generator.`,
+    `- You are given a scenario and you need to generate a playwright test for it.`,
+    '- DO NOT generate test code based on the scenario alone. DO run steps one by one using the tools provided instead.',
+    '- Only after all steps are completed, emit a Playwright TypeScript test that uses @playwright/test based on message history',
+    '- Save generated test file in the tests directory',
+    `Test name: ${params.name}`,
+    `Description: ${params.description}`,
+    `Steps:`,
+    ...params.steps.map((step, index) => `- ${index + 1}. ${step}`),
+].join('\n');
+export default [
+    generateTest,
+];

package/lib/tools/tool.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -14,8 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineTool = defineTool;
-function defineTool(tool) {
+export function defineTool(tool) {
     return tool;
 }

package/lib/tools/utils.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -14,10 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.waitForCompletion = waitForCompletion;
-exports.sanitizeForFilePath = sanitizeForFilePath;
-async function waitForCompletion(context, page, callback) {
+export async function waitForCompletion(context, page, callback) {
     const requests = new Set();
     let frameNavigated = false;
     let waitCallback = () => { };
@@ -64,6 +60,10 @@ async function waitForCompletion(context, page, callback) {
         dispose();
     }
 }
-function sanitizeForFilePath(s) {
-    return s.replace(/[\x00-\x2C\x2E-\x2F\x3A-\x40\x5B-\x60\x7B-\x7F]+/g, '-');
+export function sanitizeForFilePath(s) {
+    const sanitize = (s) => s.replace(/[\x00-\x2C\x2E-\x2F\x3A-\x40\x5B-\x60\x7B-\x7F]+/g, '-');
+    const separator = s.lastIndexOf('.');
+    if (separator === -1)
+        return sanitize(s);
+    return sanitize(s.substring(0, separator)) + '.' + sanitize(s.substring(separator + 1));
 }

package/lib/transport.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -14,21 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.startStdioTransport = startStdioTransport;
-exports.startHttpTransport = startHttpTransport;
-const node_http_1 = __importDefault(require("node:http"));
-const node_assert_1 = __importDefault(require("node:assert"));
-const node_crypto_1 = __importDefault(require("node:crypto"));
-const stdio_js_1 = require("@modelcontextprotocol/sdk/server/stdio.js");
-const sse_js_1 = require("@modelcontextprotocol/sdk/server/sse.js");
-const streamableHttp_js_1 = require("@modelcontextprotocol/sdk/server/streamableHttp.js");
-async function startStdioTransport(serverList) {
+import http from 'node:http';
+import assert from 'node:assert';
+import crypto from 'node:crypto';
+import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
+import { SSEServerTransport } from '@modelcontextprotocol/sdk/server/sse.js';
+import { StreamableHTTPServerTransport } from '@modelcontextprotocol/sdk/server/streamableHttp.js';
+export async function startStdioTransport(serverList) {
     const server = await serverList.create();
-    await server.connect(new stdio_js_1.StdioServerTransport());
+    await server.connect(new StdioServerTransport());
 }
 async function handleSSE(req, res, url, serverList, sessions) {
     if (req.method === 'POST') {
@@ -45,12 +38,15 @@ async function handleSSE(req, res, url, serverList, sessions) {
         return await transport.handlePostMessage(req, res);
     }
     else if (req.method === 'GET') {
-        const transport = new sse_js_1.SSEServerTransport('/sse', res);
+        const transport = new SSEServerTransport('/sse', res);
         sessions.set(transport.sessionId, transport);
         const server = await serverList.create();
         res.on('close', () => {
             sessions.delete(transport.sessionId);
-            serverList.close(server).catch(e => console.error(e));
+            serverList.close(server).catch(e => {
+                // eslint-disable-next-line no-console
+                console.error(e);
+            });
         });
         return await server.connect(transport);
     }
@@ -69,8 +65,8 @@ async function handleStreamable(req, res, serverList, sessions) {
         return await transport.handleRequest(req, res);
     }
     if (req.method === 'POST') {
-        const transport = new streamableHttp_js_1.StreamableHTTPServerTransport({
-            sessionIdGenerator: () => node_crypto_1.default.randomUUID(),
+        const transport = new StreamableHTTPServerTransport({
+            sessionIdGenerator: () => crypto.randomUUID(),
             onsessioninitialized: sessionId => {
                 sessions.set(sessionId, transport);
             }
@@ -86,10 +82,10 @@ async function handleStreamable(req, res, serverList, sessions) {
     res.statusCode = 400;
     res.end('Invalid request');
 }
-function startHttpTransport(port, hostname, serverList) {
+export function startHttpTransport(port, hostname, serverList) {
     const sseSessions = new Map();
     const streamableSessions = new Map();
-    const httpServer = node_http_1.default.createServer(async (req, res) => {
+    const httpServer = http.createServer(async (req, res) => {
         const url = new URL(`http://localhost${req.url}`);
         if (url.pathname.startsWith('/mcp'))
             await handleStreamable(req, res, serverList, streamableSessions);
@@ -98,7 +94,7 @@ function startHttpTransport(port, hostname, serverList) {
     });
     httpServer.listen(port, hostname, () => {
         const address = httpServer.address();
-        (0, node_assert_1.default)(address, 'Could not bind server socket');
+        assert(address, 'Could not bind server socket');
         let url;
         if (typeof address === 'string') {
             url = address;
@@ -110,15 +106,19 @@ function startHttpTransport(port, hostname, serverList) {
                 resolvedHost = 'localhost';
             url = `http://${resolvedHost}:${resolvedPort}`;
         }
-        console.log(`Listening on ${url}`);
-        console.log('Put this in your client config:');
-        console.log(JSON.stringify({
-            'mcpServers': {
-                'playwright': {
-                    'url': `${url}/sse`
+        const message = [
+            `Listening on ${url}`,
+            'Put this in your client config:',
+            JSON.stringify({
+                'mcpServers': {
+                    'playwright': {
+                        'url': `${url}/sse`
+                    }
                 }
-            }
-        }, undefined, 2));
-        console.log('If your client supports streamable HTTP, you can use the /mcp endpoint instead.');
+            }, undefined, 2),
+            'If your client supports streamable HTTP, you can use the /mcp endpoint instead.',
+        ].join('\n');
+        // eslint-disable-next-line no-console
+        console.log(message);
     });
 }

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@playwright/mcp",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Playwright Tools for MCP",
+  "type": "module",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/microsoft/playwright-mcp.git"
@@ -36,14 +37,14 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.10.1",
     "commander": "^13.1.0",
-    "playwright": "1.53.0-alpha-2025-04-25",
+    "playwright": "1.53.0-alpha-1746218818000",
     "yaml": "^2.7.1",
     "zod-to-json-schema": "^3.24.4"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.19.0",
-    "@playwright/test": "1.53.0-alpha-2025-04-25",
+    "@playwright/test": "1.53.0-alpha-1746218818000",
     "@stylistic/eslint-plugin": "^3.0.1",
     "@types/node": "^22.13.10",
     "@typescript-eslint/eslint-plugin": "^8.26.1",