chrome-ai-bridge 1.0.16 → 1.0.18

package/build/src/browser.js

@@ -3,6 +3,7 @@
  * Copyright 2025 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
+import { execSync } from 'node:child_process';
 import fs from 'node:fs';
 import os from 'node:os';
 import path from 'node:path';
@@ -421,7 +422,7 @@ export function getDevelopmentExtensionPaths() {
     return developmentExtensionPaths;
 }
 export async function launch(options) {
-    const { channel, executablePath, customDevTools, headless, isolated, loadExtension, loadExtensionsDir, loadSystemExtensions, chromeProfile, } = options;
+    const { channel, executablePath, customDevTools, headless, isolated, loadExtension, loadExtensionsDir, loadSystemExtensions, chromeProfile, focus = false, } = options;
     // Reset development extension paths
     developmentExtensionPaths = [];
     // Resolve user data directory using new profile resolver (v0.15.0+)
@@ -562,6 +563,22 @@ export async function launch(options) {
     }
     let browser;
     let finalUserDataDir = userDataDir;
+    // Remember current foreground app before Chrome launch (for background mode)
+    let previousApp = null;
+    if (!focus && !effectiveHeadless && os.platform() === 'darwin') {
+        try {
+            previousApp = execSync(`osascript -e 'tell application "System Events" to get name of first application process whose frontmost is true'`, { encoding: 'utf-8', timeout: 5000 }).trim();
+            console.error(`📋 Current foreground app: ${previousApp}`);
+        }
+        catch (error) {
+            console.warn(`⚠️  Could not detect foreground app: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }
+    // Windows/Linux: Add --start-minimized for background mode
+    if (!focus && !effectiveHeadless && os.platform() !== 'darwin') {
+        args.push('--start-minimized');
+        console.error('📋 Added --start-minimized for background mode');
+    }
     try {
         browser = await puppeteer.launch({
             ...connectOptions,
@@ -660,6 +677,18 @@ export async function launch(options) {
             });
             console.error('Applied navigator.webdriver bypass to existing page');
         }
+        // Restore focus to previous app (background mode on macOS)
+        if (!focus && !effectiveHeadless && previousApp && os.platform() === 'darwin') {
+            try {
+                // Small delay to ensure Chrome window is fully rendered
+                await new Promise(resolve => setTimeout(resolve, 500));
+                execSync(`osascript -e 'tell application "${previousApp}" to activate'`, { timeout: 5000 });
+                console.error(`✅ Restored focus to: ${previousApp}`);
+            }
+            catch (error) {
+                console.warn(`⚠️  Could not restore focus: ${error instanceof Error ? error.message : String(error)}`);
+            }
+        }
         return browser;
     }
     catch (error) {

package/build/src/cli.js

@@ -79,6 +79,11 @@ export const cliOptions = {
         description: 'Explicitly specify the project root directory for profile isolation. Overrides MCP roots/list. Useful when roots/list is not available.',
         conflicts: 'browserUrl',
     },
+    focus: {
+        type: 'boolean',
+        description: 'Bring Chrome window to foreground on launch. By default, Chrome launches in the background to avoid interrupting your work.',
+        default: false,
+    },
 };
 export function parseArguments(version, argv = process.argv) {
     const yargsInstance = yargs(hideBin(argv))

package/build/src/main.js

@@ -140,6 +140,7 @@ async function getContext() {
         userDataDir: args.userDataDir,
         logFile,
         rootsInfo: cachedRootsInfo, // Pass roots info to browser
+        focus: args.focus, // v1.0.18: Background mode control
     };
     const browser = await resolveBrowser(browserOptions);
     // Announce browser PID for graceful shutdown

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

@@ -267,32 +267,27 @@ export const askGeminiWeb = defineTool({
             }
             response.appendResponseLine('✅ ログイン確認完了');
             response.appendResponseLine('質問を送信中...');
-            // Input text using Puppeteer's type() for proper Angular state updates
-            // Gemini uses Angular and requires real keyboard events to update internal state
+            // Input text using innerText + event dispatch for proper Angular state updates
+            // This is more reliable than keyboard.type() which can cause sync issues with Angular
             const textboxSelector = '[role="textbox"]';
             const textbox = await page.$(textboxSelector);
             if (!textbox) {
                 response.appendResponseLine('❌ 入力欄が見つかりません');
                 return;
             }
-            // Click to focus and clear existing content
-            await textbox.click({ clickCount: 3 }); // Triple-click to select all
-            await page.keyboard.press('Backspace'); // Clear selection
-            // Type the question using real keyboard events (essential for Angular)
-            // IMPORTANT: Split by newlines and use Shift+Enter for line breaks
-            // (Enter alone triggers send in Gemini)
-            const lines = sanitizedQuestion.split('\n');
-            for (let i = 0; i < lines.length; i++) {
-                if (i > 0) {
-                    // Shift+Enter for newline (Enter alone sends the message)
-                    await page.keyboard.down('Shift');
-                    await page.keyboard.press('Enter');
-                    await page.keyboard.up('Shift');
-                }
-                await page.keyboard.type(lines[i], { delay: 2 });
-            }
+            // Click to focus
+            await textbox.click();
+            // Use innerText + input event dispatch for proper Angular state updates
+            // This approach is more reliable than keyboard.type() which can cause sync issues
+            await textbox.evaluate((el, text) => {
+                // Clear and set content
+                el.innerText = text;
+                // Dispatch input event to notify Angular of the change
+                el.dispatchEvent(new Event('input', { bubbles: true }));
+                el.dispatchEvent(new Event('change', { bubbles: true }));
+            }, sanitizedQuestion);
             // Wait for Angular to process the input and show send button
-            await new Promise(resolve => setTimeout(resolve, 500));
+            await new Promise(resolve => setTimeout(resolve, 300));
             // 質問送信前に model-response 要素数を記録（ChatGPTと同じカウント方式）
             const initialModelResponseCount = await page.evaluate(() => {
                 return document.querySelectorAll('model-response').length;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-ai-bridge",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "MCP server bridging Chrome browser and AI assistants (ChatGPT, Gemini). Browser automation + AI consultation.",
   "type": "module",
   "bin": "./scripts/cli.mjs",