dsh-jiuling-remote-mobile 1.0.10 → 1.0.12

package/lib/client.js

@@ -135,6 +135,12 @@ window.__ModuleLoader__.load({
 				'flex:1 1 100%;min-width:0;' +
 				'color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;',
 			pairInput: 'width:140px;text-transform:uppercase;letter-spacing:2px;',
+			// 解绑二次确认那一行：提示文字占满整行，两个按钮跟在下面（手机上 360px
+			// 放不下「文字 + 两个按钮」一行，所以让文字 `flex:1 1 100%` 自己换行）。
+			pairConfirm:
+				'display:flex;flex-wrap:wrap;align-items:center;gap:8px;' +
+				'font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);',
+			pairConfirmText: 'flex:1 1 100%;',
 			pairMsg: 'padding:0 4px 8px;font-size:12px;line-height:18px;',
 			pairOk: 'color:var(--dsw-alias-state-success-primary);',
 		};
@@ -315,7 +321,15 @@ window.__ModuleLoader__.load({
 			 * `endpoint === null` 表示还没查过；`paired === false` 表示
 			 * 手机还没有任何凭据（令牌为空），需要用户去电脑上取一个配对码。
 			 */
-			var pairPair = react.useState({ endpoint: null, paired: false, code: '', busy: false, message: null });
+			var pairPair = react.useState({
+				endpoint: null,
+				paired: false,
+				code: '',
+				busy: false,
+				// 「重新配对」的两步确认：`true` 时才显示「确定解绑 / 取消」。
+				confirming: false,
+				message: null,
+			});
 			var pairState = pairPair[0];
 			var setPairState = pairPair[1];
 
@@ -452,6 +466,95 @@ window.__ModuleLoader__.load({
 				);
 			};
 
+			/**
+			 * 解除配对：清掉本地凭据，退回未配对状态。
+			 *
+			 * 成功后 `paired` 翻回 `false`，配对条自己就会换成输入框（同一个
+			 * `pairState`），所以这里不用手工重挂组件。
+			 */
+			var submitUnpair = function () {
+				if (pairState.busy) return;
+				patchPair({ busy: true, message: null });
+				bridge('unpair', {}).then(
+					function (result) {
+						if (!aliveRef.current) return;
+						patchPair({
+							busy: false,
+							confirming: false,
+							paired: false,
+							endpoint: result.endpoint,
+							code: '',
+							message: { kind: 'ok', text: '已解绑，请到电脑上生成新的配对码' },
+						});
+						patch({ path: null, listing: null });
+					},
+					function (reason) {
+						if (!aliveRef.current) return;
+						patchPair({
+							busy: false,
+							message: { kind: 'error', text: String((reason && reason.message) || reason) },
+						});
+					},
+				);
+			};
+
+			/**
+			 * 已配对时的「重新配对」入口。
+			 *
+			 * ⚠️ **这是必需的回退路径，不是便利功能。** 电脑端一旦「解绑」，它会换掉
+			 * 令牌并停掉隧道；而手机这边 `mobile.json` 里还留着旧令牌，`pairStatus`
+			 * 会一直报「已配对」，于是输入框永远不渲染 —— 用户卡在 502，界面上无路
+			 * 可走，只能手工删 `mobile.json` 或清 App 数据。补上这个入口，回退才闭环。
+			 *
+			 * 两步确认：解绑会停隧道、清远程会话清单，误触代价太大。
+			 */
+			var unpairControls = function () {
+				if (pairState.confirming !== true) {
+					return h(
+						Button,
+						{
+							// ⚠️ 用 `outline` 而不是 `ghost`：ghost 在浅色面板上没有边框，
+							// 真机截图里「重新配对」看起来就是一行灰字，用户认不出可点 ——
+							// 而这是电脑解绑后唯一的回退入口，必须一眼看出来。
+							variant: 'outline',
+							size: 'sm',
+							onClick: function () {
+								patchPair({ confirming: true, message: null });
+							},
+							disabled: pairState.busy,
+						},
+						'重新配对',
+					);
+				}
+				return h(
+					'span',
+					{ style: CSS.pairConfirm },
+					h('span', { style: CSS.pairConfirmText }, '解绑后这台手机要重新输入配对码。'),
+					h(
+						Button,
+						{
+							variant: 'outline',
+							size: 'sm',
+							onClick: submitUnpair,
+							disabled: pairState.busy,
+						},
+						pairState.busy ? '解绑中…' : '确定解绑',
+					),
+					h(
+						Button,
+						{
+							variant: 'ghost',
+							size: 'sm',
+							onClick: function () {
+								patchPair({ confirming: false });
+							},
+							disabled: pairState.busy,
+						},
+						'取消',
+					),
+				);
+			};
+
 			/**
 			 * 「电脑」页签顶部的配对条。
 			 *
@@ -475,7 +578,7 @@ window.__ModuleLoader__.load({
 							'还没配对。请在电脑的「设置 → 手机远程」里生成 6 位配对码，填在这里。',
 						),
 				pairState.paired === true
-					? null
+					? unpairControls()
 					: h(Input, {
 							value: pairState.code,
 							onChange: function (event) {

package/lib/index.js

@@ -693,6 +693,9 @@ export function apply(ctx) {
 							const result = await handleBridge(ctx, config, {
 								remoteSessions,
 								follow,
+								// 解绑要能停掉全部旧连接、清掉全部搬运状态（见 `unpair`）。
+								follows,
+								mirrorStates,
 								persist: () => saveRemoteSessions(remoteSessions, ctx.logger),
 								body,
 							});
@@ -832,7 +835,7 @@ async function ensureDesktopWorkspace(ctx, desktopPath) {
  *
  * @param ctx - Cordis 上下文。
  * @param config - 远程配置。
- * @param io - `{ remoteSessions, follow, persist, body }`。
+ * @param io - `{ remoteSessions, follow, follows, mirrorStates, persist, body }`。
  */
 async function handleBridge(ctx, config, io) {
 	const params = io.body?.params ?? {};
@@ -950,6 +953,43 @@ async function handleBridge(ctx, config, io) {
 			// 那个常量已删（它是公开凭据，见 EMPTY_TOKEN 的注释）。
 			return { endpoint: config.endpoint, paired: config.token !== EMPTY_TOKEN };
 
+		/**
+		 * 解除配对：清掉本地凭据，退回未配对状态，让用户能重新填配对码。
+		 *
+		 * ⚠️ **这个方法是必需的回退路径，不是便利功能**。电脑端一旦「解绑」，
+		 * 它会换掉令牌并停掉隧道；手机这边 `mobile.json` 里还留着旧令牌，
+		 * `pairStatus` 就一直报「已配对」⇒ 前端那条「已配对」横幅永远挂着、
+		 * **输入框根本不渲染**（见 client.js 里 `paired === true` 的分支）。
+		 * 结果就是：电脑解绑后手机永久卡在 502，界面上没有任何重新配对的入口，
+		 * 只能手工删 `mobile.json` 或清 App 数据。
+		 *
+		 * 清理分三部分，缺一不可：
+		 * ① 凭据 —— `config` 就地清空 + 写盘，否则重启后旧令牌又回来了；
+		 * ② 连接 —— 停掉所有跟随旧电脑的事件流，否则它们会拿着旧令牌
+		 *    无限重连（退避到 15s 一次）一直打一个已经不属于自己的域名；
+		 * ③ 会话归属 —— `remoteSessions` 里的会话原本靠「转发电脑」工作，
+		 *    解绑后电脑那边可能已经不存在了，继续留着会让这些会话的 prompt
+		 *    走 `callRemote` 报错。一并清掉，它们就退回普通本地会话。
+		 *
+		 * @returns 清空后的 `{ endpoint, paired: false }`。
+		 */
+		case 'unpair': {
+			Object.assign(config, saveConfig(DEFAULT_ENDPOINT, EMPTY_TOKEN));
+			for (const controller of io.follows.values()) {
+				try {
+					controller.abort();
+				} catch {
+					/* 已经结束了 */
+				}
+			}
+			io.follows.clear();
+			io.mirrorStates.clear();
+			io.remoteSessions.clear();
+			io.persist();
+			ctx.logger?.info?.('[dsh-remote-mobile] 已解除配对，本地凭据与远程会话清单已清空');
+			return { endpoint: config.endpoint, paired: false };
+		}
+
 		default:
 			throw new Error(`unknown method "${String(io.body?.method)}"`);
 	}

package/package.json

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