chrome-devtools-mcp-for-extension 0.9.18 → 0.9.20

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

@@ -8,6 +8,33 @@ import path from 'node:path';
 import z from 'zod';
 import { ToolCategories } from './categories.js';
 import { defineTool } from './ToolDefinition.js';
+/**
+ * Path to store chat session data
+ */
+const CHAT_SESSIONS_FILE = path.join(process.cwd(), 'docs/ask/chatgpt/.chat-sessions.json');
+/**
+ * Load chat sessions from JSON file
+ */
+async function loadChatSessions() {
+    try {
+        const data = await fs.promises.readFile(CHAT_SESSIONS_FILE, 'utf-8');
+        return JSON.parse(data);
+    }
+    catch {
+        return {};
+    }
+}
+/**
+ * Save a chat session for a project
+ */
+async function saveChatSession(projectName, session) {
+    const sessions = await loadChatSessions();
+    sessions[projectName] = session;
+    // Ensure directory exists
+    const dir = path.dirname(CHAT_SESSIONS_FILE);
+    await fs.promises.mkdir(dir, { recursive: true });
+    await fs.promises.writeFile(CHAT_SESSIONS_FILE, JSON.stringify(sessions, null, 2), 'utf-8');
+}
 /**
  * Sanitize question to remove sensitive information like passwords
  */
