@xcanwin/manyoyo 5.11.8 → 5.11.10

package/lib/plugin/playwright.js

@@ -437,6 +437,58 @@ class PlaywrightPlugin {
         this.writeStdout('}');
     }
 
+    remoteDebuggingPageUrl() {
+        return 'chrome://inspect/#remote-debugging';
+    }
+
+    openChromeRemoteDebuggingPage() {
+        const url = this.remoteDebuggingPageUrl();
+        const platform = process.platform;
+        let commands = [];
+
+        if (platform === 'darwin') {
+            commands = [
+                ['open', '-a', 'Google Chrome', url],
+                ['open', url]
+            ];
+        } else if (platform === 'win32') {
+            commands = [
+                ['cmd', '/c', 'start', '', 'chrome', url]
+            ];
+        } else {
+            commands = [
+                ['google-chrome', url],
+                ['google-chrome-stable', url],
+                ['chromium', url],
+                ['chromium-browser', url]
+            ];
+        }
+
+        for (const args of commands) {
+            const result = this.runCmd(args, { check: false, captureOutput: true });
+            if (result.returncode === 0) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    remindDevHostCliSessionScene() {
+        this.writeStdout(`[tip] 已尝试用 Chrome 打开 ${this.remoteDebuggingPageUrl()}，请在页面中确认 remote debugging 相关勾选项已启用。`);
+        this.writeStdout('[tip] 如果希望容器内 manyoyo run 自动附着到宿主机正在运行的 Chrome，请在 ~/.manyoyo/manyoyo.json 中设置:');
+        this.writeStdout('{');
+        this.writeStdout('    "volumes": [');
+        this.writeStdout('        "~/.manyoyo/.cache/ms-playwright:/root/.cache/ms-playwright",');
+        this.writeStdout('        "~/Library/Application Support/Google/Chrome/DevToolsActivePort:/root/Library/Application Support/Google/Chrome/DevToolsActivePort"');
+        this.writeStdout('    ],');
+        this.writeStdout('    "plugins": {');
+        this.writeStdout('        "playwright": {');
+        this.writeStdout('            "cliSessionScene": "dev-host-headed"');
+        this.writeStdout('        }');
+        this.writeStdout('    }');
+        this.writeStdout('}');
+    }
+
     randomAlnum(length = 16) {
         const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
         let out = '';
@@ -1092,6 +1144,7 @@ class PlaywrightPlugin {
         const hostConfigPath = this.sceneCliAttachConfigPath(sceneName);
         const containerConfigPath = `/tmp/manyoyo-playwright/${sceneName}.cli-attach.json`;
         this.writeSceneCliAttachConfig(sceneName, {
+            outputDir: '/tmp/.playwright-cli',
             browser: {
                 // launch-server（非 shared）不预创建 context；remoteEndpoint 存在时
                 // playwright-cli 默认 isolated=false 会走 contexts()[0] 并报
@@ -1120,6 +1173,7 @@ class PlaywrightPlugin {
         const containerConfigPath = `/tmp/manyoyo-playwright/${sceneName}.cli-attach.json`;
 
         this.writeSceneCliAttachConfig(sceneName, {
+            outputDir: '/tmp/.playwright-cli',
             browser: {
                 cdpEndpoint,
                 cdpHeaders: {
@@ -1445,13 +1499,19 @@ class PlaywrightPlugin {
         return 1;
     }
 
-    startDevHost(sceneName) {
+    async startDevHost(sceneName) {
+        this.openChromeRemoteDebuggingPage();
         try {
             const endpoint = this.readDevToolsActivePort();
+            if (!(await this.portReady(endpoint.port))) {
+                throw new Error(`DevToolsActivePort 指向 127.0.0.1:${endpoint.port}，但该端口不可连接；请确认 Chrome remote debugging 已启用，或重新打开 Chrome 后再试。`);
+            }
             this.writeStdout(`[up] ${sceneName} ready via DevToolsActivePort (${endpoint.filePath}, 127.0.0.1:${endpoint.port})`);
+            this.remindDevHostCliSessionScene();
             return 0;
         } catch (error) {
             this.writeStderr(`[up] ${sceneName} failed: ${error.message || String(error)}`);
+            this.remindDevHostCliSessionScene();
             return 1;
         }
     }
@@ -1734,6 +1794,7 @@ class PlaywrightPlugin {
         }
 
         const scenes = this.resolveTargets('all').filter(sceneName => isMcpScene(sceneName));
+        this.writeStdout('# 在容器中执行');
         for (const sceneName of scenes) {
             const url = `http://${host}:${this.scenePort(sceneName)}/mcp`;
             this.writeStdout(`claude mcp add -t http -s user playwright-${sceneName} ${url}`);
@@ -1754,6 +1815,7 @@ class PlaywrightPlugin {
 
     printCliAdd() {
         const lines = [
+            '# 在宿主机中执行',
             'PLAYWRIGHT_CLI_INSTALL_DIR="${TMPDIR:-/tmp}/manyoyo-playwright-cli-install-$$"',
             'mkdir -p "$PLAYWRIGHT_CLI_INSTALL_DIR/.playwright"',
             'cd "$PLAYWRIGHT_CLI_INSTALL_DIR"',
@@ -1781,7 +1843,7 @@ class PlaywrightPlugin {
         const def = SCENE_DEFS[sceneName];
         if (isDevScene(sceneName)) {
             if (action === 'up') {
-                return this.startDevHost(sceneName);
+                return await this.startDevHost(sceneName);
             }
             if (action === 'down') {
                 return this.stopDevHost(sceneName);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xcanwin/manyoyo",
-    "version": "5.11.8",
+    "version": "5.11.10",
     "imageVersion": "1.9.1-common",
     "playwrightCliVersion": "0.1.14",
     "description": "AI Agent CLI Security Sandbox for Docker and Podman",