@aiyiran/myclaw 1.0.255 → 1.0.257

package/assets/myclaw-artifacts.js

@@ -193,6 +193,19 @@
     var headerRight = document.createElement('span');
     headerRight.style.cssText = 'display:flex;align-items:center;gap:10px;';
 
+    // 展示间跳转（发布按钮左边）
+    var showcaseLink = document.createElement('a');
+    var _scEnv = detectEnvironment();
+    var _scClaw = _scEnv.remote ? _scEnv.clawName : (lastKnownClawName || '');
+    var _scWs = getWorkspaceId();
+    showcaseLink.href = 'https://www.yiranlaoshi.com/showcase?claw=' + _scClaw + '&workspace=' + _scWs;
+    showcaseLink.target = '_blank';
+    showcaseLink.textContent = '\uD83D\uDC41 \u9879\u76EE\u96C6';
+    showcaseLink.style.cssText = 'cursor:pointer;padding:2px 10px;border-radius:3px;font-size:12px;background:rgba(255,255,255,0.08);transition:background 0.15s;color:#cdd6f4;text-decoration:none;';
+    showcaseLink.onmouseenter = function () { showcaseLink.style.background = 'rgba(255,255,255,0.18)'; };
+    showcaseLink.onmouseleave = function () { showcaseLink.style.background = 'rgba(255,255,255,0.08)'; };
+    headerRight.appendChild(showcaseLink);
+
     var publishBtn = document.createElement('span');
     publishBtn.textContent = '\u53D1\u5E03';
     publishBtn.style.cssText = 'cursor:pointer;padding:2px 10px;border-radius:3px;font-size:12px;background:rgba(255,255,255,0.08);transition:background 0.15s;';
@@ -224,8 +237,35 @@
 
     content.innerHTML = '<div style="text-align:center;padding:32px;color:#888;">加载中...</div>';
 
+    // Fork 按钮底部栏
+    var panelFooter = document.createElement('div');
+    panelFooter.style.cssText = [
+      'padding: 8px 10px',
+      'background: #252536',
+      'border-top: 1px solid #3d3d5c',
+      'flex-shrink: 0',
+    ].join(';');
+    var forkPanelBtn = document.createElement('div');
+    forkPanelBtn.textContent = '\uD83D\uDD00 fork\u4ED6\u4EBA\u4F5C\u54C1';
+    forkPanelBtn.style.cssText = [
+      'cursor: pointer',
+      'padding: 6px 10px',
+      'border-radius: 4px',
+      'font-size: 12px',
+      'font-family: monospace',
+      'color: #cdd6f4',
+      'background: rgba(255,255,255,0.06)',
+      'text-align: center',
+      'transition: background 0.15s',
+    ].join(';');
+    forkPanelBtn.onmouseenter = function () { forkPanelBtn.style.background = 'rgba(255,255,255,0.14)'; };
+    forkPanelBtn.onmouseleave = function () { forkPanelBtn.style.background = 'rgba(255,255,255,0.06)'; };
+    forkPanelBtn.onclick = function () { openForkModal(); };
+    panelFooter.appendChild(forkPanelBtn);
+
     panel.appendChild(header);
     panel.appendChild(content);
+    panel.appendChild(panelFooter);
     document.body.appendChild(panel);
 
     // 立即拉一次，后续由轮询更新
@@ -418,6 +458,26 @@
         fname.appendChild(badge);
       }
 
+      // 复制相对路径按钮
+      var copyPathBtn = document.createElement('span');
+      copyPathBtn.textContent = '[复制]';
+      copyPathBtn.style.cssText = 'color:#6c6caa;font-size:10px;font-weight:bold;flex-shrink:0;cursor:pointer;transition:color 0.15s;';
+      copyPathBtn.onmouseenter = function () { copyPathBtn.style.color = '#a78bfa'; };
+      copyPathBtn.onmouseleave = function () { copyPathBtn.style.color = '#6c6caa'; };
+      copyPathBtn.onclick = function (e) {
+        e.stopPropagation();
+        var relativePath = getWorkspaceId() + '/' + (asset.path || '');
+        navigator.clipboard.writeText(relativePath).then(function () {
+          copyPathBtn.textContent = '[已复制]';
+          copyPathBtn.style.color = '#10b981';
+          setTimeout(function () {
+            copyPathBtn.textContent = '[复制]';
+            copyPathBtn.style.color = '#6c6caa';
+          }, 1500);
+        });
+      };
+      fname.appendChild(copyPathBtn);
+
       fname.appendChild(nameSpan);
 
       row.appendChild(time);
@@ -848,6 +908,16 @@
       'animation: myclaw-success-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)',
     ].join(';');
 
