chrome-devtools-mcp-for-extension 0.8.7 → 0.8.9

package/build/src/tools/extensions.js

@@ -448,7 +448,7 @@ export const toggleExtensionState = defineTool({
 });
 export const openExtensionPopup = defineTool({
     name: 'open_extension_popup',
-    description: `Open a Chrome extension's popup in a testable context. The popup will be opened as a page that can be interacted with using standard tools like take_snapshot, click, and evaluate_script.`,
+    description: `Select an already-opened Chrome extension popup window for testing. If no extension name is provided, it will automatically detect and select the currently active popup window. If an extension name is provided, it will search for that specific extension's popup. After selection, you can use take_snapshot, click, evaluate_script, etc. on the popup.`,
     annotations: {
         category: ToolCategories.EXTENSION_DEVELOPMENT,
         readOnlyHint: false,
@@ -456,12 +456,46 @@ export const openExtensionPopup = defineTool({
     schema: {
         extensionName: z
             .string()
-            .describe('The name or partial name of the extension'),
+            .optional()
+            .describe('(Optional) The name or partial name of the extension. If omitted, will use the currently active popup.'),
     },
     handler: async (request, response, context) => {
         const page = context.getSelectedPage();
         const { extensionName } = request.params;
         await context.waitForEventsAfterAction(async () => {
+            const browser = page.browser();
+            if (!browser) {
+                response.appendResponseLine('❌ Failed to get browser instance.');
+                return;
+            }
+            // If no extension name provided, check if current page is already a popup
+            if (!extensionName) {
+                const currentUrl = page.url();
+                if (currentUrl.startsWith('chrome-extension://')) {
+                    response.appendResponseLine('✅ Already on an extension popup window');
+                    response.appendResponseLine(`📄 Popup URL: ${currentUrl}`);
+                    response.appendResponseLine('');
+                    response.appendResponseLine('💡 You can now use take_snapshot, click, evaluate_script, etc. on the popup');
+                    return;
+                }
+                // If not on popup, try to find any open popup
+                const pages = await browser.pages();
+                for (let i = 0; i < pages.length; i++) {
+                    const p = pages[i];
+                    const url = p.url();
+                    if (url.startsWith('chrome-extension://')) {
+                        context.setSelectedPageIdx(i);
+                        response.appendResponseLine('✅ Found and selected open popup window');
+                        response.appendResponseLine(`📄 Popup URL: ${url}`);
+                        response.appendResponseLine('');
+                        response.appendResponseLine('💡 You can now use take_snapshot, click, evaluate_script, etc. on the popup');
+                        return;
+                    }
+                }
+                response.appendResponseLine('❌ No extension popup window found.');
+                response.appendResponseLine('💡 Please manually click the extension icon to open the popup first.');
+                return;
+            }
             // First, get extension ID
             await page.goto('chrome://extensions/', { waitUntil: 'networkidle0' });
             const extensionInfo = await page.evaluate((searchName) => {
@@ -494,54 +528,38 @@ export const openExtensionPopup = defineTool({
             }
             response.appendResponseLine(`🔍 Found extension: ${extensionInfo.name} (${extensionInfo.id})`);
             try {
-                // Find service worker target
                 const browser = page.browser();
                 if (!browser) {
                     response.appendResponseLine('❌ Failed to get browser instance.');
                     return;
                 }
-                const targets = await browser.targets();
-                const workerTarget = targets.find((target) => target.type() === 'service_worker' &&
-                    target.url().includes(extensionInfo.id));
-                if (!workerTarget) {
-                    response.appendResponseLine('❌ Service worker not found. Extension may not have a service worker (MV2 extensions are not supported).');
-                    return;
-                }
-                const worker = await workerTarget.worker();
-                if (!worker) {
-                    response.appendResponseLine('❌ Failed to get service worker context.');
-                    return;
-                }
-                response.appendResponseLine('🔧 Opening popup via service worker...');
-                // Open popup
-                await worker.evaluate('chrome.action.openPopup();');
-                // Wait for popup target
-                const popupTarget = await browser.waitForTarget((target) => target.type() === 'page' &&
-                    target.url().includes(extensionInfo.id) &&
-                    target.url().includes('popup'), { timeout: 5000 });
-                if (!popupTarget) {
-                    response.appendResponseLine('❌ Popup did not open within timeout.');
-                    return;
+                response.appendResponseLine('🔧 Looking for open popup window...');
+                // Get all pages
+                const pages = await browser.pages();
+                // Find popup page by URL (contains extension ID)
+                let popupPage = null;
+                let popupIndex = -1;
+                for (let i = 0; i < pages.length; i++) {
+                    const p = pages[i];
+                    const url = p.url();
+                    if (url && url.includes(extensionInfo.id)) {
+                        popupPage = p;
+                        popupIndex = i;
+                        break;
+                    }
                 }
-                const popupPage = await popupTarget.page();
                 if (!popupPage) {
-                    response.appendResponseLine('❌ Failed to get popup page reference.');
+                    response.appendResponseLine('❌ Popup window not found.');
+                    response.appendResponseLine('💡 Please manually click the extension icon to open the popup first.');
                     return;
                 }
-                // Add popup page to context and select it
-                const pages = await browser.pages();
-                const popupIndex = pages.indexOf(popupPage);
-                if (popupIndex !== -1) {
-                    context.setSelectedPageIdx(popupIndex);
-                    response.appendResponseLine('');
-                    response.appendResponseLine(`✅ Popup opened: ${extensionInfo.name}`);
-                    response.appendResponseLine(`📄 Popup URL: ${popupPage.url()}`);
-                    response.appendResponseLine('');
-                    response.appendResponseLine('💡 You can now use take_snapshot, click, evaluate_script, etc. on the popup');
-                }
-                else {
-                    response.appendResponseLine('⚠️ Popup opened but could not be selected automatically.');
-                }
+                // Select the popup page
+                context.setSelectedPageIdx(popupIndex);
+                response.appendResponseLine('');
+                response.appendResponseLine(`✅ Popup window selected: ${extensionInfo.name}`);
+                response.appendResponseLine(`📄 Popup URL: ${popupPage.url()}`);
+                response.appendResponseLine('');
+                response.appendResponseLine('💡 You can now use take_snapshot, click, evaluate_script, etc. on the popup');
             }
             catch (error) {
                 response.appendResponseLine(`❌ Error: ${error instanceof Error ? error.message : String(error)}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-devtools-mcp-for-extension",
-  "version": "0.8.7",
+  "version": "0.8.9",
   "description": "MCP server for Chrome extension development with Web Store automation. Fork of chrome-devtools-mcp with extension-specific tools.",
   "type": "module",
   "bin": "./build/src/index.js",