@aiyiran/myclaw 1.0.25 → 1.0.27

package/assets/detect-browser.sh

@@ -0,0 +1,67 @@
+#!/bin/bash
+
+# ============================================
+# 脚本配置
+# ============================================
+URL="${1:-http://127.0.0.1:18789}"   # 要导航的网页（默认本地控制台）
+CHECK_INTERVAL=5                     # 每隔 5 秒检查一次 Chrome
+MAX_WAIT=600                         # 最多等待 10 分钟（可调整）
+
+# ============================================
+# 检测操作系统
+# ============================================
+OS=$(uname -s)
+case "$OS" in
+    Darwin*) OS_TYPE="Mac" ;;
+    Linux*) OS_TYPE="Linux" ;;
+    CYGWIN*|MINGW*|MSYS*) OS_TYPE="Windows" ;;
+    *) echo "Unsupported OS: $OS"; exit 1 ;;
+esac
+
+# ============================================
+# 设置 Chrome 默认路径
+# ============================================
+case "$OS_TYPE" in
+    Mac) CHROME="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" ;;
+    Linux) CHROME="$(which google-chrome || which chromium-browser || echo "")" ;;
+    Windows) CHROME="/mnt/c/Program Files/Google/Chrome/Application/chrome.exe" ;;
+esac
+
+# ============================================
+# 检测 Chrome 是否存在
+# ============================================
+if [ -z "$CHROME" ] || [ ! -f "$CHROME" ]; then
+    echo "Chrome not found on your system!"
+    
+    # 打开官方下载页面
+    case "$OS_TYPE" in
+        Mac) open "https://www.google.com/chrome/" ;;
+        Linux) xdg-open "https://www.google.com/linux/chrome/" >/dev/null 2>&1 || echo "Please download Chrome from https://www.google.com/linux/chrome/" ;;
+        Windows) powershell.exe -Command "Start-Process 'https://www.google.com/chrome/'" ;;
+    esac
+
+    echo "Please install Chrome. Waiting for installation..."
+    
+    # 开始轮询等待用户安装
+    ELAPSED=0
+    while [ ! -f "$CHROME" ]; do
+        sleep $CHECK_INTERVAL
+        ELAPSED=$((ELAPSED + CHECK_INTERVAL))
+        if [ $ELAPSED -ge $MAX_WAIT ]; then
+            echo "Timed out waiting for Chrome. Please install manually and rerun this script."
+            exit 1
+        fi
+    done
+    echo "Chrome installation detected!"
+fi
+
+# ============================================
+# 打开目标 URL
+# ============================================
+echo "Opening URL: $URL ..."
+case "$OS_TYPE" in
+    Mac|Linux) "$CHROME" "$URL" ;;
+    Windows) powershell.exe -Command "Start-Process '$CHROME' '$URL'" ;;
+esac
+
+echo "Done!"

package/assets/myclaw-inject.js