+    // 右上角关闭按钮
+    var successCloseX = document.createElement('span');
+    successCloseX.textContent = '\u2715';
+    successCloseX.style.cssText = 'position:absolute;top:12px;right:14px;cursor:pointer;font-size:16px;color:#888;padding:4px 6px;border-radius:3px;transition:background 0.15s;z-index:1;';
+    successCloseX.onmouseenter = function () { successCloseX.style.background = 'rgba(255,255,255,0.1)'; successCloseX.style.color = '#cdd6f4'; };
+    successCloseX.onmouseleave = function () { successCloseX.style.background = 'none'; successCloseX.style.color = '#888'; };
+    successCloseX.onclick = function () { var m = document.querySelector('#myclaw-publish-success'); if (m) m.remove(); };
+    box.style.position = 'relative';
+    box.appendChild(successCloseX);
+
     // 头部：庆祝动画区
     var hero = document.createElement('div');
     hero.style.cssText = [
@@ -986,15 +1056,10 @@
       var qrSection = document.createElement('div');
       qrSection.style.cssText = 'display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px;';
 
-      var qrCanvas = document.createElement('canvas');
-      qrCanvas.style.cssText = 'width:140px;height:140px;border-radius:6px;';
-      try {
-        generateQR(qrCanvas, data.permanent_url, 280);
-      } catch (e) {
-        console.warn('[myclaw-artifacts] QR generate error:', e);
-        qrCanvas.style.display = 'none';
-      }
-      qrSection.appendChild(qrCanvas);
+      var qrDiv = document.createElement('div');
+      qrDiv.style.cssText = 'width:140px;height:140px;border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;';
+      loadAndGenerateQR(qrDiv, data.permanent_url, 140);
+      qrSection.appendChild(qrDiv);
 
       var qrHint = document.createElement('div');
       qrHint.style.cssText = 'font-size:11px;color:#888;font-family:monospace;';
@@ -1035,7 +1100,7 @@
     footer.appendChild(showcaseBtn);
 
     var closeSuccessBtn = document.createElement('button');
-    closeSuccessBtn.textContent = '\u5F00\u5FC3\uFF01';
+    closeSuccessBtn.textContent = '\u6211\u8981\u518D\u6539\u6539\uFF01';
     closeSuccessBtn.style.cssText = [
       'padding: 10px 40px',
       'background: #4a4a7a',
@@ -1074,8 +1139,38 @@
     return row;
   }
 
-  // ═══ 轻量 QR 码生成（纯 JS，无依赖） ═══
-  // 基于 qrcode-generator (MIT) 的核心算法精简版
+  // ═══ QR 码生成（qrcodejs，按需从 CDN 加载） ═══
+  function loadAndGenerateQR(container, text, size) {
+    function doGenerate() {
+      try {
+        new window.QRCode(container, {
+          text: text,
+          width: size,
+          height: size,
+          colorDark: '#000000',
+          colorLight: '#ffffff',
+          correctLevel: window.QRCode.CorrectLevel.M,
+        });
+      } catch (e) {
+        console.warn('[myclaw-artifacts] QR generate error:', e);
+        container.style.display = 'none';
+      }
+    }
+    if (window.QRCode) {
+      doGenerate();
+      return;
+    }
+    var script = document.createElement('script');
+    script.src = 'https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js';
+    script.onload = function () { doGenerate(); };
+    script.onerror = function () {
+      console.warn('[myclaw-artifacts] Failed to load qrcodejs');
+      container.style.display = 'none';
+    };
+    document.head.appendChild(script);
+  }
+
+  // 以下为废弃的旧版手写 QR 实现（已不使用，保留以备回滚）
   function generateQR(canvas, text, size) {
     // 使用 Google Charts API 的轻量替代：用 img 加载 QR 码
     // 但为了避免外部依赖，这里使用内嵌的极简 QR 生成
@@ -1437,6 +1532,179 @@
     if (modal) modal.remove();
   }
 
+  // ═══ Fork 他人作品弹框 ═══
+  function openForkModal() {
+    if (document.querySelector('#myclaw-fork-modal')) return;
+
+    var overlay = document.createElement('div');
+    overlay.id = 'myclaw-fork-modal';
+    overlay.style.cssText = [
+      'position: fixed',
+      'top: 0',
+      'left: 0',
+      'width: 100vw',
+      'height: 100vh',
+      'background: rgba(0, 0, 0, 0.4)',
+      'z-index: 99999',
+      'display: flex',
+      'align-items: center',
+      'justify-content: center',
+      'animation: myclaw-fade-in 0.15s ease',
+    ].join(';');
+    overlay.onclick = function (e) { if (e.target === overlay) closeForkModal(); };
+
+    var box = document.createElement('div');
+    box.style.cssText = [
+      'width: 480px',
+      'background: #1e1e2e',
+      'border-radius: 8px',
+      'overflow: hidden',
+      'display: flex',
+      'flex-direction: column',
+      'box-shadow: 0 8px 32px rgba(0,0,0,0.5)',
+    ].join(';');
+
+    // 标题栏
+    var forkHeader = document.createElement('div');
+    forkHeader.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',
+      'flex-shrink: 0',
+    ].join(';');
+    forkHeader.innerHTML = '<span>\uD83D\uDD00 Fork \u4ED6\u4EBA\u4F5C\u54C1</span>';
+    var forkCloseBtn = document.createElement('span');
+    forkCloseBtn.textContent = '\u2715';
+    forkCloseBtn.style.cssText = 'cursor:pointer;padding:2px 6px;border-radius:3px;font-size:14px;transition:background 0.15s;';
+    forkCloseBtn.onmouseenter = function () { forkCloseBtn.style.background = 'rgba(255,255,255,0.1)'; };
+    forkCloseBtn.onmouseleave = function () { forkCloseBtn.style.background = 'none'; };
+    forkCloseBtn.onclick = function () { closeForkModal(); };
+    forkHeader.appendChild(forkCloseBtn);
+
+    // 表单
+    var forkForm = document.createElement('div');
+    forkForm.style.cssText = 'padding: 20px;display:flex;flex-direction:column;gap:10px;color:#cdd6f4;font-family:monospace;font-size:13px;';
+
+    var urlLabel = document.createElement('label');
+    urlLabel.textContent = '\u4F5C\u54C1 URL';
+    urlLabel.style.cssText = 'font-size:12px;color:#888;';
+
+    var urlInput = document.createElement('input');
+    urlInput.type = 'text';
+    urlInput.placeholder = 'https://cdn.yiranlaoshi.com/...';
+    urlInput.style.cssText = [
+      'padding: 8px 10px',
+      'background: #252536',
+      'border: 1px solid #3d3d5c',
+      'border-radius: 4px',
+      'color: #cdd6f4',
+      'font-size: 13px',
+      'font-family: monospace',
+      'outline: none',
+    ].join(';');
+    urlInput.onfocus = function () { urlInput.style.borderColor = '#6c6caa'; };
+    urlInput.onblur = function () { urlInput.style.borderColor = errVisible ? '#ff4444' : '#3d3d5c'; };
+
+    var errVisible = false;
+    var errMsg = document.createElement('div');
+    errMsg.style.cssText = 'font-size:12px;color:#ff4444;display:none;';
+    errMsg.textContent = '\u8BF7\u8F93\u5165\u5B8C\u6574\u7684 URL\uFF08\u9700\u4EE5 http:// \u6216 https:// \u5F00\u5934\uFF09';
+
+    forkForm.appendChild(urlLabel);
+    forkForm.appendChild(urlInput);
+    forkForm.appendChild(errMsg);
+
+    // 确认按钮
+    var forkSubmitBtn = document.createElement('button');
+    forkSubmitBtn.textContent = '\u786E\u8BA4 Fork';
+    forkSubmitBtn.style.cssText = [
+      'margin: 0 20px 20px',
+      'padding: 10px',
+      'background: #4a4a7a',
+      'border: none',
+      'border-radius: 4px',
+      'color: #cdd6f4',
+      'font-size: 13px',
+      'font-family: monospace',
+      'cursor: pointer',
+      'transition: background 0.15s',
+    ].join(';');
+    forkSubmitBtn.onmouseenter = function () { if (!forkSubmitBtn.disabled) forkSubmitBtn.style.background = '#5a5a9a'; };
+    forkSubmitBtn.onmouseleave = function () { if (!forkSubmitBtn.disabled) forkSubmitBtn.style.background = '#4a4a7a'; };
+
+    forkSubmitBtn.onclick = function () {
+      var url = urlInput.value.trim();
+
+      // 校验 URL 完整性
+      var valid = false;
+      try {
+        var parsed = new URL(url);
+        valid = parsed.protocol === 'http:' || parsed.protocol === 'https:';
+      } catch (e) { valid = false; }
+
+      if (!valid) {
+        urlInput.style.borderColor = '#ff4444';
+        errMsg.style.display = 'block';
+        errVisible = true;
+        return;
+      }
+      urlInput.style.borderColor = '#3d3d5c';
+      errMsg.style.display = 'none';
+      errVisible = false;
+
+      forkSubmitBtn.disabled = true;
+      forkSubmitBtn.textContent = '\u23F3 \u7B49\u5F85\u4E2D...';
+      forkSubmitBtn.style.background = '#3a3a5a';
+      forkSubmitBtn.style.cursor = 'default';
+      urlInput.disabled = true;
+
+      fetch('https://claw.kekouen.cn/sync', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ url: url }),
+      })
+        .then(function (res) {
+          if (!res.ok) throw new Error('HTTP ' + res.status);
+          return res.json();
+        })
+        .then(function () {
+          forkSubmitBtn.textContent = '\u2705 Fork \u6210\u529F\uFF01';
+          forkSubmitBtn.style.background = '#10b981';
+          setTimeout(function () { closeForkModal(); }, 2000);
+        })
+        .catch(function (err) {
+          console.error('[myclaw-fork]', err);
+          forkSubmitBtn.disabled = false;
+          urlInput.disabled = false;
+          forkSubmitBtn.textContent = '\u274C \u8BF7\u6C42\u5931\u8D25\uFF0C\u70B9\u51FB\u91CD\u8BD5';
+          forkSubmitBtn.style.background = '#7a2a2a';
+          forkSubmitBtn.style.cursor = 'pointer';
+          setTimeout(function () {
+            forkSubmitBtn.textContent = '\u786E\u8BA4 Fork';
+            forkSubmitBtn.style.background = '#4a4a7a';
+          }, 2500);
+        });
+    };
+
+    box.appendChild(forkHeader);
+    box.appendChild(forkForm);
+    box.appendChild(forkSubmitBtn);
+    overlay.appendChild(box);
+    document.body.appendChild(overlay);
+    urlInput.focus();
+  }
+
+  function closeForkModal() {
+    var modal = document.querySelector('#myclaw-fork-modal');
+    if (modal) modal.remove();
+  }
+
   // ═══ 注入样式 ═══
   function injectStyles() {
     if (document.querySelector('#myclaw-artifacts-styles')) return;

package/index.js

@@ -334,6 +334,10 @@ function runNew() {
     console.log(colors.dim + '如果唤醒失败，可手动发送命令:' + NC);
     console.log('  ' + Y + 'openclaw agent --agent ' + agentId + ' --message "你好"' + NC);
     console.log('');
+
+    // 在桌面创建/覆盖浏览器快捷图标
+    createDesktopShortcut('http://127.0.0.1:18789?token=' + TOKEN);
+
     process.exit(0);
   }
 }
