chrome-devtools-mcp-for-extension 0.10.0 → 0.10.2

package/build/src/tools/bookmarks.js

@@ -24,7 +24,7 @@ function getDefaultBookmarks() {
         'localhost': 'http://localhost:3000',
         'localhost8080': 'http://localhost:8080',
         'suno': 'https://suno.com/create',
-        'chatgpt': 'https://chatgpt.com'
+        'chatgpt': 'https://chatgpt.com/?model=gpt-5-thinking'
     };
 }
 /**

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

@@ -113,18 +113,31 @@ async function saveConversationLog(projectName, question, response, metadata) {
         .replace(/[^a-z0-9\u3040-\u309f\u30a0-\u30ff\u4e00-\u9faf]+/gi, '-')
         .toLowerCase()
         .slice(0, 30);
-    const filename = `${timestamp}-${projectName}-${topicSlug}.md`;
-    const logDir = 'docs/ask/chatgpt';
-    const logPath = path.join(process.cwd(), logDir, filename);
-    // Ensure directory exists
-    await fs.promises.mkdir(path.dirname(logPath), { recursive: true });
+    // If chatId is provided, save in chat-specific folder
+    let logPath;
+    if (metadata.chatId) {
+        const conversationNum = String(metadata.conversationNumber || 1).padStart(3, '0');
+        const filename = `${conversationNum}-${timestamp}-${topicSlug}.md`;
+        const logDir = path.join('docs/ask/chatgpt', metadata.chatId);
+        logPath = path.join(process.cwd(), logDir, filename);
+        // Ensure chat directory exists
+        await fs.promises.mkdir(path.join(process.cwd(), logDir), { recursive: true });
+    }
+    else {
+        // Fallback to old format (flat structure)
+        const filename = `${timestamp}-${projectName}-${topicSlug}.md`;
+        const logDir = 'docs/ask/chatgpt';
+        logPath = path.join(process.cwd(), logDir, filename);
+        // Ensure directory exists
+        await fs.promises.mkdir(path.dirname(logPath), { recursive: true });
+    }
     const content = `# ${topicSlug}
 
 ## 📅 メタ情報
 - **日時**: ${now.toLocaleString('ja-JP')}
 - **プロジェクト**: ${projectName}
 - **AIモデル**: ${metadata.model || 'ChatGPT'}
-${metadata.thinkingTime ? `- **思考時間**: ${metadata.thinkingTime}s\n` : ''}${metadata.chatUrl ? `- **チャットURL**: ${metadata.chatUrl}\n` : ''}
+${metadata.chatId ? `- **チャットID**: ${metadata.chatId}\n` : ''}${metadata.conversationNumber ? `- **会話番号**: ${metadata.conversationNumber}\n` : ''}${metadata.thinkingTime ? `- **思考時間**: ${metadata.thinkingTime}s\n` : ''}${metadata.chatUrl ? `- **チャットURL**: ${metadata.chatUrl}\n` : ''}
 ## ❓ 質問
 
 ${question}
@@ -172,7 +185,7 @@ export const askChatGPTWeb = defineTool({
         try {
             // Step 1: Navigate to ChatGPT
             response.appendResponseLine('ChatGPTに接続中...');
-            await page.goto('https://chatgpt.com/', { waitUntil: 'networkidle2' });
+            await page.goto('https://chatgpt.com/?model=gpt-5-thinking', { waitUntil: 'networkidle2' });
             // Check if logged in
             const currentUrl = page.url();
             if (currentUrl.includes('auth') || currentUrl.includes('login')) {
@@ -498,10 +511,17 @@ export const askChatGPTWeb = defineTool({
                     const modelName = useDeepResearch
                         ? 'ChatGPT DeepResearch'
                         : 'ChatGPT 5 Thinking';
+                    // Get current conversation count
+                    const sessions = await loadChatSessions();
+                    const projectSessions = sessions[project] || [];
+                    const currentSession = projectSessions.find(s => s.chatId === sessionChatId);
+                    const conversationNum = currentSession?.conversationCount || 1;
                     const logPath = await saveConversationLog(project, sanitizedQuestion, status.text || '', {
                         thinkingTime: status.thinkingTime,
                         chatUrl,
                         model: modelName,
+                        chatId: sessionChatId,
+                        conversationNumber: conversationNum,
                     });
                     response.appendResponseLine(`📝 会話ログ保存: ${logPath}`);
                     response.appendResponseLine(`🔗 チャットURL: ${chatUrl}`);

package/build/src/tools/deep_research_chatgpt.js

@@ -110,17 +110,29 @@ async function saveConversationLog(projectName, question, response, metadata) {
         .replace(/[^a-z0-9\u3040-\u309f\u30a0-\u30ff\u4e00-\u9faf]+/gi, '-')
         .toLowerCase()
         .slice(0, 30);
-    const filename = `${timestamp}-${projectName}-deepresearch-${topicSlug}.md`;
-    const logDir = 'docs/ask/chatgpt';
-    const logPath = path.join(process.cwd(), logDir, filename);
-    await fs.promises.mkdir(path.dirname(logPath), { recursive: true });
+    // If chatId is provided, save in chat-specific folder
+    let logPath;
+    if (metadata.chatId) {
+        const conversationNum = String(metadata.conversationNumber || 1).padStart(3, '0');
+        const filename = `${conversationNum}-${timestamp}-deepresearch-${topicSlug}.md`;
+        const logDir = path.join('docs/ask/chatgpt', metadata.chatId);
+        logPath = path.join(process.cwd(), logDir, filename);
+        await fs.promises.mkdir(path.join(process.cwd(), logDir), { recursive: true });
+    }
+    else {
+        // Fallback to old format
+        const filename = `${timestamp}-${projectName}-deepresearch-${topicSlug}.md`;
+        const logDir = 'docs/ask/chatgpt';
+        logPath = path.join(process.cwd(), logDir, filename);
+        await fs.promises.mkdir(path.dirname(logPath), { recursive: true });
+    }
     const content = `# ${topicSlug}
 
 ## 📅 メタ情報
 - **日時**: ${now.toLocaleString('ja-JP')}
 - **プロジェクト**: ${projectName}
 - **AIモデル**: ${metadata.model || 'ChatGPT DeepResearch'}
-${metadata.researchTime ? `- **リサーチ時間**: ${metadata.researchTime}秒\n` : ''}${metadata.chatUrl ? `- **チャットURL**: ${metadata.chatUrl}\n` : ''}
+${metadata.chatId ? `- **チャットID**: ${metadata.chatId}\n` : ''}${metadata.conversationNumber ? `- **会話番号**: ${metadata.conversationNumber}\n` : ''}${metadata.researchTime ? `- **リサーチ時間**: ${metadata.researchTime}秒\n` : ''}${metadata.chatUrl ? `- **チャットURL**: ${metadata.chatUrl}\n` : ''}
 ## ❓ リサーチテーマ
 
 ${question}
@@ -259,56 +271,31 @@ async function detectDeepResearchMode(page) {
 async function enableDeepResearchMode(page, response) {
     try {
         response.appendResponseLine('DeepResearchモードを有効化中...');
-        // Step 1: Click "+" button (ファイルの追加など)
-        const plusButtonSelector = await page.evaluate(() => {
-            const buttons = Array.from(document.querySelectorAll('button'));
-            const plusButton = buttons.find((btn) => {
-                const aria = btn.getAttribute('aria-label') || '';
-                return aria.includes('ファイルの追加');
-            });
-            if (!plusButton)
-                return { success: false, error: '+ボタン（ファイルの追加など）が見つかりません' };
-            // Return selector info instead of clicking
-            const ariaLabel = plusButton.getAttribute('aria-label');
-            return { success: true, ariaLabel };
-        });
-        if (!plusButtonSelector.success) {
-            return { success: false, error: plusButtonSelector.error };
+        // Step 1: +ボタンをクリック（Puppeteer click）
+        const plusButton = await page.$('button[aria-label*="ファイルの追加"]');
+        if (!plusButton) {
+            return { success: false, error: '+ボタンが見つかりません' };
         }
-        // Use Puppeteer's click for reliable interaction
-        await page.click(`button[aria-label="${plusButtonSelector.ariaLabel}"]`);
-        response.appendResponseLine('✅ +ボタン（ファイルの追加など）をクリック');
-        // Wait for menu to appear
-        await page.waitForSelector('[role="menuitemradio"]', { visible: true, timeout: 5000 });
-        await new Promise((resolve) => setTimeout(resolve, 500));
-        // Step 2: Find and click "Deep Research" menuitemradio
-        const deepResearchResult = await page.evaluate(() => {
-            const menuItems = Array.from(document.querySelectorAll('[role="menuitemradio"]'));
-            const deepResearchItem = menuItems.find((item) => item.textContent?.includes('Deep Research') || item.textContent?.includes('リサーチ'));
-            if (!deepResearchItem) {
-                return {
-                    success: false,
-                    error: `DeepResearch menuitemradio が見つかりません (found: ${menuItems.length} items: ${menuItems.map(m => m.textContent?.trim()).join(', ')})`,
-                };
+        await plusButton.click();
+        response.appendResponseLine('✅ +ボタンをクリック');
+        await page.waitForTimeout(500);
+        // Step 2: Deep Research menuitemradio をクリック（Puppeteer click）
+        const menuItems = await page.$$('[role="menuitemradio"]');
+        let deepResearchItem = null;
+        for (const item of menuItems) {
+            const text = await item.evaluate((el) => el.textContent);
+            if (text?.includes('Deep Research') || text?.includes('リサーチ')) {
+                deepResearchItem = item;
+                break;
             }
-            // Check if already checked
-            const isChecked = deepResearchItem.getAttribute('aria-checked') === 'true';
-            if (!isChecked) {
-                deepResearchItem.click();
-            }
-            return { success: true, alreadyEnabled: isChecked };
-        });
-        if (!deepResearchResult.success) {
-            return { success: false, error: deepResearchResult.error };
-        }
-        if (deepResearchResult.alreadyEnabled) {
-            response.appendResponseLine('✅ DeepResearch は既に有効です');
         }
-        else {
-            response.appendResponseLine('✅ DeepResearch menuitemradio をクリック');
+        if (!deepResearchItem) {
+            return { success: false, error: 'Deep Research menuitemradio が見つかりません' };
         }
-        await new Promise((resolve) => setTimeout(resolve, 1000));
-        // Step 3: Verify mode was actually enabled (composer-pill detection)
+        await deepResearchItem.click();
+        response.appendResponseLine('✅ Deep Research menuitemradio をクリック');
+        await page.waitForTimeout(1000);
+        // Step 3: 検証（composer-pill確認）
         const verification = await detectDeepResearchMode(page);
         if (!verification.isEnabled) {
             return {
@@ -695,8 +682,10 @@ export const deepResearchChatGPT = defineTool({
             // Phase 8: Save results
             const chatUrl = page.url();
             const chatIdMatch = chatUrl.match(/\/c\/([a-f0-9-]+)/);
+            let savedChatId;
             if (chatIdMatch) {
                 const chatId = chatIdMatch[1];
+                savedChatId = chatId;
                 const now = new Date().toISOString();
                 await saveChatSession(project, {
                     chatId,
@@ -713,6 +702,8 @@ export const deepResearchChatGPT = defineTool({
                 researchTime: Math.floor((Date.now() - startTime) / 1000),
                 chatUrl,
                 model: 'ChatGPT DeepResearch',
+                chatId: savedChatId,
+                conversationNumber: 1,
             });
             response.appendResponseLine(`📝 リサーチログ保存: ${logPath}`);
             response.appendResponseLine(`🔗 チャットURL: ${chatUrl}`);

package/build/src/tools/deepresearch-steps.js

@@ -0,0 +1,146 @@
+/**
+ * DeepResearch ON/OFF切り替え手順記録システム
+ *
+ * 目的: 毎回要素を探す必要をなくし、記録された手順で確実に切り替え
+ */
+import fs from 'node:fs';
+import path from 'node:path';
+const PROCEDURE_FILE = path.join(process.cwd(), 'docs/deepresearch-procedure.json');
+/**
+ * デフォルトの手順定義
+ */
+const DEFAULT_PROCEDURE = {
+    version: '1.0.0',
+    lastUpdated: new Date().toISOString(),
+    steps: {
+        enable: [
+            {
+                action: 'click',
+                selector: 'button[aria-label*="ファイルの追加"]',
+                description: '+ボタンをクリックしてメニューを開く'
+            },
+            {
+                action: 'wait',
+                waitMs: 500,
+                description: 'メニューが表示されるまで待機'
+            },
+            {
+                action: 'click',
+                selector: '[role="menuitemradio"]',
+                textContent: 'Deep Research',
+                description: 'Deep Research menuitemradio をクリック'
+            },
+            {
+                action: 'wait',
+                waitMs: 1000,
+                description: 'DeepResearch有効化完了を待機'
+            }
+        ],
+        disable: [
+            {
+                action: 'click',
+                selector: 'button[aria-label*="リサーチ：クリックして削除"]',
+                description: 'リサーチpillボタンをクリックして無効化'
+            }
+        ],
+        verify: [
+            {
+                action: 'verify',
+                selector: 'button.__composer-pill[aria-label*="リサーチ"]',
+                description: 'リサーチpillボタンの存在確認'
+            }
+        ]
+    }
+};
+/**
+ * 手順をファイルから読み込み
+ */
+export async function loadProcedure() {
+    try {
+        if (fs.existsSync(PROCEDURE_FILE)) {
+            const data = await fs.promises.readFile(PROCEDURE_FILE, 'utf-8');
+            return JSON.parse(data);
+        }
+    }
+    catch (error) {
+        console.error(`手順ファイルの読み込みエラー: ${error}`);
+    }
+    return DEFAULT_PROCEDURE;
+}
+/**
+ * 手順をファイルに保存
+ */
+export async function saveProcedure(procedure) {
+    try {
+        const dir = path.dirname(PROCEDURE_FILE);
+        await fs.promises.mkdir(dir, { recursive: true });
+        await fs.promises.writeFile(PROCEDURE_FILE, JSON.stringify(procedure, null, 2), 'utf-8');
+    }
+    catch (error) {
+        console.error(`手順ファイルの保存エラー: ${error}`);
+    }
+}
+/**
+ * 手順を実行
+ */
+export async function executeProcedure(page, steps) {
+    for (const step of steps) {
+        try {
+            if (step.action === 'click') {
+                const element = await page.$(step.selector);
+                if (!element) {
+                    return { success: false, error: `要素が見つかりません: ${step.selector}` };
+                }
+                // textContent指定がある場合は検証
+                if (step.textContent) {
+                    const text = await page.evaluate((el) => el.textContent, element);
+                    if (!text?.includes(step.textContent)) {
+                        return { success: false, error: `テキスト不一致: 期待="${step.textContent}", 実際="${text}"` };
+                    }
+                }
+                await element.click();
+            }
+            else if (step.action === 'wait') {
+                await page.waitForTimeout(step.waitMs || 500);
+            }
+            else if (step.action === 'verify') {
+                const element = await page.$(step.selector);
+                if (!element) {
+                    return { success: false, error: `検証失敗: ${step.selector} が見つかりません` };
+                }
+            }
+        }
+        catch (error) {
+            return {
+                success: false,
+                error: `ステップ実行エラー: ${step.description} - ${error}`
+            };
+        }
+    }
+    return { success: true };
+}
+/**
+ * DeepResearchを有効化
+ */
+export async function enableDeepResearch(page) {
+    const procedure = await loadProcedure();
+    return await executeProcedure(page, procedure.steps.enable);
+}
+/**
+ * DeepResearchを無効化
+ */
+export async function disableDeepResearch(page) {
+    const procedure = await loadProcedure();
+    return await executeProcedure(page, procedure.steps.disable);
+}
+/**
+ * DeepResearch状態を確認
+ */
+export async function verifyDeepResearch(page) {
+    const procedure = await loadProcedure();
+    const result = await executeProcedure(page, procedure.steps.verify);
+    if (!result.success) {
+        return { enabled: false, error: result.error };
+    }
+    return { enabled: true };
+}

