@zhangfengshun/dsh-remote-ssh 2.3.2 → 2.3.4

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 本文件的版本号与 `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 内自动重刷）。
+
 ## [2.3.2] — 远程工作区图标改为单个「地球角标文件夹」
 ### 变更
 - **工作区标题去掉 🌐 前缀**：新建远程工作区的原生标题不再带 🌐（此前标题 emoji + 壳层文件夹图标造成「文件夹 + 地球」双重标识）；启动自愈同步剥掉既有工作区标题中的旧 🌐 前缀（仅限已知旧形态，不覆盖自定义标题）。

package/lib/client.js

@@ -1139,8 +1139,10 @@ window.__ModuleLoader__.load({
         // ---- 远程工作区图标：单个「地球角标文件夹」SVG 替换壳层默认纯文件夹图标 ----
         // 壳层工作区行的文件夹图标是固定原语（IconFolderOpen16/Close16），无 per-workspace
         // 图标 API；旧方案在标题里塞 🌐 emoji 造成「文件夹 + 地球」双重标识。现按标题文本
-        // 定位远程工作区行，隐藏原 svg 并插入内联「地球角标文件夹」svg（data 标记防重入）。
+        // 定位远程工作区行，找到行首 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;
@@ -1153,19 +1155,48 @@ window.__ModuleLoader__.load({
             swapWorkspaceIconsIn(document.body); // 标题集就绪后补一次全量替换
           }).catch(function () {});
         }
-        function folderGlobeSvg() {
-          var NS = "http://www.w3.org/2000/svg";
-          var svg = document.createElementNS(NS, "svg");
-          svg.setAttribute("viewBox", "0 0 20 16");
-          svg.setAttribute("width", "16");
-          svg.setAttribute("height", "16");
-          svg.setAttribute("aria-hidden", "true");
-          svg.setAttribute("data-rssh-folder-globe", "1");
-          svg.innerHTML =
-            '<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>';
-          return svg;
+        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.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;
@@ -1173,22 +1204,9 @@ window.__ModuleLoader__.load({
             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");
-              // 向上找最近的「直接子级含 svg」的容器（壳层 slot.folder 槽位）
-              var p = el, slot = null, guard = 0;
-              while (p && p.nodeType === 1 && p !== document.body && guard++ < 6) {
-                if (p.querySelector(":scope > svg")) { slot = p; break; }
-                p = p.parentElement;
-              }
-              if (!slot) continue;
-              var old = slot.querySelector(":scope > svg");
-              if (old && old.getAttribute("data-rssh-folder-globe") === "1") continue;
-              if (old) old.style.display = "none";
-              var mine = folderGlobeSvg();
-              if (old) slot.insertBefore(mine, old); else slot.appendChild(mine);
+              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.2",
+  "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",