@@ -107,60 +134,30 @@ export const askChatGPTWeb = defineTool({
                 return;
             }
             response.appendResponseLine('✅ ログイン確認完了');
-            // Step 2: Search for existing chat or create new one
+            // Step 2: Load existing session or create new chat
+            let isNewChat = false;
+            let sessionChatId;
             if (!createNewChat) {
-                response.appendResponseLine(`既存のプロジェクトチャット「[Project: ${project}]」を検索中...`);
-                // Open search
-                const searchOpened = await page.evaluate(() => {
-                    const searchButton = Array.from(document.querySelectorAll('div.group.__menu-item.hoverable')).find((elem) => elem.textContent?.includes('チャットを検索'));
-                    if (searchButton) {
-                        searchButton.click();
-                        return true;
-                    }
-                    return false;
-                });
-                if (searchOpened) {
-                    await new Promise((resolve) => setTimeout(resolve, 500));
-                    // Search for project chat
-                    const chatFound = await page.evaluate((projectName) => {
-                        const searchInput = document.querySelector('input[placeholder*="チャットを検索"]');
-                        if (searchInput) {
-                            searchInput.value = `[Project: ${projectName}]`;
-                            searchInput.dispatchEvent(new Event('input', { bubbles: true }));
-                            return true;
-                        }
-                        return false;
-                    }, project);
-                    if (chatFound) {
-                        await new Promise((resolve) => setTimeout(resolve, 1000));
-                        // Try to find and click the chat
-                        const existingChat = await page.evaluate((projectName) => {
-                            const chatLinks = Array.from(document.querySelectorAll('a[href^="/c/"]'));
-                            const targetChat = chatLinks.find((link) => link.textContent?.includes(`[Project: ${projectName}]`));
-                            if (targetChat) {
-                                targetChat.click();
-                                return {
-                                    found: true,
-                                    href: targetChat.href,
-                                };
-                            }
-                            return { found: false };
-                        }, project);
-                        if (existingChat.found) {
-                            response.appendResponseLine(`✅ 既存チャットを使用: ${existingChat.href}`);
-                            await new Promise((resolve) => setTimeout(resolve, 1000));
-                        }
-                        else {
-                            response.appendResponseLine('既存チャットが見つかりませんでした。新規作成します。');
-                        }
-                    }
+                // Try to load existing session for this project
+                const sessions = await loadChatSessions();
+                const existingSession = sessions[project];
+                if (existingSession) {
+                    response.appendResponseLine(`既存のプロジェクトチャットを使用: ${existingSession.url}`);
+                    await page.goto(existingSession.url, { waitUntil: 'networkidle2' });
+                    sessionChatId = existingSession.chatId;
+                    await new Promise((resolve) => setTimeout(resolve, 1000));
+                }
+                else {
+                    response.appendResponseLine('既存チャットが見つかりませんでした。新規作成します。');
+                    isNewChat = true;
                 }
             }
+            else {
+                isNewChat = true;
+            }
             // Step 3: Create new chat if needed
-            let isNewChat = false;
-            if (createNewChat || page.url() === 'https://chatgpt.com/') {
+            if (isNewChat) {
                 response.appendResponseLine('新規チャットを作成中...');
-                isNewChat = true;
                 // Click "新しいチャット"
                 await page.evaluate(() => {
                     const newChatLink = document.querySelector('a[href="/"]');
@@ -207,14 +204,8 @@ export const askChatGPTWeb = defineTool({
             await new Promise((resolve) => setTimeout(resolve, 500));
             // Click send button
             const sent = await page.evaluate(() => {
-                const buttons = Array.from(document.querySelectorAll('button'));
-                const sendButton = buttons.find((btn) => {
-                    const svg = btn.querySelector('svg');
-                    return (svg &&
-                        !btn.disabled &&
-                        btn.offsetParent !== null);
-                });
-                if (sendButton) {
+                const sendButton = document.querySelector('button[data-testid="send-button"]');
+                if (sendButton && !sendButton.disabled) {
                     sendButton.click();
                     return true;
                 }
@@ -224,6 +215,11 @@ export const askChatGPTWeb = defineTool({
                 response.appendResponseLine('❌ 送信ボタンが見つかりません');
                 return;
             }
+            // Wait for message to actually be sent (user message appears in DOM)
+            await page.waitForFunction(() => {
+                const messages = document.querySelectorAll('[data-message-author-role="user"]');
+                return messages.length > 0;
+            }, { timeout: 10000 });
             response.appendResponseLine('✅ 質問送信完了');
             // Step 5: Monitor streaming with progress updates
             response.appendResponseLine('ChatGPTの回答を待機中... (10秒ごとに進捗を表示)');
@@ -269,61 +265,37 @@ export const askChatGPTWeb = defineTool({
                     if (status.thinkingTime) {
                         response.appendResponseLine(`🤔 思考時間: ${status.thinkingTime}秒`);
                     }
-                    // Rename chat if it's a new chat
+                    // Save chat session if it's a new chat
                     if (isNewChat) {
-                        response.appendResponseLine('チャット名を変更中...');
-                        // Wait for chat to be created
-                        await new Promise((resolve) => setTimeout(resolve, 2000));
-                        // Click chat menu
-                        const menuClicked = await page.evaluate(() => {
-                            const menuButtons = Array.from(document.querySelectorAll('button[aria-label="会話のオプションを開く"]'));
-                            // Find the first menu button (current chat)
-                            const btn = menuButtons[0];
-                            if (btn) {
-                                btn.click();
-                                return true;
-                            }
-                            return false;
-                        });
-                        if (menuClicked) {
-                            await new Promise((resolve) => setTimeout(resolve, 500));
-                            // Click "名前を変更する"
-                            const renameClicked = await page.evaluate(() => {
-                                const menuItems = Array.from(document.querySelectorAll('[role="menuitem"]'));
-                                const renameItem = menuItems.find((item) => item.textContent?.includes('名前を変更する'));
-                                if (renameItem) {
-                                    renameItem.click();
-                                    return true;
-                                }
-                                return false;
+                        response.appendResponseLine('チャットセッションを保存中...');
+                        // Extract chat ID from URL
+                        const chatUrl = page.url();
+                        const chatIdMatch = chatUrl.match(/\/c\/([a-f0-9-]+)/);
+                        if (chatIdMatch) {
+                            const chatId = chatIdMatch[1];
+                            await saveChatSession(project, {
+                                chatId,
+                                url: chatUrl,
+                                lastUsed: new Date().toISOString(),
+                                title: `[Project: ${project}]`,
+                            });
+                            sessionChatId = chatId;
+                            response.appendResponseLine(`✅ チャットセッション保存: ${chatId}`);
+                        }
+                        else {
+                            response.appendResponseLine('⚠️ チャットIDが取得できませんでした');
+                        }
+                    }
+                    else {
+                        // Update last used timestamp for existing session
+                        if (sessionChatId) {
+                            const chatUrl = page.url();
+                            await saveChatSession(project, {
+                                chatId: sessionChatId,
+                                url: chatUrl,
+                                lastUsed: new Date().toISOString(),
+                                title: `[Project: ${project}]`,
                             });
-                            if (renameClicked) {
-                                await new Promise((resolve) => setTimeout(resolve, 500));
-                                // Enter new name
-                                await page.evaluate((projectName) => {
-                                    const textbox = document.querySelector('input[type="text"]');
-                                    if (textbox) {
-                                        textbox.value = `[Project: ${projectName}]`;
-                                        textbox.dispatchEvent(new Event('input', { bubbles: true }));
-                                        // Press Enter to confirm
-                                        textbox.dispatchEvent(new KeyboardEvent('keydown', {
-                                            key: 'Enter',
-                                            code: 'Enter',
-                                            keyCode: 13,
-                                            bubbles: true,
-                                        }));
-                                        textbox.blur();
-                                    }
-                                }, project);
-                                await new Promise((resolve) => setTimeout(resolve, 500));
-                                response.appendResponseLine(`✅ チャット名を「[Project: ${project}]」に変更`);
-                                // Close the menu popup by clicking outside
-                                await page.evaluate(() => {
-                                    const body = document.body;
-                                    body.click();
-                                });
-                                await new Promise((resolve) => setTimeout(resolve, 300));
-                            }
                         }
                     }
                     // Save conversation log

package/package.json

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