@zhangfengshun/dsh-remote-ssh 2.3.3 → 2.3.4

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 本文件的版本号与 `package.json` 的 `version` 保持一致。每个版本对应一个 Cordis Package 快照（`pkg-N`）。
 
+## [2.3.4] — 修复点击会话后图标退化 + 角标加大
+### 修复
+- **图标退化**：点击会话等交互触发 React 重渲染，会把 svg 的 viewBox/children 还原成纯文件夹（属性级变化不触发 childList 观察器），而 2.3.3 的防重入守卫只认 data 标记——标记在即跳过，还原后永不重刷。改为：守卫校验**实际状态**（viewBox 是否为目标帧），不匹配即重新应用；并维护已匹配标题元素清单，**每 1s 幂等复检**（断连清理），任何还原 1 秒内自愈。
+- **角标加大**：地球角标半径 3.1 → 5.2（渲染直径 ≈5px → ≈8.3px，视觉接近翻倍），地球线稿与描边同步放大，位置微调至文件夹左下角不越界。
+
 ## [2.3.3] — 修复工作区图标替换不生效
 ### 修复
 - 2.3.2 的图标替换向上爬找「直接子级含 svg 的祖先」，但壳层工作区行的文件夹 svg 位于标题的**前兄弟槽位**（`projectRow > [slot.folder(svg), …, projectText > title]`），不是任何祖先的直接子级 → 匹配后静默跳过、图标从未被替换。改为：从标题向上最多 4 层，取每层容器的**第一个子元素**，首个含 svg 的即行首文件夹槽位；并将「插入新节点」改为**原位改写**该 svg 的 viewBox/尺寸/内容（不插入/删除节点，避免 React 对账风险；展开态切换重建 svg 后由观察器 500ms 内自动重刷）。

package/lib/client.js

