chrome-devtools-mcp-for-extension 0.15.2 → 0.16.1

package/build/src/client-detector.js

@@ -0,0 +1,93 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { spawnSync } from 'node:child_process';
+import os from 'node:os';
+/**
+ * Detect MCP client type from parent process
+ * Returns client ID like "claude-code", "codex", "cursor", or "default"
+ */
+export function detectClientType() {
+    const ppid = process.ppid;
+    if (!ppid) {
+        return 'default';
+    }
+    try {
+        const platform = os.platform();
+        if (platform === 'darwin' || platform === 'linux') {
+            // macOS and Linux: use ps command
+            const result = spawnSync('ps', ['-p', String(ppid), '-o', 'comm='], {
+                encoding: 'utf8',
+                timeout: 500,
+                stdio: ['ignore', 'pipe', 'ignore'],
+            });
+            if (result.status === 0 && result.stdout) {
+                const processName = result.stdout.trim().toLowerCase();
+                return mapProcessNameToClient(processName);
+            }
+        }
+        else if (platform === 'win32') {
+            // Windows: use wmic command
+            const result = spawnSync('wmic', ['process', 'where', `ProcessId=${ppid}`, 'get', 'Name', '/value'], {
+                encoding: 'utf8',
+                timeout: 500,
+                stdio: ['ignore', 'pipe', 'ignore'],
+            });
+            if (result.status === 0 && result.stdout) {
+                const match = result.stdout.match(/Name=(.+)/i);
+                if (match) {
+                    const processName = match[1].trim().toLowerCase();
+                    return mapProcessNameToClient(processName);
+                }
+            }
+        }
+    }
+    catch (error) {
+        console.error(`[client-detector] Failed to detect client: ${error}`);
+    }
+    return 'default';
+}
+/**
+ * Map process name to MCP client ID
+ */
+function mapProcessNameToClient(processName) {
+    // Remove .exe extension (Windows)
+    const name = processName.replace(/\.exe$/i, '');
+    // Known MCP clients
+    if (name.includes('claude')) {
+        return 'claude-code';
+    }
+    if (name.includes('codex')) {
+        return 'codex';
+    }
+    if (name.includes('cursor')) {
+        return 'cursor';
+    }
+    if (name.includes('copilot')) {
+        return 'copilot';
+    }
+    if (name.includes('cline')) {
+        return 'cline';
+    }
+    if (name.includes('continue')) {
+        return 'continue';
+    }
+    if (name.includes('aider')) {
+        return 'aider';
+    }
+    if (name.includes('windsurf')) {
+        return 'windsurf';
+    }
+    // VSCode (could be any MCP client extension)
+    if (name.includes('code') || name.includes('vscode')) {
+        return 'vscode';
+    }
+    // Generic node process (fallback to default)
+    if (name.includes('node')) {
+        return 'default';
+    }
+    // Unknown process - use sanitized process name
+    return name.slice(0, 20); // Max 20 chars
+}

package/build/src/login-helper.js

@@ -0,0 +1,90 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Check if the page requires login
+ * More robust than just checking URL
+ */
+export async function isLoginRequired(page) {
+    const currentUrl = page.url();
+    // Method 1: Check URL
+    if (currentUrl.includes('auth') ||
+        currentUrl.includes('login') ||
+        currentUrl.includes('signin')) {
+        return true;
+    }
+    // Method 2: Check for login UI elements
+    try {
+        // ChatGPT login page has specific elements
+        const loginButton = await page.$('button[data-testid="login-button"]');
+        const signUpButton = await page.$('a[href*="signup"]');
+        const authContainer = await page.$('[class*="auth"]');
+        if (loginButton || signUpButton || authContainer) {
+            return true;
+        }
+    }
+    catch {
+        // Element check failed, continue to next method
+    }
+    // Method 3: Check for main content absence
+    try {
+        // If we can't find the main composer, likely not logged in
+        const composer = await page.$('textarea, .ProseMirror[contenteditable="true"]');
+        if (!composer) {
+            // No composer found - might be login page
+            return true;
+        }
+    }
+    catch {
+        // Element check failed
+    }
+    return false;
+}
+/**
+ * Wait for user to complete login
+ * Shows visual guidance and polls for login completion
+ */
+export async function waitForLogin(page, options = {}) {
+    const maxWaitTime = options.maxWaitTime || 300000; // 5 minutes default
+    const pollInterval = options.pollInterval || 2000; // 2 seconds default
+    const onStatusUpdate = options.onStatusUpdate || console.error;
+    const startTime = Date.now();
+    onStatusUpdate('\n🔐 ログインが必要です');
+    onStatusUpdate('📱 ブラウザウィンドウでChatGPTにログインしてください');
+    onStatusUpdate(`⏰ 最大待機時間: ${Math.floor(maxWaitTime / 1000)}秒`);
+    onStatusUpdate('\n💡 ログイン方法:');
+    onStatusUpdate('   1. ブラウザウィンドウでChatGPTのログインボタンをクリック');
+    onStatusUpdate('   2. メールアドレスまたはGoogleアカウントでログイン');
+    onStatusUpdate('   3. ログイン完了後、自動的に処理が続行されます\n');
+    // Poll for login completion
+    while (Date.now() - startTime < maxWaitTime) {
+        const elapsed = Math.floor((Date.now() - startTime) / 1000);
+        onStatusUpdate(`⏳ ログイン待機中... (${elapsed}秒経過)`);
+        // Check if login is completed
+        const stillNeedsLogin = await isLoginRequired(page);
+        if (!stillNeedsLogin) {
+            onStatusUpdate('\n✅ ログイン完了！処理を続行します...\n');
+            return true;
+        }
+        // Wait before next poll
+        await new Promise((resolve) => setTimeout(resolve, pollInterval));
+    }
+    // Timeout
+    onStatusUpdate('\n⏱️ ログイン待機がタイムアウトしました');
+    onStatusUpdate('💡 再度実行してください\n');
+    return false;
+}
+/**
+ * Ensure user is logged in to ChatGPT
+ * If not, guide them through login process
+ */
+export async function ensureLoggedIn(page, options = {}) {
+    const needsLogin = await isLoginRequired(page);
+    if (!needsLogin) {
+        return true; // Already logged in
+    }
+    // Wait for user to login
+    return await waitForLogin(page, options);
+}

