dsh-jiuling-remote-mobile 1.0.16 → 1.0.17

package/lib/client.js

@@ -230,6 +230,37 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(styleTag);
 		}
 
+		/**
+		 * 电脑目录的**访问缓存**：`电脑路径 → listing`（模块级，跨对话框开关存活）。
+		 *
+		 * ## 为什么必须有（用户报障原文）
+		 *
+		 * 「为什么我点击添加工作区的时候，每次点击电脑都要重新加载一遍目录，
+		 * 这就算了，我加载好之后，随便点击一个文件夹，文件夹里面的内容还要重新加载
+		 * 一遍」—— 同一个电脑目录，每次进「电脑」页签、每次点进同一个文件夹，
+		 * 都要重走一趟「手机 → Cloudflare 隧道 → 电脑」，一个来回 1～3 秒。
+		 * 用户要的是「加载一次，后续直接从本地读」。
+		 *
+		 * ## 为什么放模块级而不是组件内 ref
+		 *
+		 * 对话框每次打开都是**新挂载的组件**，组件内的 ref 一关就没了 —— 那样
+		 * 「关掉再打开又转一遍圈」，正是用户抱怨的第一个现象。放模块级则一次加载
+		 * 整条会话内都命中。
+		 *
+		 * ⚠️ 键是**电脑路径**原样（`C:\Users\...`），`''` 表示根目录 —— 与
+		 * `bridge('listDesktop')` 的入参完全一致，不做任何改写。
+		 *
+		 * ⚠️ **失效只有两条路**：用户点「刷新」（见 `refreshAll`），
+		 * 或者那一次加载失败（见下面的 catch）。不做 TTL 轮询 —— 用户明确要的是
+		 * 「加载一次就直接从本地读」。
+		 */
+		var desktopDirCache = {};
+
+		/** 清掉访问缓存（配对 / 解绑 / 切页签时调用，避免跨电脑串味）。 */
+		function clearDesktopDirCache() {
+			desktopDirCache = {};
+		}
+
 		/**
 		 * 调宿主桥的一条 RPC（令牌只在引擎进程里，浏览器侧不持有）。
 		 *
@@ -424,6 +455,16 @@ window.__ModuleLoader__.load({
 						patch({ loading: false, listing: null, error: null });
 						return undefined;
 					}
+					// ⚠️ **电脑目录命中缓存就直接铺回去，不打桥**（用户报障：来回点文件夹
+					// 每次都重新加载）。缓存键用 `''` 表示根，与 `listDesktop` 的入参一致。
+					if (tab === 'desktop') {
+						var key = path === null ? '' : path;
+						var hit = desktopDirCache[key];
+						if (hit !== undefined) {
+							patch({ loading: false, listing: hit, error: null });
+							return undefined;
+						}
+					}
 					patch({ loading: true, error: null });
 					var load =
 						tab === 'desktop'
@@ -432,10 +473,16 @@ window.__ModuleLoader__.load({
 					load.then(
 						function (listing) {
 							if (!aliveRef.current) return;
+							if (tab === 'desktop') {
+								desktopDirCache[path === null ? '' : path] = listing;
+							}
 							patch({ loading: false, listing: listing });
 						},
 						function (reason) {
 							if (!aliveRef.current) return;
+							// ⚠️ 失败**要清掉这一格缓存**：留着的话用户再点进来会看到
+							// 上一次的旧内容，而以为自己看的是电脑现状。
+							if (tab === 'desktop') delete desktopDirCache[path === null ? '' : path];
 							patch({
 								loading: false,
 								listing: null,
@@ -488,6 +535,9 @@ window.__ModuleLoader__.load({
 							code: '',
 							message: { kind: 'ok', text: '配对成功，正在连接电脑…' },
 						});
+						// ⚠️ 换了一台电脑，旧缓存里的路径完全无效（甚至同名不同机）——
+						// 必须作废，否则用户会看到上一台电脑的目录。
+						clearDesktopDirCache();
 						patch({ path: null, listing: null });
 					},
 					function (reason) {
@@ -520,6 +570,8 @@ window.__ModuleLoader__.load({
 							code: '',
 							message: { kind: 'ok', text: '已解绑，请到电脑上生成新的配对码' },
 						});
+						// 解绑后旧凭据作废，缓存里的目录不该再露出来。
+						clearDesktopDirCache();
 						patch({ path: null, listing: null });
 					},
 					function (reason) {
@@ -611,11 +663,16 @@ window.__ModuleLoader__.load({
 				if (pairState.refreshing) return;
 				patchPair({ refreshing: true, refreshNote: null });
 				var target = state.tab === 'desktop' ? loc.path : '';
+				// ⚠️ **「刷新」必须清掉访问缓存**，否则新列表铺回 `listing` 之后，
+				// 用户一离开再回来又命中旧的那一格，看起来就是「刷新没生效」。
+				// 连同整棵已缓存的树一起作废：电脑上的目录可能已经变了。
+				clearDesktopDirCache();
 				bridge('refreshAll', target === '' ? {} : { path: target }).then(
 					function (result) {
 						if (!aliveRef.current) return;
-						// 目录树：直接把新列表铺回去（正在看的这一层）。
+						// 目录树：直接把新列表铺回去（正在看的这一层），并写回缓存。
 						if (result && result.directory && result.directory.ok) {
+							desktopDirCache[target === '' ? '' : target] = result.directory.value;
 							patch({ listing: result.directory.value });
 						}
 						// 模型：让官方目录失效重载，下一次打开菜单就是电脑的。

package/lib/index.js

@@ -1379,6 +1379,10 @@ export function apply(ctx) {
 								// 解绑要能停掉全部旧连接、清掉全部搬运状态（见 `unpair`）。
 								follows,
 								mirrorStates,
+								// ⚠️ **必须显式传进来**：`handleBridge` 是模块级函数，作用域里
+								// 没有 `apply()` 的闭包变量；漏传就是 `workspaceMap is not defined`，
+								// 用户点「在此新建对话」时必然失败（1.0.16 的真实报障）。
+								workspaceMap,
 								persist: () => saveRemoteSessions(remoteSessions, ctx.logger),
 								// 模型/预设的静默缓存：配对后预拉、刷新按钮回写（见 desktopCache）。
 								desktopCache,
@@ -1556,7 +1560,7 @@ function desktopPathOfMirror(workspaceMap, dir) {
  *
  * @param ctx - Cordis 上下文。
  * @param config - 远程配置。
- * @param io - `{ remoteSessions, follow, follows, mirrorStates, persist, body }`。
+ * @param io - `{ remoteSessions, follow, follows, mirrorStates, persist, workspaceMap, body }`。
  */
 async function handleBridge(ctx, config, io) {
 	const params = io.body?.params ?? {};
@@ -1640,7 +1644,7 @@ async function handleBridge(ctx, config, io) {
 			// 这里给它一个**电脑目录专属的镜像工作区**（标题 = 电脑目录末段），
 			// 而不是手机的「默认工作区」—— 否则所有远程会话都堆在「默认工作区」
 			// 底下，看起来就像「建完又回到默认工作去了」（见 `ensureDesktopWorkspace`）。
-			const workspace = await ensureDesktopWorkspace(ctx, params.path, workspaceMap);
+			const workspace = await ensureDesktopWorkspace(ctx, params.path, io.workspaceMap);
 			const cwd = workspace.path;
 			// ⚠️ **必须走 `sessionController.create`，不能走 `ctx.sessions.create`。**
 			//
@@ -1770,4 +1774,4 @@ async function handleBridge(ctx, config, io) {
 	}
 }
 
-export { callRemote, mirrorEvent, loadConfig, DEFAULT_ENDPOINT, CONFIG_PATH, PAIR_ENDPOINT, claimPairing };
+export { callRemote, mirrorEvent, loadConfig, DEFAULT_ENDPOINT, CONFIG_PATH, PAIR_ENDPOINT, claimPairing, handleBridge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-jiuling-remote-mobile",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "DSH 远程目录（手机端）：在选文件夹流程里多出「电脑」页签，进入电脑目录、在电脑上发起对话，并把电脑的实时消息流同步到手机本地界面（只传文本，不映射桌面）。",
   "type": "module",
   "main": "./lib/index.js",