package/build/src/tools/deepresearch-toggle.js

@@ -0,0 +1,82 @@
+/**
+ * DeepResearch ON/OFF 切り替えツール（簡潔版）
+ *
+ * 目的: 最小限のコードで確実にDeepResearchを切り替え
+ */
+/**
+ * DeepResearch有効化（シンプル実装）
+ */
+export async function enableDeepResearch(page) {
+    try {
+        // Step 1: +ボタンをクリック
+        const plusButton = await page.$('button[aria-label*="ファイルの追加"]');
+        if (!plusButton) {
+            return { success: false, error: '+ボタンが見つかりません' };
+        }
+        await plusButton.click();
+        await page.waitForTimeout(500);
+        // Step 2: Deep Research menuitemradio をクリック
+        const menuItems = await page.$$('[role="menuitemradio"]');
+        let deepResearchItem = null;
+        for (const item of menuItems) {
+            const text = await item.evaluate((el) => el.textContent);
+            if (text?.includes('Deep Research') || text?.includes('リサーチ')) {
+                deepResearchItem = item;
+                break;
+            }
+        }
+        if (!deepResearchItem) {
+            return { success: false, error: 'Deep Research menuitemradio が見つかりません' };
+        }
+        await deepResearchItem.click();
+        await page.waitForTimeout(1000);
+        // Step 3: 検証（composer-pill確認）
+        const pill = await page.$('button.__composer-pill[aria-label*="リサーチ"]');
+        if (!pill) {
+            return { success: false, error: 'DeepResearch pill が表示されませんでした' };
+        }
+        return { success: true };
+    }
+    catch (error) {
+        return { success: false, error: `エラー: ${error}` };
+    }
+}
+/**
+ * DeepResearch無効化（シンプル実装）
+ */
+export async function disableDeepResearch(page) {
+    try {
+        // リサーチpillボタンをクリック
+        const pill = await page.$('button[aria-label*="リサーチ：クリックして削除"]');
+        if (!pill) {
+            return { success: false, error: 'リサーチpillボタンが見つかりません（既にOFFの可能性）' };
+        }
+        await pill.click();
+        await page.waitForTimeout(500);
+        // 検証: pillが消えたことを確認
+        const stillExists = await page.$('button[aria-label*="リサーチ：クリックして削除"]');
+        if (stillExists) {
+            return { success: false, error: 'DeepResearch無効化に失敗しました' };
+        }
+        return { success: true };
+    }
+    catch (error) {
+        return { success: false, error: `エラー: ${error}` };
+    }
+}
+/**
+ * DeepResearch状態確認（シンプル実装）
+ */
+export async function checkDeepResearch(page) {
+    try {
+        const pill = await page.$('button.__composer-pill[aria-label*="リサーチ"]');
+        if (pill) {
+            const text = await pill.evaluate((el) => el.textContent?.trim());
+            return { enabled: true, indicator: `composer-pill: "${text}"` };
+        }
+        return { enabled: false };
+    }
+    catch (error) {
+        return { enabled: false };
+    }
+}

package/package.json

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