@@ -1142,6 +1142,7 @@ window.__ModuleLoader__.load({
         // 定位远程工作区行，找到行首 slot.folder 槽位（标题的前兄弟），把其中的 svg
         // 原位改写为「地球角标文件夹」内容 —— 不插入/删除节点，避免 React 对账风险。
         var remoteTitles = new Set();
+        var watchedTitles = []; // 已匹配的标题元素：定时幂等复检，抵消 React 重渲染对图标的还原
         function refreshRemoteTitles() {
           api("listWorkspaces").then(function (r) {
             if (!(r && r.ok && Array.isArray(r.workspaces))) return;
@@ -1154,41 +1155,58 @@ window.__ModuleLoader__.load({
             swapWorkspaceIconsIn(document.body); // 标题集就绪后补一次全量替换
           }).catch(function () {});
         }
+        var FOLDER_GLOBE_VIEWBOX = "0 0 20 16";
         var FOLDER_GLOBE_INNER =
           '<path d="M2.4 4.2c0-1.05.85-1.9 1.9-1.9h3.1c.52 0 1.02.21 1.39.58l1.05 1.05c.28.28.66.44 1.06.44h6.3c1.05 0 1.9.85 1.9 1.9v6.53c0 1.05-.85 1.9-1.9 1.9H4.3c-1.05 0-1.9-.85-1.9-1.9V4.2z" fill="none" stroke="currentColor" stroke-width="1.2"/>' +
-          '<circle cx="6.3" cy="12.1" r="3.1" fill="var(--dsw-alias-state-business-primary, #4c6ef5)" stroke="var(--dsw-alias-bg-layer-1, #1b1b1b)" stroke-width="0.8"/>' +
-          '<g fill="none" stroke="#ffffff" stroke-width="0.75"><circle cx="6.3" cy="12.1" r="1.95"/><ellipse cx="6.3" cy="12.1" rx="0.95" ry="1.95"/><path d="M4.35 12.1h3.9"/></g>';
+          '<circle cx="6.2" cy="10.9" r="5.2" fill="var(--dsw-alias-state-business-primary, #4c6ef5)" stroke="var(--dsw-alias-bg-layer-1, #1b1b1b)" stroke-width="1"/>' +
+          '<g fill="none" stroke="#ffffff" stroke-width="0.9"><circle cx="6.2" cy="10.9" r="3.3"/><ellipse cx="6.2" cy="10.9" rx="1.55" ry="3.3"/><path d="M2.9 10.9h6.6"/></g>';
+        /** 幂等应用：React 重渲染会还原 svg 属性（viewBox 回 16×16、children 回纯文件夹），
+         *  但不感知也不清除我们的 data 标记 —— 守卫必须校验实际状态而非仅 data 标记，
+         *  否则还原后永不重刷（2.3.3 退化 bug 根因）。 */
+        function applyFolderGlobe(slotSvg) {
+          if (slotSvg.getAttribute("data-rssh-folder-globe") === "1" && slotSvg.getAttribute("viewBox") === FOLDER_GLOBE_VIEWBOX) return;
+          slotSvg.setAttribute("data-rssh-folder-globe", "1");
+          slotSvg.setAttribute("viewBox", FOLDER_GLOBE_VIEWBOX);
+          slotSvg.setAttribute("width", "16");
+          slotSvg.setAttribute("height", "16");
+          slotSvg.innerHTML = FOLDER_GLOBE_INNER;
+        }
+        /** 对单个标题元素做行首槽位修复：projectRow > [slot.folder(svg), …, projectText > title]，
+         *  文件夹 svg 在标题的前兄弟槽位 —— 向上 ≤4 层取每层容器第一个子元素，首个含 svg 即是。 */
+        function fixRowIconFor(el) {
+          var holder = el;
+          for (var hop = 0; hop < 4 && holder && holder.parentElement; hop++) {
+            var row = holder.parentElement;
+            var first = row.children && row.children[0];
+            if (first && first.querySelector && first.querySelector("svg")) {
+              applyFolderGlobe(first.querySelector("svg"));
+              return true;
+            }
+            holder = row;
+          }
+          return false;
+        }
+        function watchTitle(el) {
+          for (var i = 0; i < watchedTitles.length; i++) { if (watchedTitles[i] === el) return; }
+          watchedTitles.push(el);
+          fixRowIconFor(el);
+        }
+        function recheckWatched() {
+          for (var i = watchedTitles.length - 1; i >= 0; i--) {
+            var el = watchedTitles[i];
+            if (!el || !el.isConnected) { watchedTitles.splice(i, 1); continue; }
+            fixRowIconFor(el);
+          }
+        }
         function swapWorkspaceIconsIn(root) {
           if (!remoteTitles.size) return;
           try {
             var nodes = root.querySelectorAll("span,div,button,a,p");
             for (var i = 0; i < nodes.length; i++) {
               var el = nodes[i];
-              if (el.getAttribute && el.getAttribute("data-rssh-title-scan") === "1") continue;
               var t = (el.textContent || "").trim();
               if (!t || !remoteTitles.has(t) || el.childElementCount > 2) continue;
-              el.setAttribute("data-rssh-title-scan", "1");
-              // 行结构：projectRow > [slot.folder(svg), slot.chevron(svg), projectText > span.title, ...]
-              // 从标题元素向上最多 4 层，取每层容器的第一个子元素——首个含 svg 的即行首
-              // 文件夹槽位；将其 svg 原位改写为地球角标文件夹（React 复用同一节点，
-              // 展开态切换会重建 svg，观察器 500ms 内自动重刷）。
-              var holder = el;
-              for (var hop = 0; hop < 4 && holder && holder.parentElement; hop++) {
-                var row = holder.parentElement;
-                var first = row.children && row.children[0];
-                if (first && first.querySelector && first.querySelector("svg")) {
-                  var oldSvg = first.querySelector("svg");
-                  if (oldSvg.getAttribute("data-rssh-folder-globe") !== "1") {
-                    oldSvg.setAttribute("data-rssh-folder-globe", "1");
-                    oldSvg.setAttribute("viewBox", "0 0 20 16");
-                    oldSvg.setAttribute("width", "16");
-                    oldSvg.setAttribute("height", "16");
-                    oldSvg.innerHTML = FOLDER_GLOBE_INNER;
-                  }
-                  break;
-                }
-                holder = row;
-              }
+              watchTitle(el);
             }
           } catch (e) {}
         }
@@ -1197,6 +1215,7 @@ window.__ModuleLoader__.load({
           hideRemoteGearIcon();
           refreshRemoteTitles();
           var titleTimer = setInterval(refreshRemoteTitles, 30000);
+          var recheckTimer = setInterval(recheckWatched, 1000); // 抵消 React 属性还原
           var timer = null;
           var pendingRoots = null;
           var schedule = function (root) {
@@ -1231,6 +1250,7 @@ window.__ModuleLoader__.load({
             if (off) off();
             if (timer) clearTimeout(timer);
             clearInterval(titleTimer);
+            clearInterval(recheckTimer);
           };
         }, "dsh-remote-ssh: settings gear hide + remote workspace folder-globe icon");
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhangfengshun/dsh-remote-ssh",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "DSH web plugin: VSCode Remote-SSH-like remote development (SSH to supercomputers/servers, remote workspace, file explorer, integrated terminal), integrated with dsh-better-sidebar and DSH settings.",
   "keywords": [
     "dsh",