@aiyiran/myclaw 1.0.256 → 1.0.257

package/assets/myclaw-artifacts.js

@@ -237,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);
 
     // 立即拉一次，后续由轮询更新
@@ -1505,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/package.json

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