@@ -0,0 +1,295 @@
+/**
+ * ============================================================================
+ * MyClaw UI Inject — 浏览器端注入脚本
+ * ============================================================================
+ * 
+ * 功能：
+ *   1. 页面顶部 fixed 显示 myclaw 版本号
+ *   2. 在聊天工具栏新增讯飞语音输入按钮
+ *      - 光标处插入文字
+ *      - 持续录入，手动停止
+ *      - 讯飞 60 秒断开后自动重连
+ * 
+ * 依赖：voice-input.js（讯飞 VoiceInput SDK，需先于本脚本加载）
+ * ============================================================================
+ */
+(function () {
+  "use strict";
+
+  var MYCLAW_VERSION = "__MYCLAW_VERSION__";
+
+  // ═══ 状态 ═══
+  var voice = null;           // VoiceInput 实例
+  var recording = false;      // 用户层面的录音状态（独立于 SDK 的 status）
+  var pendingText = "";       // 当前这轮识别的文字（实时更新）
+  var committedText = "";     // 已经提交到 textarea 的文字（上一轮累积）
+  var cursorOffset = 0;       // 录音开始时光标在 textarea 中的位置
+  var injected = false;
+
+  // ═══ 1. 顶部版本号横条 ═══
+  function createVersionBar() {
+    if (document.querySelector("#myclaw-version-bar")) return;
+
+    var bar = document.createElement("div");
+    bar.id = "myclaw-version-bar";
+    bar.style.cssText = [
+      "position: fixed",
+      "top: 0",
+      "left: 0",
+      "right: 0",
+      "height: 28px",
+      "line-height: 28px",
+      "background: linear-gradient(90deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%)",
+      "color: #e94560",
+      "font-size: 12px",
+      "font-family: monospace",
+      "text-align: center",
+      "z-index: 99999",
+      "box-shadow: 0 1px 4px rgba(0,0,0,0.3)",
+      "user-select: none",
+      "letter-spacing: 0.5px",
+    ].join(";");
+    bar.textContent = "\uD83D\uDC3E MyClaw v" + MYCLAW_VERSION;
+
+    document.body.prepend(bar);
+    document.body.style.paddingTop = "28px";
+  }
+
+  // ═══ 2. textarea 工具 ═══
+
+  /**
+   * 在 textarea 的指定位置写入文字，并触发 Lit 响应式更新
+   * @param {string} fullText - 完整的 textarea 内容
+   */
+  function setTextareaValue(fullText) {
+    var ta = document.querySelector(".agent-chat__input textarea");
+    if (!ta) return;
+
+    var setter = Object.getOwnPropertyDescriptor(
+      HTMLTextAreaElement.prototype, "value"
+    ).set;
+    setter.call(ta, fullText);
+    ta.dispatchEvent(new Event("input", { bubbles: true }));
+  }
+
+  /**
+   * 获取 textarea 当前值
+   */
+  function getTextareaValue() {
+    var ta = document.querySelector(".agent-chat__input textarea");
+    return ta ? ta.value : "";
+  }
+
+  /**
+   * 获取 textarea 当前光标位置
+   */
+  function getCursorPosition() {
+    var ta = document.querySelector(".agent-chat__input textarea");
+    return ta ? ta.selectionStart : 0;
+  }
+
+  /**
+   * 在光标位置插入识别的文字
+   * 原理：保留光标前的原文 + 已提交文字 + 当前识别文字 + 光标后的原文
+   */
+  function updateTextAtCursor(recognizedText) {
+    var ta = document.querySelector(".agent-chat__input textarea");
+    if (!ta) return;
+
+    // 录音开始时的位置前面的文字（不变）
+    var before = committedText.substring(0, cursorOffset);
+    // 录音开始时位置后面的文字（不变）
+    var originalAfter = committedText.substring(cursorOffset);
+
+    // 在光标位置插入已识别的文字
+    var newValue = before + recognizedText + originalAfter;
+    setTextareaValue(newValue);
+
+    // 把光标放到识别文字的末尾
+    var newCursorPos = before.length + recognizedText.length;
+    try {
+      ta.setSelectionRange(newCursorPos, newCursorPos);
+    } catch (e) {}
+  }
+
+  // ═══ 3. 语音按钮 ═══
+
+  function createVoiceButton() {
+    var btn = document.createElement("button");
+    btn.id = "myclaw-voice-btn";
+    btn.className = "agent-chat__input-btn";
+    btn.title = "\u8baf\u98de\u8bed\u97f3";
+    btn.setAttribute("aria-label", "\u8baf\u98de\u8bed\u97f3\u8f93\u5165");
+    btn.innerHTML = [
+      '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"',
+      '  viewBox="0 0 24 24" fill="none" stroke="currentColor"',
+      '  stroke-width="2" stroke-linecap="round" stroke-linejoin="round">',
+      '  <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/>',
+      '  <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>',
+      '  <line x1="12" x2="12" y1="19" y2="22"/>',
+      '  <circle cx="12" cy="22" r="1" fill="currentColor" stroke="none"/>',
+      '</svg>',
+    ].join("");
+
+    btn.addEventListener("click", function () {
+      if (recording) {
+        stopVoice();
+      } else {
+        startVoice();
+      }
+    });
+
+    return btn;
+  }
+
+  function updateButtonUI() {
+    var btn = document.querySelector("#myclaw-voice-btn");
+    if (!btn) return;
+
+    if (recording) {
+      btn.classList.add("agent-chat__input-btn--recording");
+      btn.title = "\u505c\u6b62\u8bed\u97f3";
+    } else {
+      btn.classList.remove("agent-chat__input-btn--recording");
+      btn.title = "\u8baf\u98de\u8bed\u97f3";
+    }
+  }
+
+  // ═══ 4. 录音控制 ═══
+
+  function initVoice() {
+    if (typeof window.VoiceInput === "undefined") {
+      console.error("[myclaw-inject] VoiceInput SDK \u672a\u52a0\u8f7d");
+      return;
+    }
+
+    voice = new window.VoiceInput({
+      onResult: function (text) {
+        // 讯飞实时返回识别文字，替换到光标位置
+        pendingText = text;
+        updateTextAtCursor(pendingText);
+        console.log("[myclaw-voice] \u8bc6\u522b\u4e2d:", text);
+      },
+      onStatusChange: function (oldStatus, newStatus) {
+        console.log("[myclaw-voice] \u72b6\u6001:", oldStatus, "->", newStatus);
+
+        if (newStatus === "idle" && recording) {
+          // 讯飞 60 秒断开，但用户没有点停止 → 自动重连
+          // 把当前识别的文字提交，并更新光标位置
+          committedText = getTextareaValue();
+          cursorOffset = getCursorPosition();
+          pendingText = "";
+
+          console.log("[myclaw-voice] \u81ea\u52a8\u91cd\u8fde...");
+          setTimeout(function () {
+            if (recording && voice) {
+              voice.start();
+            }
+          }, 300);
+        }
+      },
+      onError: function (err) {
+        console.error("[myclaw-voice] \u9519\u8bef:", err);
+        // 权限错误是永久性的，不重试，直接停止
+        var errStr = String(err).toLowerCase();
+        if (errStr.indexOf("permission") !== -1 || errStr.indexOf("not allowed") !== -1) {
+          console.error("[myclaw-voice] ⛔ 麦克风权限被拒绝，停止录音");
+          recording = false;
+          updateButtonUI();
+          return;
+        }
+        // 其他错误（如 WebSocket）尝试重连
+        if (recording) {
+          setTimeout(function () {
+            if (recording && voice) {
+              console.log("[myclaw-voice] \u9519\u8bef\u540e\u91cd\u8fde...");
+              voice.start();
+            }
+          }, 1000);
+        }
+      },
+    });
+
+    console.log("[myclaw-inject] \u2705 \u8baf\u98de\u8bed\u97f3 SDK \u5df2\u521d\u59cb\u5316");
+  }
+
+  function startVoice() {
+    if (!voice) {
+      initVoice();
+      if (!voice) return;
+    }
+
+    // 记录当前 textarea 状态和光标位置
+    committedText = getTextareaValue();
+    cursorOffset = getCursorPosition();
+    pendingText = "";
+
+    recording = true;
+    updateButtonUI();
+    voice.start();
+
+    console.log("[myclaw-voice] \u5f00\u59cb\u5f55\u97f3\uff0c\u5149\u6807\u4f4d\u7f6e:", cursorOffset);
+  }
+
+  function stopVoice() {
+    recording = false;
+    updateButtonUI();
+
+    if (voice) {
+      voice.stop();
+    }
+
+    // 最终提交文字
+    committedText = getTextareaValue();
+    pendingText = "";
+
+    console.log("[myclaw-voice] \u505c\u6b62\u5f55\u97f3");
+  }
+
+  // ═══ 5. DOM 注入 ═══
+
+  function injectButton() {
+    var toolbar = document.querySelector(".agent-chat__toolbar-left");
+    if (!toolbar || document.querySelector("#myclaw-voice-btn")) return;
+
+    var btn = createVoiceButton();
+
+    // 插入到 token 计数之前，或追加到末尾
+    var tokenCount = toolbar.querySelector(".agent-chat__token-count");
+    if (tokenCount) {
+      toolbar.insertBefore(btn, tokenCount);
+    } else {
+      toolbar.appendChild(btn);
+    }
+
+    injected = true;
+    console.log("[myclaw-inject] \u2705 \u8bed\u97f3\u6309\u94ae\u5df2\u6ce8\u5165");
+  }
+
+  // ═══ 启动 ═══
+  function init() {
+    createVersionBar();
+
+    // 初始化 VoiceInput SDK
+    initVoice();
+
+    // 持续监听 DOM 变化，确保按钮始终在
+    new MutationObserver(function () {
+      if (!document.querySelector("#myclaw-voice-btn")) {
+        injected = false;
+      }
+      if (!injected) {
+        injectButton();
+      }
+    }).observe(document.documentElement, { childList: true, subtree: true });
+
+    // 尝试立即注入
+    injectButton();
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init);
+  } else {
+    init();
+  }
+})();

