@aiyiran/myclaw 1.0.24 → 1.0.26

package/assets/myclaw-inject.js

@@ -0,0 +1,71 @@
+/**
+ * ============================================================================
+ * MyClaw UI Inject — 浏览器端注入脚本
+ * ============================================================================
+ * 
+ * 该脚本由 myclaw postinstall 自动注入到 OpenClaw Control UI 的 index.html 中。
+ * 每次 npm update @aiyiran/myclaw 时会自动更新。
+ * 
+ * 功能：
+ *   1. 页面顶部 fixed 显示 myclaw 版本号
+ *   2. 语音输入按钮占位（后续接入）
+ * ============================================================================
+ */
+(function () {
+  "use strict";
+
+  // ═══ 版本号（由 patch.js 在注入时替换） ═══
+  var MYCLAW_VERSION = "__MYCLAW_VERSION__";
+
+  // ═══ 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 = "🐾 MyClaw v" + MYCLAW_VERSION;
+
+    document.body.prepend(bar);
+
+    // 把页面整体往下推 28px，避免遮挡
+    document.body.style.paddingTop = "28px";
+
+    console.log("[myclaw-inject] ✅ 版本号横条已注入: v" + MYCLAW_VERSION);
+  }
+
+  // ═══ 2. 语音输入按钮占位（TODO: 后续接入） ═══
+  function initVoice() {
+    console.log("[myclaw-inject] 🎙️ 语音模块已加载（占位），等待后续接入...");
+    console.log("[myclaw-inject] 语音注入点就绪，后续在此处添加按钮和录音逻辑");
+  }
+
+  // ═══ 启动 ═══
+  function init() {
+    createVersionBar();
+    initVoice();
+  }
+
+  // 确保 DOM 就绪
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init);
+  } else {
+    init();
+  }
+})();

package/index.js

@@ -284,6 +284,93 @@ pause
   }
 }
 
+// ============================================================================
+// 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('');
+}
+
 // ============================================================================
 // 帮助信息
 // ============================================================================
