@zhangfengshun/dsh-remote-ssh 2.3.3 → 2.3.5

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 本文件的版本号与 `package.json` 的 `version` 保持一致。每个版本对应一个 Cordis Package 快照（`pkg-N`）。
 
+## [2.3.5] — 地球角标样式重制：右下角、默认文件夹形状、透明底白经纬线
+### 变更
+- **文件夹形状与默认完全一致**：不再自绘/改写文件夹几何，壳层 IconFolderOpen16/Close16 的原始路径与几何零改写，仅向工作区行首槽位 svg **追加**一个透明地球经纬线组（appendChild 不触碰 React 管理的子节点，零对账风险）。
+- **角标移到右下角**：地球中心 (11.6, 11.9)，含轮廓圈、经线椭圆、赤道与南北纬弧。
+- **透明底色**：去掉蓝色圆盘与描边底环，仅保留白色经纬线（0.9 描边），地球区域全透明。
+- 状态判据改为 svg 内 `[data-rssh-globe]` 子节点存在性（React 属性还原/子节点重建均覆盖），1s 复检自愈逻辑不变。
+
+## [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

@@ -1139,9 +1139,10 @@ window.__ModuleLoader__.load({
         // ---- 远程工作区图标：单个「地球角标文件夹」SVG 替换壳层默认纯文件夹图标 ----
         // 壳层工作区行的文件夹图标是固定原语（IconFolderOpen16/Close16），无 per-workspace
         // 图标 API；旧方案在标题里塞 🌐 emoji 造成「文件夹 + 地球」双重标识。现按标题文本
-        // 定位远程工作区行，找到行首 slot.folder 槽位（标题的前兄弟），把其中的 svg
-        // 原位改写为「地球角标文件夹」内容 —— 不插入/删除节点，避免 React 对账风险。
+        // 定位远程工作区行，找到行首 slot.folder 槽位（标题的前兄弟），向其中的 svg
+        // 追加地球经纬线组 —— 文件夹本体保持壳层默认原语几何，零改写零对账风险。
         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,71 @@ window.__ModuleLoader__.load({
             swapWorkspaceIconsIn(document.body); // 标题集就绪后补一次全量替换
           }).catch(function () {});
         }
-        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>';
+        /** 地球经纬线组（右下角、无圆盘底色）：线为白色、其余全透明；文件夹本体完全
+         *  保留壳层默认原语（IconFolderOpen16/Close16 原始路径与几何，零改写），
+         *  仅向 svg 追加本组 —— appendChild 不触碰 React 管理的子节点，零对账风险。 */
+        function globeGridElement() {
+          var NS = "http://www.w3.org/2000/svg";
+          var g = document.createElementNS(NS, "g");
+          g.setAttribute("data-rssh-globe", "1");
+          g.setAttribute("fill", "none");
+          g.setAttribute("stroke", "#ffffff");
+          g.setAttribute("stroke-width", "0.9");
+          function add(name, attrs) {
+            var n = document.createElementNS(NS, name);
+            for (var k in attrs) n.setAttribute(k, attrs[k]);
+            g.appendChild(n);
+          }
+          add("circle", { cx: "11.6", cy: "11.9", r: "3.4" });             // 地球轮廓
+          add("ellipse", { cx: "11.6", cy: "11.9", rx: "1.6", ry: "3.4" }); // 经线
+          add("path", { d: "M8.2 11.9h6.8" });                             // 赤道（纬线）
+          add("path", { d: "M8.7 9.6c0.9 0.65 1.85 0.97 2.9 0.97s2-0.32 2.9-0.97" });  // 北纬弧
+          add("path", { d: "M8.7 14.2c0.9-0.65 1.85-0.97 2.9-0.97s2 0.32 2.9 0.97" }); // 南纬弧
+          return g;
+        }
+        /** 幂等应用：React 还原/重建子节点会清掉本组 —— 以 [data-rssh-globe] 子节点
+         *  存在性为状态判据（覆盖属性级还原与节点重建），缺席即追加。 */
+        function applyFolderGlobe(slotSvg) {
+          if (slotSvg.querySelector("[data-rssh-globe]")) return;
+          slotSvg.setAttribute("data-rssh-folder-globe", "1");
+          slotSvg.appendChild(globeGridElement());
+        }
+        /** 对单个标题元素做行首槽位修复：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 +1228,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 +1263,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.5",
   "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",