@zhangfengshun/dsh-remote-ssh 2.3.2 → 2.3.3

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 本文件的版本号与 `package.json` 的 `version` 保持一致。每个版本对应一个 Cordis Package 快照（`pkg-N`）。
 
+## [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,7 +1139,8 @@ window.__ModuleLoader__.load({
         // ---- 远程工作区图标：单个「地球角标文件夹」SVG 替换壳层默认纯文件夹图标 ----
         // 壳层工作区行的文件夹图标是固定原语（IconFolderOpen16/Close16），无 per-workspace
         // 图标 API；旧方案在标题里塞 🌐 emoji 造成「文件夹 + 地球」双重标识。现按标题文本
-        // 定位远程工作区行，隐藏原 svg 并插入内联「地球角标文件夹」svg（data 标记防重入）。
+        // 定位远程工作区行，找到行首 slot.folder 槽位（标题的前兄弟），把其中的 svg
+        // 原位改写为「地球角标文件夹」内容 —— 不插入/删除节点，避免 React 对账风险。
         var remoteTitles = new Set();
         function refreshRemoteTitles() {
           api("listWorkspaces").then(function (r) {
@@ -1153,20 +1154,10 @@ 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_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>';
         function swapWorkspaceIconsIn(root) {
           if (!remoteTitles.size) return;
           try {
@@ -1177,18 +1168,27 @@ window.__ModuleLoader__.load({
               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;
+              // 行结构：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;
               }
-              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);
             }
           } catch (e) {}
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhangfengshun/dsh-remote-ssh",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "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",