@@ -302,14 +389,17 @@ function showHelp() {
   console.log('  new        创建新的 Agent（学生练习用）');
   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 patch      # 注入 UI 扩展');
+  console.log('  myclaw restart    # 重启 Gateway');
   console.log('');
   console.log('跨平台: macOS / Linux / Windows (PowerShell/CMD)');
   console.log('');
@@ -333,6 +423,12 @@ if (!command || command === 'help' || command === '--help' || command === '-h')
   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.24",
+  "version": "1.0.26",
   "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": "",

package/patch.js

@@ -0,0 +1,225 @@
+/**
+ * ============================================================================
+ * MyClaw Patch Engine
+ * ============================================================================
+ * 
+ * 功能：
+ *   1. 探测 OpenClaw 安装路径
+ *   2. 备份原始 index.html
+ *   3. 复制 myclaw-inject.js 到 control-ui 目录
+ *   4. 在 index.html 的 </body> 前注入 <script> 标签
+ *   5. 幂等：重复执行不会重复注入
+ * 
+ * 使用：
+ *   const { patch, unpatch, status } = require('./patch');
+ *   patch();     // 执行注入
+ *   unpatch();   // 回滚
+ *   status();    // 检查状态
+ * ============================================================================
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const INJECT_MARKER = '<!-- myclaw-inject -->';
+const INJECT_FILENAME = 'myclaw-inject.js';
+const BACKUP_SUFFIX = '.myclaw-backup';
+
+/**
+ * 探测 OpenClaw 的 control-ui 目录
+ * 按优先级尝试多种路径
+ */
+function findControlUiDir() {
+  const candidates = [];
+
+  // 1. 通过 require.resolve 查找
+  const globalPaths = [
+    '/usr/lib/node_modules',
+    '/usr/local/lib/node_modules',
+  ];
+
+  // 加上当前 npm prefix
+  try {
+    const { execSync } = require('child_process');
+    const prefix = execSync('npm config get prefix 2>/dev/null', { encoding: 'utf8' }).trim();
+    if (prefix) {
+      globalPaths.push(path.join(prefix, 'lib', 'node_modules'));
+    }
+  } catch {}
+
+  for (const globalPath of globalPaths) {
+    candidates.push(path.join(globalPath, 'openclaw', 'dist', 'control-ui'));
+  }
+
+  // 2. 通过 which openclaw 推断
+  try {
+    const { execSync } = require('child_process');
+    const bin = execSync('which openclaw 2>/dev/null', { encoding: 'utf8' }).trim();
+    if (bin) {
+      const real = fs.realpathSync(bin);
+      // openclaw.mjs → 包根目录
+      const pkgRoot = path.dirname(real);
+      candidates.push(path.join(pkgRoot, 'dist', 'control-ui'));
+      // 也可能 bin 在 dist/ 下
+      candidates.push(path.join(path.dirname(pkgRoot), 'dist', 'control-ui'));
+    }
+  } catch {}
+
+  // 3. 尝试当前目录（开发用）
+  candidates.push(path.join(process.cwd(), 'dist', 'control-ui'));
+
+  // 找到第一个有 index.html 的
+  for (const dir of candidates) {
+    try {
+      if (fs.existsSync(path.join(dir, 'index.html'))) {
+        return dir;
+      }
+    } catch {}
+  }
+
+  return null;
+}
+
+/**
+ * 获取 myclaw 版本号
+ */
+function getMyclawVersion() {
+  try {
+    return require(path.join(__dirname, 'package.json')).version;
+  } catch {
+    return 'unknown';
+  }
+}
+
+/**
+ * 执行注入
+ */
+function patch() {
+  const uiDir = findControlUiDir();
+  if (!uiDir) {
+    console.log('[myclaw-patch] ❌ 未找到 OpenClaw control-ui 目录，跳过注入');
+    console.log('[myclaw-patch]    提示: 确保 openclaw 已全局安装 (npm install -g openclaw)');
+    return { success: false, reason: 'control-ui-not-found' };
+  }
+
+  const indexPath = path.join(uiDir, 'index.html');
+  const backupPath = indexPath + BACKUP_SUFFIX;
+  const injectSrc = path.join(__dirname, 'assets', INJECT_FILENAME);
+  const injectDest = path.join(uiDir, INJECT_FILENAME);
+  const version = getMyclawVersion();
+
+  console.log('[myclaw-patch] 📍 找到 control-ui: ' + uiDir);
+  console.log('[myclaw-patch] 📦 MyClaw 版本: v' + version);
+
+  // 1. 备份原始 index.html（仅首次）
+  if (!fs.existsSync(backupPath)) {
+    try {
+      fs.copyFileSync(indexPath, backupPath);
+      console.log('[myclaw-patch] 💾 已备份: ' + backupPath);
+    } catch (err) {
+      console.error('[myclaw-patch] ❌ 备份失败: ' + err.message);
+      return { success: false, reason: 'backup-failed' };
+    }
+  }
+
+  // 2. 复制注入脚本（替换版本号占位符）
+  try {
+    let injectCode = fs.readFileSync(injectSrc, 'utf8');
+    injectCode = injectCode.replace(/__MYCLAW_VERSION__/g, version);
+    fs.writeFileSync(injectDest, injectCode, 'utf8');
+    console.log('[myclaw-patch] 📄 注入脚本已复制: ' + injectDest);
+  } catch (err) {
+    console.error('[myclaw-patch] ❌ 复制注入脚本失败: ' + err.message);
+    return { success: false, reason: 'copy-failed' };
+  }
+
+  // 3. Patch index.html（幂等）
+  try {
+    let html = fs.readFileSync(indexPath, 'utf8');
+
+    // 先移除旧的注入（如果有）
+    const markerRegex = new RegExp(
+      INJECT_MARKER + '\\s*<script[^>]*' + INJECT_FILENAME + '[^>]*><\\/script>\\s*',
+      'g'
+    );
+    html = html.replace(markerRegex, '');
+
+    // 在 </body> 前注入
+    const injection = INJECT_MARKER + '\n<script src="./' + INJECT_FILENAME + '"></script>\n';
+    if (html.includes('</body>')) {
+      html = html.replace('</body>', injection + '</body>');
+    } else {
+      html += '\n' + injection;
+    }
+
+    fs.writeFileSync(indexPath, html, 'utf8');
+    console.log('[myclaw-patch] ✅ index.html 已注入');
+  } catch (err) {
+    console.error('[myclaw-patch] ❌ 注入 index.html 失败: ' + err.message);
+    return { success: false, reason: 'inject-failed' };
+  }
+
+  console.log('[myclaw-patch] 🎉 注入完成! 重启 Gateway 后生效');
+  return { success: true, uiDir: uiDir, version: version };
+}
+
+/**
+ * 回滚注入
+ */
+function unpatch() {
+  const uiDir = findControlUiDir();
+  if (!uiDir) {
+    console.log('[myclaw-patch] ❌ 未找到 OpenClaw control-ui 目录');
+    return { success: false };
+  }
+
+  const indexPath = path.join(uiDir, 'index.html');
+  const backupPath = indexPath + BACKUP_SUFFIX;
+  const injectDest = path.join(uiDir, INJECT_FILENAME);
+
+  // 恢复备份
+  if (fs.existsSync(backupPath)) {
+    fs.copyFileSync(backupPath, indexPath);
+    fs.unlinkSync(backupPath);
+    console.log('[myclaw-patch] ✅ index.html 已恢复');
+  }
+
+  // 删除注入脚本
+  if (fs.existsSync(injectDest)) {
+    fs.unlinkSync(injectDest);
+    console.log('[myclaw-patch] ✅ 注入脚本已删除');
+  }
+
+  console.log('[myclaw-patch] 🔄 回滚完成! 重启 Gateway 后生效');
+  return { success: true };
+}
+
+/**
+ * 检查注入状态
+ */
+function status() {
+  const uiDir = findControlUiDir();
+  if (!uiDir) {
+    return { installed: false, patched: false, message: 'OpenClaw control-ui 未找到' };
+  }
+
+  const indexPath = path.join(uiDir, 'index.html');
+  const backupPath = indexPath + BACKUP_SUFFIX;
+
+  try {
+    const html = fs.readFileSync(indexPath, 'utf8');
+    const patched = html.includes(INJECT_MARKER);
+    const hasBackup = fs.existsSync(backupPath);
+    return {
+      installed: true,
+      patched: patched,
+      hasBackup: hasBackup,
+      uiDir: uiDir,
+      message: patched ? '已注入' : '未注入',
+    };
+  } catch {
+    return { installed: true, patched: false, message: '无法读取 index.html' };
+  }
+}
+
+module.exports = { patch, unpatch, status, findControlUiDir };