dsh-jiuling-remote-mobile 1.0.9 → 1.0.11

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);',
 		};
@@ -313,9 +319,17 @@ window.__ModuleLoader__.load({
 			 * 配对状态（与目录浏览无关，所以单独一个 state）。
 			 *
 			 * `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];
 
@@ -372,10 +386,9 @@ window.__ModuleLoader__.load({
 			react.useEffect(
 				function () {
 					if (!open) return undefined;
-					// ⚠️ **没配对就别去问电脑要目录**。未配对时 `listDesktop`
-					// 会拿着内置的默认地址打过去，那台「电脑」并不存在 ——
-					// 用户看到的是转圈 10 秒后一句「远程请求失败: HTTP 502」，
-					// 完全不知道要先去配对。这里直接给出可操作的提示。
+					// ⚠️ **没配对就别去问电脑要目录**。未配对时手机没有任何凭据，
+					// 打过去必然是 401/502 —— 用户看到的是转圈 10 秒后一句
+					// 「远程请求失败」，完全不知道要先去配对。这里直接给出可操作的提示。
 					if (tab === 'desktop' && pairState.paired !== true) {
 						patch({ loading: false, listing: null, error: null });
 						return undefined;
@@ -453,6 +466,92 @@ 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,
+						{
+							variant: 'ghost',
+							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,
+						},
+						'取消',
+					),
+				);
+			};
+
 			/**
 			 * 「电脑」页签顶部的配对条。
 			 *
@@ -476,7 +575,7 @@ window.__ModuleLoader__.load({
 							'还没配对。请在电脑的「设置 → 手机远程」里生成 6 位配对码，填在这里。',
 						),
 				pairState.paired === true
-					? null
+					? unpairControls()
 					: h(Input, {
 							value: pairState.code,
 							onChange: function (event) {

package/lib/index.js

@@ -105,24 +105,41 @@ function saveConfig(endpoint, token) {
 }
 
 /**
- * 内置访问令牌 —— **必须与 `dsh-jiuling-remote-desktop` 里的内置值逐字相同**。
+ * 令牌为空 —— 表示**尚未配对**。
+ *
+ * ⚠️ 早期这里硬编码了一个「内置访问令牌」，让两端装完即连。那是真实漏洞：
+ * 常量随 npm 包公开，任何未配对的电脑都跑在**同一个公开令牌**上，谁都能连上去
+ * 读他的电脑（实测用包内公开令牌打公网隧道 → HTTP 200，读到 177 个目录条目）。
+ * 现在**包里不含任何凭据**：令牌只能由配对流程从服务器 claim 得到（见
+ * `claimPairing`），未配对时就是空字符串，`callRemote` / `follow` 会直接报
+ * 「尚未配对」，不会静默用一个假令牌去连。
+ */
+const EMPTY_TOKEN = '';
+
+/**
+ * **已作废**的旧公开令牌 —— 只用于识别，**不是凭据**。
  *
- * 两端同值 ⇒ 装完即可连通，用户不用手工同步任何东西。想隔离就改这个文件里的
- * `token` 字段，并把电脑端 `<DSH_HOME>/dsh-remote/token.txt` 改成一样的值。
+ * 1.0.9 及更早的版本把它当默认令牌写进 `mobile.json`。老用户升级后文件里还留着
+ * 这个值，若不识别就会被 `pairStatus` 判成「已配对」，而实际上电脑端早已改用随机
+ * 令牌 —— 症状是「显示已配对，一发消息就 401」。所以见到它就当成未配对。
  */
-const DEFAULT_TOKEN = 'f6721b0cf82414709df172056193c78a6c374e9a920e51145dd7883923cf16e7';
+const LEGACY_PUBLIC_TOKEN = 'f6721b0cf82414709df172056193c78a6c374e9a920e51145dd7883923cf16e7';
 
 /**
  * 读配置。首次运行写一份模板，用户直接改文件即可。
  *
- * `token` 为空时退回内置值（与电脑端同值），所以**装完就能连**。
+ * ⚠️ 这里**没有**任何内置令牌兜底（早期有，是漏洞）。`token` 为空即「未配对」，
+ * 调用方据此直接拒绝，而不是拿一个包里公开的常量去连。
  *
  * @returns `{ endpoint, token }`。
  */
 function loadConfig() {
 	try {
 		const parsed = JSON.parse(readFileSync(CONFIG_PATH, 'utf8'));
-		const token = typeof parsed.token === 'string' && parsed.token !== '' ? parsed.token : DEFAULT_TOKEN;
+		// ⚠️ 旧版写进文件的公开令牌要当成**未配对**，否则界面显示已配对、
+		// 实际一调用就 401（电脑端已换随机令牌）。
+		const raw = typeof parsed.token === 'string' ? parsed.token : EMPTY_TOKEN;
+		const token = raw === LEGACY_PUBLIC_TOKEN ? EMPTY_TOKEN : raw;
 		return {
 			endpoint:
 				typeof parsed.endpoint === 'string' && parsed.endpoint !== ''
@@ -135,13 +152,13 @@ function loadConfig() {
 			mkdirSync(STATE_DIR, { recursive: true });
 			writeFileSync(
 				CONFIG_PATH,
-				JSON.stringify({ endpoint: DEFAULT_ENDPOINT, token: DEFAULT_TOKEN }, null, 2),
+				JSON.stringify({ endpoint: DEFAULT_ENDPOINT, token: EMPTY_TOKEN }, null, 2),
 				{ mode: 0o600 },
 			);
 		} catch {
 			/* 只读环境：用默认值继续 */
 		}
-		return { endpoint: DEFAULT_ENDPOINT, token: DEFAULT_TOKEN };
+		return { endpoint: DEFAULT_ENDPOINT, token: EMPTY_TOKEN };
 	}
 }
 
@@ -218,7 +235,8 @@ async function remoteFetch(url, init) {
  */
 async function callRemote(config, method, params = {}) {
 	if (config.token === '') {
-		throw new Error(`未配置访问令牌：请在 ${CONFIG_PATH} 里填 token（电脑端启动日志会打印它）`);
+		// 未配对 = 没有令牌。**不要**提示用户去手改文件：面向大众的主路径是配对。
+		throw new Error('还没配对：请在电脑的「设置 → 手机远程」里生成配对码，再到「添加工作区 → 电脑」填进去');
 	}
 	const res = await remoteFetch(`${config.endpoint}/api/dsh-remote/rpc`, {
 		method: 'POST',
@@ -352,7 +370,7 @@ export function apply(ctx) {
 	const config = loadConfig();
 	ctx.logger?.info?.(`[dsh-remote-mobile] 远端: ${config.endpoint}`);
 	if (config.token === '') {
-		ctx.logger?.warn?.(`[dsh-remote-mobile] 未配置令牌，请在 ${CONFIG_PATH} 里填 token`);
+		ctx.logger?.info?.('[dsh-remote-mobile] 尚未配对：请到「添加工作区 → 电脑」填配对码（配对后自动连接）');
 	}
 
 	/** 远程会话 id 集合：这些会话的 prompt 转发电脑，不在手机本地跑模型。 */
@@ -675,6 +693,9 @@ export function apply(ctx) {
 							const result = await handleBridge(ctx, config, {
 								remoteSessions,
 								follow,
+								// 解绑要能停掉全部旧连接、清掉全部搬运状态（见 `unpair`）。
+								follows,
+								mirrorStates,
 								persist: () => saveRemoteSessions(remoteSessions, ctx.logger),
 								body,
 							});
@@ -814,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 ?? {};
@@ -838,7 +859,7 @@ async function handleBridge(ctx, config, io) {
 				throw new Error('请先在电脑页签里选一个目录');
 			}
 			if (config.token === '') {
-				throw new Error(`未配置访问令牌：请在 ${CONFIG_PATH} 里填 token`);
+				throw new Error('还没配对：请先在「电脑」页签里填配对码');
 			}
 			const sessionId = `session-${randomUUID()}`;
 			// ⚠️ 手机端 cwd 必须是**手机本地**的绝对路径，绝不把电脑路径传进来
@@ -928,7 +949,46 @@ async function handleBridge(ctx, config, io) {
 
 		/** 当前连的是哪台电脑（前端用来显示状态）。 */
 		case 'pairStatus':
-			return { endpoint: config.endpoint, paired: config.token !== DEFAULT_TOKEN };
+			// 「已配对」的判据是**有令牌**。早期拿「令牌不等于内置常量」当判据，
+			// 那个常量已删（它是公开凭据，见 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.9",
+  "version": "1.0.11",
   "description": "DSH 远程目录（手机端）：在选文件夹流程里多出「电脑」页签，进入电脑目录、在电脑上发起对话，并把电脑的实时消息流同步到手机本地界面（只传文本，不映射桌面）。",
   "type": "module",
   "main": "./lib/index.js",