@aiyiran/myclaw 1.0.224 → 1.0.226

package/assets/myclaw-artifacts.js

@@ -62,7 +62,7 @@
     btn.id = 'myclaw-artifacts-btn';
     btn.style.cssText = [
       'position: fixed',
-      'top: 370px',
+      'top: 200px',
       '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: 400px',
+      'top: 230px',
       'right: 0',
       'width: 380px',
-      'max-height: calc(100vh - 420px)',
+      'max-height: calc(100vh - 250px)',
       'background: #1e1e2e',
       'border-radius: 8px 0 0 8px',
       'overflow: hidden',
@@ -258,18 +258,16 @@
       return tb.localeCompare(ta);
     });
 
-    var topUpdatedAt = data.updated_at || '';
-
     sorted.forEach(function (asset, idx) {
-      // 判断是否为最新（asset 的 updated_at 与顶层一致）
-      var isLatest = topUpdatedAt && asset.updated_at === topUpdatedAt;
-      var latestSeenKey = 'myclaw-artifacts-latest-seen-' + (asset.id || asset.path);
-      var isLatestSeen = localStorage.getItem(latestSeenKey);
-
-      // 判断是否有更新（created_at !== updated_at）
-      var isUpdated = asset.created_at && asset.updated_at && asset.created_at !== asset.updated_at;
-      var updateSeenKey = 'myclaw-artifacts-update-seen-' + (asset.id || asset.path);
-      var isUpdateSeen = localStorage.getItem(updateSeenKey);
+      // 状态判断：基于 last_open 时间戳
+      // - 无 last_open → [最新]（从未点开过）
+      // - updated_at > last_open → [有更新]（更新了但没看过）
+      var assetKey = asset.id || asset.path;
+      var lastOpenKey = 'myclaw-artifacts-last-open-' + assetKey;
+      var lastOpen = localStorage.getItem(lastOpenKey); // ISO string or null
+      var assetUpdated = asset.updated_at || '';
+      var isLatest = !lastOpen;
+      var isUpdated = lastOpen && assetUpdated && new Date(assetUpdated) > new Date(lastOpen);
 
       var row = document.createElement('div');
       row.style.cssText = [
@@ -283,12 +281,20 @@
       row.onmouseenter = function () { row.style.background = '#2d2d3f'; };
       row.onmouseleave = function () { row.style.background = 'transparent'; };
       row.onclick = function () {
-        if (isLatest && !isLatestSeen) localStorage.setItem(latestSeenKey, '1');
-        if (isUpdated && !isUpdateSeen) localStorage.setItem(updateSeenKey, '1');
+        // 记录点开时间
+        localStorage.setItem(lastOpenKey, new Date().toISOString());
+        // 复制文件名到剪贴板
+        var fileName = pathParts[pathParts.length - 1] || asset.name || '未命名';
+        navigator.clipboard.writeText(fileName).then(function () {
+          var orig = nameSpan.textContent;
+          nameSpan.textContent = '✓ 已复制';
+          nameSpan.style.color = '#10b981';
+          setTimeout(function () {
+            nameSpan.textContent = orig;
+            nameSpan.style.color = '';
+          }, 800);
+        });
         openPreviewModal(data, asset);
-        if (asset.type === 'html') {
-          window.open(buildPreviewUrl(data, asset.path), '_blank');
-        }
       };
 
       // 更新时间
@@ -311,13 +317,12 @@
       var nameSpan = document.createElement('span');
       nameSpan.textContent = pathParts[pathParts.length - 1] || asset.name || '未命名';
       nameSpan.title = asset.path || '';
-      // [最新] 优先于 [有更新]
-      if (isLatest && !isLatestSeen) {
+      if (isLatest) {
         var badge = document.createElement('span');
         badge.style.cssText = 'color:#ff4444;font-size:10px;font-weight:bold;flex-shrink:0;';
         badge.textContent = '[最新]';
         fname.appendChild(badge);
-      } else if (isUpdated && !isUpdateSeen) {
+      } else if (isUpdated) {
         var badge = document.createElement('span');
         badge.style.cssText = 'color:#10b981;font-size:10px;font-weight:bold;flex-shrink:0;';
         badge.textContent = '[有更新]';
@@ -380,17 +385,36 @@
     ].join(';');
     header.innerHTML = '<span>\uD83C\uDFA8 ' + (asset.name || '预览') + '</span>';
 
+    var headerRight = document.createElement('span');
+    headerRight.style.cssText = 'display:flex;align-items:center;gap:10px;';
+
+    var openBtn = document.createElement('span');
+    openBtn.textContent = '\u5728\u65B0\u9875\u9762\u6253\u5F00';
+    openBtn.style.cssText = 'cursor:pointer;padding:4px 10px;border-radius:4px;font-size:12px;background:rgba(255,255,255,0.08);transition:background 0.15s;';
+    openBtn.onmouseenter = function () { openBtn.style.background = 'rgba(255,255,255,0.18)'; };
+    openBtn.onmouseleave = function () { openBtn.style.background = 'rgba(255,255,255,0.08)'; };
+    var previewUrl = buildPreviewUrl(data, asset.path);
+    openBtn.onclick = function () {
+      window.open(previewUrl, '_blank');
+      navigator.clipboard.writeText(previewUrl).then(function () {
+        openBtn.textContent = '\u2713 \u5DF2\u590D\u5236';
+        setTimeout(function () { openBtn.textContent = '\u5728\u65B0\u9875\u9762\u6253\u5F00'; }, 1500);
+      });
+    };
+    headerRight.appendChild(openBtn);
+
     var closeBtn = document.createElement('span');
     closeBtn.textContent = '\u2715';
     closeBtn.style.cssText = 'cursor:pointer;padding:4px 10px;border-radius:4px;font-size:18px;font-weight:bold;transition:background 0.15s;';
     closeBtn.onmouseenter = function () { closeBtn.style.background = 'rgba(255,255,255,0.15)'; };
     closeBtn.onmouseleave = function () { closeBtn.style.background = 'none'; };
     closeBtn.onclick = function () { closePreviewModal(); };
-    header.appendChild(closeBtn);
+    headerRight.appendChild(closeBtn);
+    header.appendChild(headerRight);
 
     // iframe
     var iframe = document.createElement('iframe');
-    iframe.src = buildPreviewUrl(data, asset.path);
+    iframe.src = buildPreviewUrl(data, asset.path) + '?t=' + Date.now();
     iframe.style.cssText = [
       'flex: 1',
       'width: 100%',
@@ -419,6 +443,10 @@
     console.log('[myclaw-artifacts-publish] html assets:', cachedData.assets.filter(function (a) { return a.type && a.type.toLowerCase() === 'html'; }));
     console.log('[myclaw-artifacts-publish] image assets:', cachedData.assets.filter(function (a) { return a.type && a.type.toLowerCase() === 'image'; }));
 
+    // 读取上次发布缓存
+    var savedForm = {};
+    try { savedForm = JSON.parse(localStorage.getItem('myclaw-publish-cache')) || {}; } catch (e) {}
+
     var overlay = document.createElement('div');
     overlay.id = 'myclaw-artifacts-publish-modal';
     overlay.style.cssText = [
@@ -483,7 +511,7 @@
     var titleInput = document.createElement('input');
     titleInput.type = 'text';
     titleInput.placeholder = '\u8F93\u5165\u5C55\u793A\u6807\u9898';
-    titleInput.value = cachedData.title || '';
+    titleInput.value = savedForm.title || cachedData.title || '';
     titleInput.style.cssText = 'padding:8px 10px;background:#252536;border:1px solid #3d3d5c;border-radius:4px;color:#cdd6f4;font-size:13px;font-family:monospace;outline:none;';
     titleInput.onfocus = function () { titleInput.style.borderColor = '#6c6caa'; };
     titleInput.onblur = function () { titleInput.style.borderColor = '#3d3d5c'; };
@@ -527,6 +555,14 @@
       }
     };
     coverRow.appendChild(coverSelect);
+    // 恢复缓存选中
+    if (savedForm.cover_path) {
+      coverSelect.value = savedForm.cover_path;
+      if (coverSelect.value) {
+        coverPreview.src = buildPreviewUrl(cachedData, coverSelect.value);
+        coverPreview.style.display = 'block';
+      }
+    }
     coverRow.appendChild(coverPreview);
     coverGroup.appendChild(coverLabel);
     coverGroup.appendChild(coverRow);
@@ -555,6 +591,10 @@
     });
     entryGroup.appendChild(entryLabel);
     entryGroup.appendChild(entrySelect);
+    // 恢复缓存选中
+    if (savedForm.entry_path) {
+      entrySelect.value = savedForm.entry_path;
+    }
     form.appendChild(entryGroup);
 
     // 确认发布按钮
@@ -589,6 +629,11 @@
         .then(function (res) { return res.json(); })
         .then(function (data) {
           console.log('[myclaw-artifacts-publish]', payload, data);
+          localStorage.setItem('myclaw-publish-cache', JSON.stringify({
+            title: titleVal,
+            cover_path: coverSelect.value || '',
+            entry_path: entrySelect.value || '',
+          }));
           closePublishModal();
         })
         .catch(function (err) {

package/package.json

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