@aiyiran/myclaw 1.0.228 → 1.0.230

package/assets/myclaw-artifacts.js

@@ -62,7 +62,7 @@
     btn.id = 'myclaw-artifacts-btn';
     btn.style.cssText = [
       'position: fixed',
-      'top: 200px',
+      'top: 0px',
       'right: 0',
       'padding: 3px 10px',
       'background: rgba(100, 100, 100, 0.7)',
@@ -107,10 +107,10 @@
     panel.id = 'myclaw-artifacts-panel';
     panel.style.cssText = [
       'position: fixed',
-      'top: 230px',
+      'top: 30px',
       'right: 0',
       'width: 380px',
-      'max-height: calc(100vh - 250px)',
+      'max-height: calc(100vh - 550px)',
       'background: #1e1e2e',
       'border-radius: 8px 0 0 8px',
       'overflow: hidden',
@@ -630,7 +630,7 @@
         .then(function (result) {
           console.log('[myclaw-artifacts-publish]', payload, result);
           if (result.code !== 0) {
-            throw new Error(result.msg || '发布失败');
+            throw new Error(result.msg || '\u53D1\u5E03\u5931\u8D25');
           }
           localStorage.setItem('myclaw-publish-cache', JSON.stringify({
             title: titleVal,

package/assets/myclaw-inject.js

@@ -581,11 +581,273 @@
     console.log("[myclaw-send] 📋 已复制（fallback）");
   }
 
+  // ═══ 7. Socket.IO 命令工具 ═══
+
+  var cmdSocket = null;
+  var cmdSocketReady = false;
+
+  function ensureSocketIO(callback) {
+    if (cmdSocketReady) { callback(); return; }
+    if (window.io) { connectCmdSocket(callback); return; }
+
+    var s = document.createElement("script");
+    s.src = window.location.origin + "/cmd/socket.io/socket.io.js";
+    s.onload = function () { connectCmdSocket(callback); };
+    s.onerror = function () { console.error("[myclaw-cmd] socket.io-client 加载失败"); };
+    document.head.appendChild(s);
+  }
+
+  function connectCmdSocket(callback) {
+    if (cmdSocket) { cmdSocketReady = true; callback(); return; }
+    cmdSocket = window.io("/cmd", { path: "/cmd/socket.io/", transports: ["websocket", "polling"] });
+    cmdSocket.on("connect", function () {
+      cmdSocketReady = true;
+      console.log("[myclaw-cmd] Socket.IO 已连接, sid=" + cmdSocket.id);
+      callback();
+    });
+    cmdSocket.on("disconnect", function () {
+      cmdSocketReady = false;
+      console.log("[myclaw-cmd] Socket.IO 已断开");
+    });
+  }
+
+  function runCommand(cmd) {
+    ensureSocketIO(function () {
+      cmdSocket.emit("run_command", { cmd: cmd, runId: Date.now() });
+      console.log("[myclaw-cmd] 已发送: " + cmd);
+    });
+  }
+
+  // ═══ 8. 右下角"命令"按钮 ═══
+
+  var commandOpen = false;
+
+  function createCommandButton() {
+    if (document.querySelector("#myclaw-command-btn")) return;
+
+    var btn = document.createElement("div");
+    btn.id = "myclaw-command-btn";
+    btn.style.cssText = [
+      "position: fixed",
+      "bottom: 8px",
+      "right: 260px",
+      "padding: 3px 10px",
+      "background: rgba(16, 185, 129, 0.85)",
+      "color: #fff",
+      "font-size: 11px",
+      "font-weight: bold",
+      "font-family: monospace",
+      "border-radius: 4px",
+      "z-index: 99999",
+      "user-select: none",
+      "cursor: pointer",
+      "transition: all 0.2s",
+      "letter-spacing: 0.5px",
+    ].join(";");
+    btn.textContent = "\u2795 \u547D\u4EE4";
+    btn.title = "\u5FEB\u6377\u547D\u4EE4";
+
+    btn.onmouseenter = function () { btn.style.background = "rgba(5, 150, 105, 1)"; btn.style.transform = "scale(1.05)"; };
+    btn.onmouseleave = function () { if (!commandOpen) { btn.style.background = "rgba(16, 185, 129, 0.85)"; } btn.style.transform = "scale(1)"; };
+    btn.onclick = function (e) {
+      e.stopPropagation();
+      if (commandOpen) {
+        closeCommandModal();
+      } else {
+        openCommandModal();
+      }
+    };
+
+    document.body.appendChild(btn);
+  }
+
+  function openCommandModal() {
+    if (document.querySelector("#myclaw-command-modal")) return;
+    commandOpen = true;
+
+    var btn = document.querySelector("#myclaw-command-btn");
+    if (btn) btn.style.background = "rgba(5, 150, 105, 1)";
+
+    // 遮罩
+    var overlay = document.createElement("div");
+    overlay.id = "myclaw-command-modal";
+    overlay.style.cssText = [
+      "position: fixed",
+      "top: 0",
+      "left: 0",
+      "width: 100vw",
+      "height: 100vh",
+      "background: rgba(0, 0, 0, 0.4)",
+      "z-index: 99998",
+      "display: flex",
+      "align-items: center",
+      "justify-content: center",
+      "animation: myclaw-fade-in 0.15s ease",
+    ].join(";");
+
+    var box = document.createElement("div");
+    box.style.cssText = [
+      "width: 400px",
+      "background: #1e1e2e",
+      "border-radius: 8px",
+      "overflow: hidden",
+      "box-shadow: 0 8px 32px rgba(0,0,0,0.5)",
+    ].join(";");
+
+    // 标题栏
+    var header = document.createElement("div");
+    header.style.cssText = [
+      "display: flex",
+      "align-items: center",
+      "justify-content: space-between",
+      "padding: 10px 14px",
+      "background: #2d2d3f",
+      "color: #cdd6f4",
+      "font-size: 13px",
+      "font-family: monospace",
+      "user-select: none",
+    ].join(";");
+    header.innerHTML = '<span>\u2795 \u547D\u4EE4</span>';
+
+    var closeBtn = document.createElement("span");
+    closeBtn.textContent = "\u2715";
+    closeBtn.style.cssText = "cursor:pointer;padding:2px 6px;border-radius:3px;font-size:14px;transition:background 0.15s;";
+    closeBtn.onmouseenter = function () { closeBtn.style.background = "rgba(255,255,255,0.1)"; };
+    closeBtn.onmouseleave = function () { closeBtn.style.background = "none"; };
+    closeBtn.onclick = function () { closeCommandModal(); };
+    header.appendChild(closeBtn);
+
+    // 内容区
+    var form = document.createElement("div");
+    form.style.cssText = "padding: 20px;display:flex;flex-direction:column;gap:14px;color:#cdd6f4;font-family:monospace;font-size:13px;";
+
+    // 添加对话
+    var addGroup = document.createElement("div");
+    addGroup.style.cssText = "display:flex;flex-direction:column;gap:6px;";
+
+    var addLabel = document.createElement("div");
+    addLabel.textContent = "\u6DFB\u52A0\u5BF9\u8BDD";
+    addLabel.style.cssText = "font-size:13px;font-weight:bold;color:#10b981;";
+    addGroup.appendChild(addLabel);
+
+    var addDesc = document.createElement("div");
+    addDesc.textContent = "\u8F93\u5165 agent-name\uFF0C\u70B9\u51FB\u6267\u884C mc tui <name>";
+    addDesc.style.cssText = "font-size:11px;color:#888;";
+    addGroup.appendChild(addDesc);
+
+    var addRow = document.createElement("div");
+    addRow.style.cssText = "display:flex;gap:8px;";
+
+    var agentInput = document.createElement("input");
+    agentInput.type = "text";
+    agentInput.placeholder = "agent-name";
+    agentInput.style.cssText = "flex:1;padding:8px 10px;background:#252536;border:1px solid #3d3d5c;border-radius:4px;color:#cdd6f4;font-size:13px;font-family:monospace;outline:none;";
+    agentInput.onfocus = function () { agentInput.style.borderColor = "#10b981"; };
+    agentInput.onblur = function () { agentInput.style.borderColor = "#3d3d5c"; };
+
+    var addBtn = document.createElement("button");
+    addBtn.textContent = "\u6DFB\u52A0\u5BF9\u8BDD";
+    addBtn.style.cssText = "padding:8px 16px;background:#10b981;border:none;border-radius:4px;color:#fff;font-size:12px;font-family:monospace;cursor:pointer;transition:background 0.15s;white-space:nowrap;";
+    addBtn.onmouseenter = function () { addBtn.style.background = "#059669"; };
+    addBtn.onmouseleave = function () { addBtn.style.background = "#10b981"; };
+    addBtn.onclick = function () {
+      var val = agentInput.value.trim();
+      if (!val) {
+        agentInput.style.borderColor = "#ff4444";
+        agentInput.focus();
+        return;
+      }
+      // 只允许字母、数字、连字符
+      if (!/^[a-zA-Z0-9\-]+$/.test(val)) {
+        agentInput.style.borderColor = "#ff4444";
+        agentInput.focus();
+        return;
+      }
+      addBtn.disabled = true;
+      addBtn.textContent = "\u6267\u884C\u4E2D...";
+      runCommand("mc tui " + val);
+      setTimeout(function () {
+        addBtn.disabled = false;
+        addBtn.textContent = "\u6DFB\u52A0\u5BF9\u8BDD";
+        agentInput.value = "";
+      }, 1000);
+    };
+
+    // 回车也触发
+    agentInput.onkeydown = function (e) {
+      if (e.key === "Enter") { addBtn.click(); }
+    };
+
+    addRow.appendChild(agentInput);
+    addRow.appendChild(addBtn);
+    addGroup.appendChild(addRow);
+    form.appendChild(addGroup);
+
+    // ── 快捷命令按钮 ──
+    var quickGroup = document.createElement("div");
+    quickGroup.style.cssText = "display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px solid #3d3d5c;";
+
+    var quickLabel = document.createElement("div");
+    quickLabel.textContent = "\u5FEB\u6377\u547D\u4EE4";
+    quickLabel.style.cssText = "font-size:13px;font-weight:bold;color:#f59e0b;";
+    quickGroup.appendChild(quickLabel);
+
+    var quickRow = document.createElement("div");
+    quickRow.style.cssText = "display:flex;gap:8px;flex-wrap:wrap;";
+
+    function makeQuickBtn(label, cmd, color) {
+      var b = document.createElement("button");
+      b.textContent = label;
+      b.style.cssText = "padding:8px 14px;background:" + color + ";border:none;border-radius:4px;color:#fff;font-size:12px;font-family:monospace;cursor:pointer;transition:opacity 0.15s;white-space:nowrap;";
+      b.onmouseenter = function () { b.style.opacity = "0.8"; };
+      b.onmouseleave = function () { b.style.opacity = "1"; };
+      b.onclick = function () {
+        b.disabled = true;
+        b.textContent = "\u6267\u884C\u4E2D...";
+        runCommand(cmd);
+        setTimeout(function () {
+          b.disabled = false;
+          b.textContent = label;
+        }, 2000);
+      };
+      return b;
+    }
+
+    quickRow.appendChild(makeQuickBtn("\u516D\u53F7\u5347\u7EA7", "mc up", "#8b5cf6"));
+    quickRow.appendChild(makeQuickBtn("\u4E8C\u53F7\u91CD\u542F", "mc restart", "#ef4444"));
+    quickRow.appendChild(makeQuickBtn("\u4E09\u53F7\u65B0\u4F19\u4F34", "mc tui", "#3b82f6"));
+    quickGroup.appendChild(quickRow);
+    form.appendChild(quickGroup);
+
+    box.appendChild(header);
+    box.appendChild(form);
+    overlay.appendChild(box);
+
+    overlay.onclick = function (e) {
+      if (e.target === overlay) closeCommandModal();
+    };
+
+    document.body.appendChild(overlay);
+
+    // 自动聚焦
+    setTimeout(function () { agentInput.focus(); }, 100);
+  }
+
+  function closeCommandModal() {
+    var modal = document.querySelector("#myclaw-command-modal");
+    if (modal) modal.remove();
+    commandOpen = false;
+
+    var btn = document.querySelector("#myclaw-command-btn");
+    if (btn) btn.style.background = "rgba(16, 185, 129, 0.85)";
+  }
+
   // ═══ 启动 ═══
   function init() {
     createVersionBar();
     createDocButton();
     createCmdButton();
+    createCommandButton();
     injectStyles();
 
     // 初始化 VoiceInput SDK

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiyiran/myclaw",
-  "version": "1.0.228",
+  "version": "1.0.230",
   "description": "",
   "main": "index.js",
   "bin": {