@@ -813,6 +817,50 @@ function runOpen() {
   console.log('');
 }
 
+// ============================================================================
+// 桌面快捷方式（浏览器入口图标）
+// ============================================================================
+
+function createDesktopShortcut(url) {
+  const fs = require('fs');
+  const platform = os.platform();
+  const desktopPath = path.join(os.homedir(), 'Desktop');
+
+  if (!fs.existsSync(desktopPath)) {
+    console.log('[shortcut] ⚠ 未找到桌面目录，跳过');
+    return;
+  }
+
+  if (platform === 'darwin') {
+    // macOS: .webloc 文件，双击用默认浏览器打开
+    const webloc = path.join(desktopPath, 'OpenClaw.webloc');
+    const content = `<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+  <key>URL</key>
+  <string>${url}</string>
+</dict>
+</plist>`;
+    fs.writeFileSync(webloc, content, 'utf8');
+    console.log('[shortcut] ✅ 桌面快捷方式已更新: OpenClaw.webloc');
+  } else if (platform === 'linux') {
+    // Linux / WSL: .desktop 文件
+    const desktop = path.join(desktopPath, 'OpenClaw.desktop');
+    const content = `[Desktop Entry]
+Type=Link
+Name=OpenClaw
+URL=${url}
+Icon=text-html
+`;
+    fs.writeFileSync(desktop, content, 'utf8');
+    try { execSync('chmod +x "' + desktop + '"', { stdio: 'pipe' }); } catch {}
+    console.log('[shortcut] ✅ 桌面快捷方式已更新: OpenClaw.desktop');
+  } else {
+    console.log('[shortcut] ⚠ Windows 请使用 mc bat 创建桌面快捷方式');
+  }
+}
+
 // ============================================================================
 // Patch / Unpatch / Restart
 // ============================================================================
@@ -1215,7 +1263,9 @@ function showMachineMenu() {
       console.log(colors.green + '  → 已选择: ' + selected.name + ' (' + selected.claw + ')' + colors.nc);
       console.log('  ' + colors.dim + '→ 正在用 Chrome 打开...' + colors.nc);
       const { execSync } = require('child_process');
-      execSync('open -a "Google Chrome" "https://' + selected.claw + '.kekouen.cn?token=aiyiran"', { stdio: 'ignore' });
+      const machineUrl = 'https://' + selected.claw + '.kekouen.cn?token=aiyiran';
+      execSync('open -a "Google Chrome" "' + machineUrl + '"', { stdio: 'ignore' });
+      createDesktopShortcut(machineUrl);
     } else {
       console.log('[' + colors.red + '错误' + colors.nc + '] 无效选择');
     }

package/package.json

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