package/build/src/profile-resolver.js

@@ -13,11 +13,22 @@ import os from 'node:os';
 import path from 'node:path';
 import crypto from 'node:crypto';
 import { detectProjectName, detectProjectRoot } from './project-detector.js';
+import { detectClientType } from './client-detector.js';
 const CACHE_ROOT = path.join(os.homedir(), '.cache', 'chrome-devtools-mcp');
 // --- Public API ---
 export function resolveUserDataDir(opts) {
     const channel = opts.channel || 'stable';
-    const clientId = sanitize(opts.env.MCP_CLIENT_ID || 'default');
+    // Auto-detect client type from parent process if MCP_CLIENT_ID not set
+    let clientId;
+    if (opts.env.MCP_CLIENT_ID) {
+        clientId = sanitize(opts.env.MCP_CLIENT_ID);
+        console.error(`[profiles] Using explicit MCP_CLIENT_ID: ${clientId}`);
+    }
+    else {
+        const detected = detectClientType();
+        clientId = sanitize(detected);
+        console.error(`[profiles] Auto-detected client from parent process: ${clientId}`);
+    }
     // 0) CI detection → ephemeral session directory (unless MCP_PERSIST_PROFILES)
     //    - This happens before other priorities to keep CI clean by default.
     if (isCI(opts.env) && !opts.env.MCP_PERSIST_PROFILES) {

package/build/src/tools/chatgpt-web.js

@@ -10,6 +10,7 @@ import { ToolCategories } from './categories.js';
 import { defineTool } from './ToolDefinition.js';
 import { loadSelectors, getSelector } from '../selectors/loader.js';
 import { CHATGPT_CONFIG } from '../config.js';
+import { ensureLoggedIn } from '../login-helper.js';
 /**
  * Path to store chat session data
  */
@@ -188,11 +189,13 @@ export const askChatGPTWeb = defineTool({
             // Step 1: Navigate to ChatGPT
             response.appendResponseLine('ChatGPTに接続中...');
             await page.goto(CHATGPT_CONFIG.DEFAULT_URL, { waitUntil: 'networkidle2' });
-            // Check if logged in
-            const currentUrl = page.url();
-            if (currentUrl.includes('auth') || currentUrl.includes('login')) {
-                response.appendResponseLine('❌ ChatGPTにログインが必要です。ブラウザで手動ログインしてください。');
-                response.appendResponseLine(`ログインURL: ${currentUrl}`);
+            // Step 2: Ensure logged in (with user guidance if needed)
+            const isLoggedIn = await ensureLoggedIn(page, {
+                maxWaitTime: 300000, // 5 minutes
+                onStatusUpdate: (msg) => response.appendResponseLine(msg),
+            });
+            if (!isLoggedIn) {
+                response.appendResponseLine('❌ ログインがタイムアウトしました。再度実行してください。');
                 return;
             }
             response.appendResponseLine('✅ ログイン確認完了');

package/build/src/tools/deep_research_chatgpt.js

@@ -9,6 +9,7 @@ import z from 'zod';
 import { ToolCategories } from './categories.js';
 import { defineTool } from './ToolDefinition.js';
 import { CHATGPT_CONFIG } from '../config.js';
+import { ensureLoggedIn } from '../login-helper.js';
 /**
  * Path to store chat session data
  */
@@ -672,11 +673,13 @@ export const deepResearchChatGPT = defineTool({
             if (needsNewChat) {
                 await page.goto(CHATGPT_CONFIG.DEFAULT_URL, { waitUntil: 'networkidle2' });
             }
-            // Check if logged in
-            const currentUrl = page.url();
-            if (currentUrl.includes('auth') || currentUrl.includes('login')) {
-                response.appendResponseLine('❌ ChatGPTにログインが必要です。ブラウザで手動ログインしてください。');
-                response.appendResponseLine(`ログインURL: ${currentUrl}`);
+            // Ensure logged in (with user guidance if needed)
+            const isLoggedIn = await ensureLoggedIn(page, {
+                maxWaitTime: 300000, // 5 minutes
+                onStatusUpdate: (msg) => response.appendResponseLine(msg),
+            });
+            if (!isLoggedIn) {
+                response.appendResponseLine('❌ ログインがタイムアウトしました。再度実行してください。');
                 return;
             }
             response.appendResponseLine('✅ ログイン確認完了');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-devtools-mcp-for-extension",
-  "version": "0.15.2",
+  "version": "0.16.1",
   "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",