package/index.js

@@ -284,6 +284,229 @@ pause
   }
 }
 
+// ============================================================================
+// Open 命令 - 打开浏览器
+// ============================================================================
+
+function runOpen() {
+  const fs = require('fs');
+  const { exec } = require('child_process');
+  const url = args[1] || 'http://127.0.0.1:18789';
+  const platform = os.platform();
+  const bar = '----------------------------------------';
+
+  console.log('');
+  console.log('[' + colors.blue + 'MyClaw' + colors.nc + '] ' + colors.blue + '打开浏览器' + colors.nc);
+  console.log(bar);
+  console.log('');
+
+  // 定义各平台 Chrome 路径
+  let chromePaths = [];
+  if (platform === 'darwin') {
+    chromePaths = [
+      '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+    ];
+  } else if (platform === 'linux') {
+    // 检测是否在 WSL2 环境下
+    let isWSL = false;
+    try {
+      const releaseInfo = fs.readFileSync('/proc/version', 'utf8');
+      if (/microsoft|wsl/i.test(releaseInfo)) isWSL = true;
+    } catch {}
+
+    if (isWSL) {
+      // WSL2 环境下优先使用 Windows 端的 Chrome
+      chromePaths = [
+        '/mnt/c/Program Files/Google/Chrome/Application/chrome.exe',
+        '/mnt/c/Program Files (x86)/Google/Chrome/Application/chrome.exe',
+      ];
+    } else {
+      chromePaths = [
+        '/usr/bin/google-chrome',
+        '/usr/bin/google-chrome-stable',
+        '/usr/bin/chromium-browser',
+        '/usr/bin/chromium',
+      ];
+    }
+  } else if (platform === 'win32') {
+    chromePaths = [
+      path.join(process.env.PROGRAMFILES || 'C:\\Program Files', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+      path.join(process.env['PROGRAMFILES(X86)'] || 'C:\\Program Files (x86)', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+      path.join(os.homedir(), 'AppData', 'Local', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+    ];
+  }
+
+  // 查找 Chrome
+  let chromePath = null;
+  for (const p of chromePaths) {
+    try {
+      if (fs.existsSync(p)) {
+        chromePath = p;
+        break;
+      }
+    } catch {}
+  }
+
+  // 如果没有找到 Chrome
+  if (!chromePath) {
+    console.log('[' + colors.yellow + '提示' + colors.nc + '] 未检测到 Chrome 浏览器');
+    console.log('');
+    console.log('正在打开 Chrome 下载页面...');
+    console.log('');
+
+    const downloadUrl = 'https://www.google.com/chrome/';
+    try {
+      if (platform === 'darwin') {
+        execSync('open "' + downloadUrl + '"', { stdio: 'ignore' });
+      } else if (platform === 'win32') {
+        execSync('start "" "' + downloadUrl + '"', { stdio: 'ignore', shell: true });
+      } else {
+        // Linux / WSL2
+        try {
+          execSync('xdg-open "' + downloadUrl + '"', { stdio: 'ignore' });
+        } catch {
+          // WSL2 fallback
+          try {
+            execSync('powershell.exe -Command "Start-Process \'' + downloadUrl + '\'"', { stdio: 'ignore' });
+          } catch {
+            console.log('请手动下载 Chrome: ' + colors.yellow + downloadUrl + colors.nc);
+          }
+        }
+      }
+    } catch {}
+
+    console.log('安装 Chrome 后重新运行: ' + colors.yellow + 'myclaw open' + colors.nc);
+    console.log('');
+    console.log(bar);
+    console.log('');
+    return;
+  }
+
+  // 打开 URL
+  console.log('[Chrome] ' + colors.green + '已检测到' + colors.nc);
+  console.log('  路径: ' + chromePath);
+  console.log('');
+  console.log('[打开] ' + url);
+
+  try {
+    if (platform === 'darwin') {
+      // macOS: 使用 open 命令打开 Chrome
+      exec('open -a "Google Chrome" "' + url + '"');
+    } else if (platform === 'win32') {
+      exec('"' + chromePath + '" "' + url + '"');
+    } else {
+      // Linux / WSL2
+      let isWSL = false;
+      try {
+        const releaseInfo = fs.readFileSync('/proc/version', 'utf8');
+        if (/microsoft|wsl/i.test(releaseInfo)) isWSL = true;
+      } catch {}
+
+      if (isWSL) {
+        // WSL2: Chrome 路径中有空格，需要特殊处理
+        exec('"' + chromePath + '" "' + url + '"');
+      } else {
+        exec('"' + chromePath + '" "' + url + '"');
+      }
+    }
+    console.log('');
+    console.log('[' + colors.green + '成功' + colors.nc + '] 浏览器已启动');
+  } catch (err) {
+    console.error('[' + colors.red + '错误' + colors.nc + '] 打开浏览器失败: ' + err.message);
+  }
+
+  console.log('');
+  console.log(bar);
+  console.log('');
+}
+
+// ============================================================================
+// Patch / Unpatch / Restart
+// ============================================================================
+
+function runPatch() {
+  const { patch, status: patchStatus } = require('./patch');
+  const bar = '----------------------------------------';
+
+  console.log('');
+  console.log('[' + colors.blue + 'MyClaw' + colors.nc + '] ' + colors.blue + 'UI 注入' + colors.nc);
+  console.log(bar);
+  console.log('');
+
+  const result = patch();
+
+  if (result.success) {
+    console.log('');
+    console.log(bar);
+    console.log('下一步: 运行 ' + colors.yellow + 'myclaw restart' + colors.nc + ' 重启 Gateway 使注入生效');
+    console.log('');
+  }
+}
+
+function runUnpatch() {
+  const { unpatch } = require('./patch');
+  const bar = '----------------------------------------';
+
+  console.log('');
+  console.log('[' + colors.blue + 'MyClaw' + colors.nc + '] ' + colors.blue + 'UI 回滚' + colors.nc);
+  console.log(bar);
+  console.log('');
+
+  unpatch();
+
+  console.log('');
+  console.log(bar);
+  console.log('下一步: 运行 ' + colors.yellow + 'myclaw restart' + colors.nc + ' 重启 Gateway');
+  console.log('');
+}
+
+function runRestart() {
+  const bar = '----------------------------------------';
+
+  console.log('');
+  console.log('[' + colors.blue + 'MyClaw' + colors.nc + '] ' + colors.blue + '重启 Gateway' + colors.nc);
+  console.log(bar);
+  console.log('');
+
+  try {
+    console.log('[停止] 正在停止 Gateway...');
+    try {
+      execSync('openclaw gateway stop', { stdio: 'pipe', timeout: 10000 });
+      console.log('[停止] ' + colors.green + 'Gateway 已停止' + colors.nc);
+    } catch {
+      console.log('[停止] Gateway 未在运行或已停止');
+    }
+
+    console.log('');
+    console.log('[启动] 正在启动 Gateway...');
+    // 使用 nohup + 后台启动，避免阻塞当前进程
+    execSync('nohup openclaw gateway > /tmp/openclaw-gateway.log 2>&1 &', {
+      stdio: 'ignore',
+      shell: true,
+    });
+
+    // 等待 2 秒让 Gateway 启动
+    execSync('sleep 2', { stdio: 'ignore' });
+
+    // 检查是否启动成功
+    try {
+      execSync('openclaw health', { stdio: 'pipe', timeout: 5000 });
+      console.log('[启动] ' + colors.green + 'Gateway 启动成功!' + colors.nc);
+      console.log('');
+      console.log('控制台: ' + colors.yellow + 'http://127.0.0.1:18789' + colors.nc);
+    } catch {
+      console.log('[启动] ' + colors.yellow + 'Gateway 正在启动中...' + colors.nc);
+      console.log('日志: ' + colors.yellow + 'tail -f /tmp/openclaw-gateway.log' + colors.nc);
+    }
+  } catch (err) {
+    console.error('[' + colors.red + '错误' + colors.nc + '] 重启失败: ' + err.message);
+  }
+
+  console.log('');
+  console.log(bar);
+  console.log('');
+}
+
 // ============================================================================
 // 帮助信息
 // ============================================================================
@@ -300,16 +523,22 @@ function showHelp() {
   console.log('  install    安装 OpenClaw 服务');
   console.log('  status     简化版状态查看（学生友好）');
   console.log('  new        创建新的 Agent（学生练习用）');
+  console.log('  open       打开浏览器控制台（默认 http://127.0.0.1:18789）');
   console.log('  wsl2       WSL2 一键安装/修复 (仅限 Windows)');
   console.log('  bat        在桌面生成一键启动脚本 (仅限 Windows)');
+  console.log('  patch      注入 MyClaw UI 扩展到 WebChat');
+  console.log('  unpatch    回滚 UI 注入（恢复原版）');
+  console.log('  restart    重启 OpenClaw Gateway');
   console.log('  help       显示帮助信息');
   console.log('');
   console.log('示例:');
-  console.log('  myclaw install    # 安装 OpenClaw');
-  console.log('  myclaw status     # 查看状态');
-  console.log('  myclaw new helper # 创建名为 helper 的 Agent');
-  console.log('  myclaw wsl2       # Windows 下一键安装 WSL2');
-  console.log('  myclaw bat        # 生成桌面一键启动脚本');
+  console.log('  myclaw install         # 安装 OpenClaw');
+  console.log('  myclaw status          # 查看状态');
+  console.log('  myclaw new helper      # 创建名为 helper 的 Agent');
+  console.log('  myclaw open            # 打开默认控制台');
+  console.log('  myclaw open http://... # 打开指定 URL');
+  console.log('  myclaw patch           # 注入 UI 扩展');
+  console.log('  myclaw restart         # 重启 Gateway');
   console.log('');
   console.log('跨平台: macOS / Linux / Windows (PowerShell/CMD)');
   console.log('');
@@ -329,10 +558,18 @@ if (!command || command === 'help' || command === '--help' || command === '-h')
   runStatus();
 } else if (command === 'new') {
   runNew();
+} else if (command === 'open') {
+  runOpen();
 } else if (command === 'wsl2') {
   runWsl2();
 } else if (command === 'bat') {
   runBat();
+} else if (command === 'patch') {
+  runPatch();
+} else if (command === 'unpatch') {
+  runUnpatch();
+} else if (command === 'restart') {
+  runRestart();
 } else {
   console.error('[' + colors.red + '错误' + colors.nc + '] 未知命令: ' + command);
   showHelp();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiyiran/myclaw",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "",
   "main": "index.js",
   "bin": {
@@ -8,7 +8,8 @@
     "mc": "index.js"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "postinstall": "node -e \"try{require('./patch').patch()}catch(e){console.log('[myclaw] patch skipped:',e.message)}\""
   },
   "keywords": [],
   "author": "",