@mrrisega/dsh-remote 0.6.12 → 0.6.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/clients/dsh-remote/dsh-bridge.mjs +183 -3
- package/clients/dsh-remote/mobile-adapter.mjs +219 -5
- package/clients/dsh-remote/test/boot-tip.test.mjs +158 -0
- package/clients/dsh-remote/test/bridge-gzip.test.mjs +68 -1
- package/clients/dsh-remote/test/mobile-adapter-late-frame.test.mjs +388 -0
- package/clients/dsh-remote/test/upstream-discovery.test.mjs +196 -0
- package/clients/dsh-remote/upstream-discovery.mjs +292 -0
- package/dsh-setup.mjs +64 -16
- package/package.json +2 -2
- package/packages/dsh-remote-web/lib/index.js +106 -0
- package/packages/dsh-remote-web/package.json +1 -1
- package/packages/dsh-remote-web/runtime/clients/dsh-remote/dsh-bridge.mjs +183 -3
- package/packages/dsh-remote-web/runtime/clients/dsh-remote/mobile-adapter.mjs +219 -5
- package/packages/dsh-remote-web/runtime/clients/dsh-remote/upstream-discovery.mjs +292 -0
- package/packages/dsh-remote-web/runtime/dsh-setup.mjs +64 -16
- package/packages/dsh-remote-web/test/connect-stuck-visibility.test.mjs +16 -1
- package/packages/dsh-remote-web/test/picker-pin.test.mjs +148 -0
- package/packages/dsh-remote-web/test/watcher-upstream-port.test.mjs +170 -0
|
@@ -76,6 +76,7 @@ import { promisify } from "node:util";
|
|
|
76
76
|
import { gzip as gzipCb } from "node:zlib";
|
|
77
77
|
// 移动端适配层(经隧道访问的官方 dsh web 窄屏注入;DSH_MOBILE_ADAPTER=0 可关闭,默认开启)
|
|
78
78
|
import { maybeInjectMobileAdapter } from "./mobile-adapter.mjs";
|
|
79
|
+
import { discoverUpstream, resolveUpstreamHint, FALLBACK_UPSTREAM } from "./upstream-discovery.mjs";
|
|
79
80
|
// 镜像页 E2EE 加密 shim(Phase-4):text/html 注入;DSH_E2EE_SHIM=0 可关闭,叠加 e2ee.enabled 灰度门
|
|
80
81
|
import { maybeInjectE2eeShim } from "./e2ee-shim.mjs";
|
|
81
82
|
// E2EE(端到端加密)客户端基建(Phase-2):MK 派生/会话密钥/信封/握手/开关
|
|
@@ -114,7 +115,23 @@ const CONFIG_PATH = process.env.DSH_BRIDGE_CONFIG || DEFAULT_CONFIG;
|
|
|
114
115
|
// 隧道模式(唯一):bridge 主动 WS 连 relay-router 的 /_bridge
|
|
115
116
|
const TUNNEL_URL = (process.env.DSH_BRIDGE_TUNNEL_URL || "").replace(/\/+$/, "");
|
|
116
117
|
const TUNNEL_HEARTBEAT_MS = Math.max(100, Number(process.env.DSH_BRIDGE_HEARTBEAT_MS) || 15_000);
|
|
117
|
-
|
|
118
|
+
/**
|
|
119
|
+
* 上游 dsh web 的地址。
|
|
120
|
+
*
|
|
121
|
+
* ⚠️ 这里**不能**只信环境变量 + 写死 3080(2026-09-23 两起用户实测):
|
|
122
|
+
* ① `dsh web --port 8090` / `--port 0`(系统分配)→ 3080 没人听;
|
|
123
|
+
* ② **DSH Desktop**(Electron 壳 `dsh-plugin-desktop`)默认 43120,被占用还会 +1。
|
|
124
|
+
* bridge 与 watcher 共用同一份发现实现(`upstream-discovery.mjs`):
|
|
125
|
+
* 显式环境变量 > `<relayDir>/.dsh-upstream`(插件半用 ctx.webServer.port 落盘)> DSH_WEB_URL
|
|
126
|
+
* > **动态发现**(本机 dsh 进程实际监听端口 + Desktop 端口区间,且每个候选都做身份校验)。
|
|
127
|
+
*
|
|
128
|
+
* 用 `let` 是因为:① 发现发生在启动之后(异步);② 上游端口变了要能在**不重启 bridge** 的前提下跟上。
|
|
129
|
+
*/
|
|
130
|
+
const RELAY_DIR = path.dirname(CONFIG_PATH);
|
|
131
|
+
let UPSTREAM = (() => {
|
|
132
|
+
const hint = resolveUpstreamHint({ relayDir: RELAY_DIR });
|
|
133
|
+
return hint.url || FALLBACK_UPSTREAM;
|
|
134
|
+
})();
|
|
118
135
|
// 微信机器人通道总开关:DSH_WECHAT=0 关闭(默认开启)。控制面只 bind 回环,且必须带 bridge_secret。
|
|
119
136
|
const WECHAT_DISABLED = String(process.env.DSH_WECHAT || "") === "0";
|
|
120
137
|
// 默认云端服务地址(dsh-remote setup 会显式传入;自建模式无需账号 API)
|
|
@@ -385,6 +402,37 @@ const STRIP_RES_HEADERS = new Set([
|
|
|
385
402
|
"connection", "keep-alive", "upgrade"
|
|
386
403
|
]);
|
|
387
404
|
|
|
405
|
+
|
|
406
|
+
/** 上游重新发现的冷却:失败请求可能连成片,不能每个都去 lsof/pgrep + 探端口。 */
|
|
407
|
+
const UPSTREAM_REFRESH_COOLDOWN_MS = 15_000;
|
|
408
|
+
let upstreamRefreshedAt = 0;
|
|
409
|
+
let upstreamRefreshInflight = null;
|
|
410
|
+
/**
|
|
411
|
+
* 重新解析上游地址(带身份校验;显式 DSH_BRIDGE_UPSTREAM 时是恒等操作)。
|
|
412
|
+
* 上游端口变了(Desktop 换端口 / dsh web 重启到别的端口)时,靠它自愈而不必重启 bridge。
|
|
413
|
+
*/
|
|
414
|
+
async function refreshUpstream(reason = "") {
|
|
415
|
+
if (upstreamRefreshInflight) return upstreamRefreshInflight;
|
|
416
|
+
const now = Date.now();
|
|
417
|
+
if (now - upstreamRefreshedAt < UPSTREAM_REFRESH_COOLDOWN_MS) return UPSTREAM;
|
|
418
|
+
upstreamRefreshedAt = now;
|
|
419
|
+
upstreamRefreshInflight = (async () => {
|
|
420
|
+
try {
|
|
421
|
+
const found = await discoverUpstream({ relayDir: RELAY_DIR });
|
|
422
|
+
if (found.url && found.url !== UPSTREAM) {
|
|
423
|
+
console.log(`[bridge] 上游地址切换: ${UPSTREAM} → ${found.url}(来源 ${found.source}${reason ? `,${reason}` : ""})`);
|
|
424
|
+
UPSTREAM = found.url;
|
|
425
|
+
}
|
|
426
|
+
return UPSTREAM;
|
|
427
|
+
} catch {
|
|
428
|
+
return UPSTREAM;
|
|
429
|
+
} finally {
|
|
430
|
+
upstreamRefreshInflight = null;
|
|
431
|
+
}
|
|
432
|
+
})();
|
|
433
|
+
return upstreamRefreshInflight;
|
|
434
|
+
}
|
|
435
|
+
|
|
388
436
|
console.log(`[bridge] 设备 ${DEVICE_ID} → 隧道 ${TUNNEL_URL}/_bridge`);
|
|
389
437
|
console.log(`[bridge] 上游 ${UPSTREAM}`);
|
|
390
438
|
|
|
@@ -505,6 +553,15 @@ export async function handleFrame(dchOrSend, frame) {
|
|
|
505
553
|
if (id === undefined || id === null) return;
|
|
506
554
|
const send = toSender(dchOrSend);
|
|
507
555
|
if (type === "http") return handleHttpFrame(send, frame);
|
|
556
|
+
if (type === "http-abort") {
|
|
557
|
+
// 手机侧断开了这条流(切页/锁屏):掐掉上游,别在电脑上留一条永不结束的 SSE 连接。
|
|
558
|
+
const c = streamAborts.get(id);
|
|
559
|
+
if (c) {
|
|
560
|
+
streamAborts.delete(id);
|
|
561
|
+
try { c.abort(); } catch { /* ignore */ }
|
|
562
|
+
}
|
|
563
|
+
return;
|
|
564
|
+
}
|
|
508
565
|
if (type === "ws-open") return handleWsOpen(send, frame);
|
|
509
566
|
if (type === "ws-msg") return handleWsMessage(send, frame);
|
|
510
567
|
if (type === "ws-close") return handleWsClose(send, frame);
|
|
@@ -541,7 +598,10 @@ function headerValue(headers, name) {
|
|
|
541
598
|
* 保守策略:任一条件不满足都返回 null(原样回传):
|
|
542
599
|
* - 方法非 HEAD、状态非 204/304;
|
|
543
600
|
* - buf ≥ 1KB(太小不值得压);
|
|
544
|
-
* -
|
|
601
|
+
* - `contentEncoding` 为空 —— ⚠️ 它指的是**手上这份 buf 的编码**,不是上游响应头的值:
|
|
602
|
+
* 上游头的 "gzip" 在 undici 解压后依然留着(见下),照抄过来只会让我们白丢压缩收益;
|
|
603
|
+
* 调用方必须传"buf 是否已编码",dsh-bridge 的 doHttp 因此**固定传空串**。
|
|
604
|
+
* 若哪天 buf 真是一段未解压的字节流,调用方才应把对应编码传进来(函数会保守放弃压缩)。
|
|
545
605
|
* - 请求 Accept-Encoding 含 gzip(手机浏览器必带;没有就不压,避免手机不会解压);
|
|
546
606
|
* - content-type 可压缩(排除 text/event-stream);
|
|
547
607
|
* - gzip 后确实更小(极小文件/不可压数据 gzip 反而更大,保守判断)。
|
|
@@ -565,6 +625,97 @@ export async function maybeCompressResponse({ buf, contentType, contentEncoding,
|
|
|
565
625
|
return { buf: out, headers: { "content-encoding": "gzip" } };
|
|
566
626
|
}
|
|
567
627
|
|
|
628
|
+
/**
|
|
629
|
+
* 进行中的 SSE 流:frameId → AbortController。
|
|
630
|
+
* 手机侧断开时,中继会发 `http-abort`,这里据此掐掉上游(否则电脑上会留一条永不结束的连接)。
|
|
631
|
+
*/
|
|
632
|
+
const streamAborts = new Map();
|
|
633
|
+
|
|
634
|
+
/**
|
|
635
|
+
* 中继在 `tunnel-register-ok` 里声明支持的**追加帧能力**。
|
|
636
|
+
*
|
|
637
|
+
* 为什么必须协商:browser→中继→bridge 是两段**独立升级**的链路。
|
|
638
|
+
* 新 bridge 的流式帧(`http-chunk`/`http-end`)对**旧中继**是不认识的 —— 旧中继会把
|
|
639
|
+
* "仅头部"帧当成一个完整的空响应直接 `end()`,SSE 于是变成"秒断 + 浏览器狂重连",
|
|
640
|
+
* 比原来的 120 秒挂起**更糟**。所以能力由中继声明:拿不到 `http-stream` 就老实退回
|
|
641
|
+
* 旧的整包缓冲行为(慢,但正确)。默认空集合 = 保守(连不上/旧中继都不冒险用新帧)。
|
|
642
|
+
*/
|
|
643
|
+
const routerCaps = new Set();
|
|
644
|
+
|
|
645
|
+
/**
|
|
646
|
+
* SSE(`text/event-stream`)流式转发。
|
|
647
|
+
*
|
|
648
|
+
* 为什么必须流式:`doHttp` 是「整包 `await res.arrayBuffer()`」的语义,而 SSE **永不结束** ——
|
|
649
|
+
* 实测 DSH 的 `/plugins/events`(client-hmr 的事件通道)每次页面加载都把这条请求挂满
|
|
650
|
+
* bridge 的 120s 上游超时,然后报错;浏览器 EventSource 立刻重连,于是手机端 Network 里
|
|
651
|
+
* **永远有一条转圈的请求**,页面也始终拿不到事件。
|
|
652
|
+
*
|
|
653
|
+
* 帧协议(对中继**追加**、与既有 `http` 帧并存;不认识 streaming 的旧中继只会忽略后续
|
|
654
|
+
* chunk,退化成"空 body 后结束",不会把页面打挂):
|
|
655
|
+
* ← { id, type:"http", status, headers, streaming:true } 仅头部,无 body
|
|
656
|
+
* ← { id, type:"http-chunk", seq, body, bodyBase64:true } 0..n 次
|
|
657
|
+
* ← { id, type:"http-end", seq } 流结束(含出错收尾)
|
|
658
|
+
* → { id, type:"http-abort" } 手机断开 → 掐上游
|
|
659
|
+
*
|
|
660
|
+
* ⚠️ E2EE 路径**不**走这里:信封是"一问一答"的结构,SSE 要逐块封/解需要另立协议;
|
|
661
|
+
* 而现实里 SSE 由 `EventSource` 发出、shim 不接管它(不带头部信封标记),
|
|
662
|
+
* 所以密文流根本不存在 —— 真要做时再单独设计,不要在这里偷偷降级成明文。
|
|
663
|
+
*
|
|
664
|
+
* @returns {Promise<{status:number, chunks:number, bytes:number, aborted?:boolean}>}
|
|
665
|
+
*/
|
|
666
|
+
async function doHttpStream(send, id, method, path, reqHeaders) {
|
|
667
|
+
const safe = safePath(path);
|
|
668
|
+
if (safe === null) throw new Error("非法路径");
|
|
669
|
+
const reqHdrs = sanitizeRequestHeaders(reqHeaders);
|
|
670
|
+
const ck = harnessCookieOf(); // 新版 dsh web 的浏览器会话 Cookie(否则 401 白页)
|
|
671
|
+
if (ck) reqHdrs.Cookie = ck;
|
|
672
|
+
const controller = new AbortController();
|
|
673
|
+
streamAborts.set(id, controller);
|
|
674
|
+
|
|
675
|
+
let res;
|
|
676
|
+
try {
|
|
677
|
+
res = await fetch(`${UPSTREAM}${safe}`, { method, headers: reqHdrs, signal: controller.signal });
|
|
678
|
+
} catch (e) {
|
|
679
|
+
streamAborts.delete(id);
|
|
680
|
+
throw e; // 头部都还没发出去 → 交给调用方回一个普通错误帧
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
const status = res.status;
|
|
684
|
+
// 头部帧:告诉中继"这是一条流",随后才逐块推 body
|
|
685
|
+
send({
|
|
686
|
+
id,
|
|
687
|
+
type: "http",
|
|
688
|
+
status,
|
|
689
|
+
headers: sanitizeResponseHeaders(Object.fromEntries(res.headers.entries())),
|
|
690
|
+
streaming: true
|
|
691
|
+
});
|
|
692
|
+
|
|
693
|
+
let seq = 0;
|
|
694
|
+
let bytes = 0;
|
|
695
|
+
try {
|
|
696
|
+
const reader = res.body && typeof res.body.getReader === "function" ? res.body.getReader() : null;
|
|
697
|
+
if (reader) {
|
|
698
|
+
for (;;) {
|
|
699
|
+
const { done, value } = await reader.read();
|
|
700
|
+
if (done) break;
|
|
701
|
+
if (!value || value.length === 0) continue;
|
|
702
|
+
bytes += value.length;
|
|
703
|
+
send({ id, type: "http-chunk", seq: ++seq, body: Buffer.from(value).toString("base64"), bodyBase64: true });
|
|
704
|
+
}
|
|
705
|
+
}
|
|
706
|
+
} catch (e) {
|
|
707
|
+
// 头部已经发出去了:这里**绝不能**抛(调用方会用普通帧回 502,而中继那边响应头已定,
|
|
708
|
+
// 再写一次 head 会炸)。统一以 http-end 收尾,让 EventSource 按自己的节奏重连。
|
|
709
|
+
const aborted = controller.signal.aborted === true;
|
|
710
|
+
streamAborts.delete(id);
|
|
711
|
+
send({ id, type: "http-end", seq, ...(aborted ? { aborted: true } : { error: String(e?.message || e) }) });
|
|
712
|
+
return { status, chunks: seq, bytes, aborted };
|
|
713
|
+
}
|
|
714
|
+
streamAborts.delete(id);
|
|
715
|
+
send({ id, type: "http-end", seq });
|
|
716
|
+
return { status, chunks: seq, bytes };
|
|
717
|
+
}
|
|
718
|
+
|
|
568
719
|
async function doHttp(method, path, reqHeaders, body, isB64) {
|
|
569
720
|
const safe = safePath(path);
|
|
570
721
|
if (safe === null) throw new Error("非法路径");
|
|
@@ -624,7 +775,14 @@ async function doHttp(method, path, reqHeaders, body, isB64) {
|
|
|
624
775
|
const compressed = await maybeCompressResponse({
|
|
625
776
|
buf,
|
|
626
777
|
contentType,
|
|
627
|
-
|
|
778
|
+
// 🔴 必须传空:这里的 `buf` 是 **undici 已经解压过**的明文,不是上游线速字节。
|
|
779
|
+
// 以前传的是 `res.headers.get("content-encoding")` —— 而 undici 解压之后**仍会把该头留着**
|
|
780
|
+
// (本文件 sanitizeResponseHeaders 的注释正是这么写的:"undici 已自动解压 body,
|
|
781
|
+
// content-encoding/length 会误导浏览器")。于是 maybeCompressResponse 看到 "gzip"
|
|
782
|
+
// 就保守地 `return null`,**永不重压** —— 实测代价:线上 dsh web 的 `/plugins/??`
|
|
783
|
+
// 聚合包本来 gzip 后 5.12MB,被原样发出 13.39MB(2.6×),免费档 1Mbps 下从 40 秒变成 100+ 秒。
|
|
784
|
+
// 传空之后语义才是自洽的:"我手上这份 buf 是未编码的明文,可以压"。
|
|
785
|
+
contentEncoding: "",
|
|
628
786
|
acceptEncoding: headerValue(reqHeaders, "accept-encoding"),
|
|
629
787
|
status: res.status,
|
|
630
788
|
method
|
|
@@ -693,12 +851,22 @@ export async function handleHttpFrame(dchOrSend, frame) {
|
|
|
693
851
|
}
|
|
694
852
|
}
|
|
695
853
|
try {
|
|
854
|
+
// SSE 必须流式转发(否则会挂满 120s 超时,见 doHttpStream 注释)。
|
|
855
|
+
// 客户端是 EventSource 时必带 Accept: text/event-stream,以此为准(不看路径白名单,免得漏)。
|
|
856
|
+
if (routerCaps.has("http-stream") && String(headerValue(headers, "accept") || "").includes("text/event-stream")) {
|
|
857
|
+
const s = await doHttpStream(send, id, method, path, headers);
|
|
858
|
+
console.log(`[bridge] ${method} ${path} → SSE ${s.status} (${Date.now() - t0}ms, ${s.chunks} 块 / ${(s.bytes / 1024).toFixed(1)}KB${s.aborted ? ", 手机已断开" : ""})`);
|
|
859
|
+
return;
|
|
860
|
+
}
|
|
696
861
|
const reply = await doHttp(method, path, headers, body, !!isB64);
|
|
697
862
|
reply.id = id;
|
|
698
863
|
reply.type = "http";
|
|
699
864
|
send(reply);
|
|
700
865
|
console.log(`[bridge] ${method} ${path} → ${reply.status} (${Date.now() - t0}ms, ${(reply.body.length * 3 / 4 / 1024).toFixed(0)}KB)`);
|
|
701
866
|
} catch (e) {
|
|
867
|
+
// 上游不可达是「端口可能变了」的最强信号(Desktop 换端口 / dsh web 重启到别的端口):
|
|
868
|
+
// 触发一次带冷却的重新发现,后续请求自动跟上,不必重启 bridge。
|
|
869
|
+
void refreshUpstream("上游请求失败");
|
|
702
870
|
console.log(`[bridge] ${method} ${path} 上游错误: ${e.message}`);
|
|
703
871
|
send({ id, type: "http", status: 502, headers: { "content-type": "application/json" }, body: Buffer.from(JSON.stringify({ error: String(e.message || e) })).toString("base64"), bodyBase64: true });
|
|
704
872
|
}
|
|
@@ -760,6 +928,7 @@ export async function handleLegacyFrame(dchOrSend, frame) {
|
|
|
760
928
|
send({ id, status: reply.status, headers: reply.headers, body: text });
|
|
761
929
|
console.log(`[bridge] legacy ${method} ${path} → ${reply.status} (${Date.now() - t0}ms)`);
|
|
762
930
|
} catch (e) {
|
|
931
|
+
void refreshUpstream("上游请求失败(legacy)");
|
|
763
932
|
console.log(`[bridge] legacy ${method} ${path} 上游错误: ${e.message}`);
|
|
764
933
|
send({ id, status: 502, headers: {}, body: JSON.stringify({ error: String(e.message || e) }) });
|
|
765
934
|
}
|
|
@@ -1157,6 +1326,9 @@ function connectTunnel(token) {
|
|
|
1157
1326
|
try {
|
|
1158
1327
|
receive(raw, (frame) => {
|
|
1159
1328
|
if (frame?.type === "tunnel-register-ok") {
|
|
1329
|
+
// 记下中继声明的追加帧能力(旧中继不带 caps → 空集合 → 退回整包缓冲,见 routerCaps 注释)
|
|
1330
|
+
routerCaps.clear();
|
|
1331
|
+
for (const c of Array.isArray(frame.caps) ? frame.caps : []) routerCaps.add(String(c));
|
|
1160
1332
|
// 中继注册成功 = 手机端此刻真的能进这台电脑:面板据此把阶段推进到 online(已连接 ✅)
|
|
1161
1333
|
persistBridgeState({ device_id: DEVICE_ID, tunnel_registered_at: Date.now(), phase: "online", last_error: null });
|
|
1162
1334
|
console.log(`[bridge] ✅ router 注册成功: ${DEVICE_ID},等待手机访问 /remote/${DEVICE_ID}/`);
|
|
@@ -1172,6 +1344,7 @@ function connectTunnel(token) {
|
|
|
1172
1344
|
} catch (e) { console.log(`[bridge] 隧道帧错误: ${e.message}`); }
|
|
1173
1345
|
});
|
|
1174
1346
|
ws.on("close", (code, reason) => {
|
|
1347
|
+
routerCaps.clear(); // 换中继/断线:能力重新协商,期间一律退回保守行为
|
|
1175
1348
|
clearInterval(heartbeat);
|
|
1176
1349
|
console.log(`[bridge] 隧道断开(code=${code}${reason ? ", " + reason : ""})`);
|
|
1177
1350
|
closeAllWsSessions();
|
|
@@ -1348,6 +1521,9 @@ function startWeChat() {
|
|
|
1348
1521
|
const cfg = loadLocalConfig();
|
|
1349
1522
|
wechatRuntime = createWeChatRuntime({
|
|
1350
1523
|
relayDir,
|
|
1524
|
+
// 上游地址在 runTunnel() 开头已完成动态发现(见 refreshUpstream),所以这里拿到的是真实端口。
|
|
1525
|
+
// ⚠️ 这是**取值**而非引用:运行中若上游端口又变了(自愈重发现),微信通道要等 bridge 重启才跟上;
|
|
1526
|
+
// 隧道转发那一侧不受影响(它每次都读最新的 UPSTREAM)。
|
|
1351
1527
|
upstream: UPSTREAM,
|
|
1352
1528
|
cookieOf: harnessCookieOf,
|
|
1353
1529
|
secret: process.env.DSH_BRIDGE_SECRET || (typeof cfg.bridge_secret === "string" ? cfg.bridge_secret : ""),
|
|
@@ -1393,6 +1569,10 @@ function redactText(e) {
|
|
|
1393
1569
|
}
|
|
1394
1570
|
|
|
1395
1571
|
async function runTunnel() {
|
|
1572
|
+
// 先动态确定上游再连隧道:上游端口不是 3080 时(DSH Desktop 默认 43120)这一步是关键 ——
|
|
1573
|
+
// 否则 bridge 会连上中继、手机也能打开页面,但每个请求都打到一个没人听的端口。
|
|
1574
|
+
await refreshUpstream("启动");
|
|
1575
|
+
console.log(`[bridge] 上游地址已确定: ${UPSTREAM}`);
|
|
1396
1576
|
const token = await resolveToken();
|
|
1397
1577
|
if (!token) {
|
|
1398
1578
|
console.error("[bridge] 隧道模式需要账号认证:请设 DSH_BRIDGE_TOKEN,或 DSH_BRIDGE_PHONE+DSH_BRIDGE_PASSWORD");
|
|
@@ -95,7 +95,34 @@ const RUNTIME_HOST_RE =
|
|
|
95
95
|
/(data-sidebar-collapsed|data-details-collapsed|data-rightbar-collapsed|data-shell-overlay)|(pI_x6G_frame|hHd-Xa_root|hHd-Xa_toggle)/;
|
|
96
96
|
|
|
97
97
|
const STYLE = `
|
|
98
|
-
/* =====
|
|
98
|
+
/* ===== 首屏加载提示(0.6.14)=====
|
|
99
|
+
为什么要有它:镜像页首屏要拉 dsh web 的全部客户端插件(实测 ~14 MB,一个不可拆分的
|
|
100
|
+
/plugins/?? 聚合请求),免费档限速下几十秒起步。此前页面上**只有官方那个转圈**,
|
|
101
|
+
用户无法区分"在加载"和"卡死了",只能反复刷新 —— 反而更慢。
|
|
102
|
+
这里给一句人话提示 + 分阶段的补充说明,加载完成(或超时兜底)即自动移除。
|
|
103
|
+
⚠️ 刻意**不**放进 @media (max-width:820px):Windows/桌面浏览器打开镜像页同样要等。
|
|
104
|
+
⚠️ pointer-events:none + 半透明:万一移除逻辑失效,也绝不挡住任何点击。 */
|
|
105
|
+
.dsh-ma-boot {
|
|
106
|
+
position: fixed; inset: 0; z-index: 2147483000;
|
|
107
|
+
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
|
|
108
|
+
background: color-mix(in srgb, var(--dsw-alias-bg-base, #0f1115) 88%, transparent);
|
|
109
|
+
backdrop-filter: blur(2px);
|
|
110
|
+
pointer-events: none;
|
|
111
|
+
font-family: inherit; text-align: center; padding: 24px;
|
|
112
|
+
transition: opacity .3s ease;
|
|
113
|
+
}
|
|
114
|
+
.dsh-ma-boot[data-fading="1"] { opacity: 0; }
|
|
115
|
+
.dsh-ma-boot-spin {
|
|
116
|
+
width: 34px; height: 34px; border-radius: 50%;
|
|
117
|
+
border: 3px solid color-mix(in srgb, currentColor 22%, transparent);
|
|
118
|
+
border-top-color: currentColor;
|
|
119
|
+
animation: dsh-ma-boot-spin 1s linear infinite;
|
|
120
|
+
}
|
|
121
|
+
@keyframes dsh-ma-boot-spin { to { transform: rotate(360deg); } }
|
|
122
|
+
.dsh-ma-boot-title { font-size: 15px; font-weight: 600; }
|
|
123
|
+
.dsh-ma-boot-sub { font-size: 13px; line-height: 1.6; opacity: .75; max-width: 22em; }
|
|
124
|
+
.dsh-ma-boot-elapsed { font-size: 12px; opacity: .55; font-variant-numeric: tabular-nums; }
|
|
125
|
+
|
|
99
126
|
@media (max-width: 820px) {
|
|
100
127
|
html, body { max-width: 100%; overflow-x: hidden; }
|
|
101
128
|
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
|
|
@@ -426,6 +453,89 @@ html[data-dsh-ma-merged-e2ee] #dsh-e2ee-badge { display: none !important; }
|
|
|
426
453
|
const SCRIPT = `(() => {
|
|
427
454
|
"use strict";
|
|
428
455
|
|
|
456
|
+
/* ===== 首屏加载提示(0.6.14)=====
|
|
457
|
+
用户反馈:「普通用户加载进入镜像页面时等待时间较长,目前等待过程中一直在转圈」
|
|
458
|
+
—— 官方那个转圈不告诉用户任何事。这里在**页面解析的第一时间**就挂上一条人话提示,
|
|
459
|
+
并在官方 UI 就绪(或兜底超时)后自动移除。
|
|
460
|
+
|
|
461
|
+
⚠️ 必须放在所有主机判定(HOSTISH / NARROW)之前:首屏慢的正是这些判定等不到的时候。
|
|
462
|
+
⚠️ 只做提示,不做任何拦截:pointer-events:none,也没有遮罩语义。 */
|
|
463
|
+
var maBootTip = null, maBootTimers = [], maBootStart = Date.now(), maBootElapsedTimer = 0, maBootWatchTimer = 0;
|
|
464
|
+
function maBootSet(cls, text) {
|
|
465
|
+
try { var n = maBootTip && maBootTip.querySelector(cls); if (n) n.textContent = text; } catch (e) { /* 忽略 */ }
|
|
466
|
+
}
|
|
467
|
+
function maBootShow() {
|
|
468
|
+
try {
|
|
469
|
+
if (maBootTip) return;
|
|
470
|
+
if (!document.body) return; // 解析太早(body 还没出来)→ 交给 DOMContentLoaded 再挂
|
|
471
|
+
maBootTip = document.createElement("div");
|
|
472
|
+
maBootTip.className = "dsh-ma-boot";
|
|
473
|
+
maBootTip.setAttribute("role", "status");
|
|
474
|
+
maBootTip.setAttribute("aria-live", "polite");
|
|
475
|
+
maBootTip.innerHTML =
|
|
476
|
+
'<div class="dsh-ma-boot-spin" aria-hidden="true"></div>' +
|
|
477
|
+
'<div class="dsh-ma-boot-title">正在加载远程桌面…</div>' +
|
|
478
|
+
'<div class="dsh-ma-boot-sub">首次打开需要下载较完整的前端资源,请稍候</div>' +
|
|
479
|
+
'<div class="dsh-ma-boot-elapsed">已等待 0 秒</div>';
|
|
480
|
+
document.body.appendChild(maBootTip);
|
|
481
|
+
// 秒表:让"到底等了多久"可见(用户据此判断是慢还是死了)
|
|
482
|
+
maBootElapsedTimer = setInterval(function () {
|
|
483
|
+
try {
|
|
484
|
+
var s = Math.floor((Date.now() - maBootStart) / 1000);
|
|
485
|
+
var n = maBootTip && maBootTip.querySelector(".dsh-ma-boot-elapsed");
|
|
486
|
+
if (n) n.textContent = "已等待 " + s + " 秒";
|
|
487
|
+
} catch (e) { /* 忽略 */ }
|
|
488
|
+
}, 1000);
|
|
489
|
+
maBootTimers.push(setTimeout(function () {
|
|
490
|
+
maBootSet(".dsh-ma-boot-sub", "网络较慢时可能需要一两分钟;加载完成后会自动进入,不用重复刷新");
|
|
491
|
+
}, 8000));
|
|
492
|
+
maBootTimers.push(setTimeout(function () {
|
|
493
|
+
maBootSet(".dsh-ma-boot-sub", "还在加载…如果长时间停在这里,可以下拉刷新重试(重复刷新不会更快)");
|
|
494
|
+
}, 30 * 1000));
|
|
495
|
+
} catch (e) { /* 提示失败绝不影响主功能 */ }
|
|
496
|
+
}
|
|
497
|
+
function maBootHide() {
|
|
498
|
+
try {
|
|
499
|
+
for (var i = 0; i < maBootTimers.length; i++) clearTimeout(maBootTimers[i]);
|
|
500
|
+
maBootTimers = [];
|
|
501
|
+
if (maBootElapsedTimer) { clearInterval(maBootElapsedTimer); maBootElapsedTimer = 0; }
|
|
502
|
+
if (maBootWatchTimer) { try { clearInterval(maBootWatchTimer); } catch (e) { /* 忽略 */ } maBootWatchTimer = 0; }
|
|
503
|
+
var tip = maBootTip;
|
|
504
|
+
maBootTip = null;
|
|
505
|
+
if (tip && tip.parentNode) {
|
|
506
|
+
try { tip.setAttribute("data-fading", "1"); } catch (e) { /* 忽略 */ }
|
|
507
|
+
setTimeout(function () { try { if (tip.parentNode) tip.parentNode.removeChild(tip); } catch (e) { /* 忽略 */ } }, 300);
|
|
508
|
+
}
|
|
509
|
+
} catch (e) { /* 忽略 */ }
|
|
510
|
+
}
|
|
511
|
+
/** 官方 UI 是否已经可用了(= 提示可以撤了)。 */
|
|
512
|
+
function maBootLooksReady() {
|
|
513
|
+
try {
|
|
514
|
+
// ① 适配层认出来的官方 frame(与下方 boot() 同一组选择器)
|
|
515
|
+
if (document.querySelector(".pI_x6G_frame, [data-sidebar-collapsed], [data-details-collapsed], [data-rightbar-collapsed]")) return true;
|
|
516
|
+
// ② 出现输入框/会话区也算"进来了"(官方改版首选信号失灵时的兜底)
|
|
517
|
+
return Boolean(document.querySelector('textarea, [contenteditable="true"], [role="textbox"]'));
|
|
518
|
+
} catch (e) { return false; }
|
|
519
|
+
}
|
|
520
|
+
if (document.readyState === "loading") {
|
|
521
|
+
document.addEventListener("DOMContentLoaded", maBootShow);
|
|
522
|
+
} else {
|
|
523
|
+
maBootShow();
|
|
524
|
+
}
|
|
525
|
+
// 轮询撤下:1s 一次,成本可忽略(只是两次 querySelector);一旦撤下就自我停止。
|
|
526
|
+
// 上限与"4 分钟兜底"对齐,避免页面异常时留下常驻定时器。
|
|
527
|
+
maBootWatchTimer = setInterval(function () {
|
|
528
|
+
if (maBootLooksReady()) { maBootHide(); return; }
|
|
529
|
+
if (!maBootTip) { try { clearInterval(maBootWatchTimer); } catch (e) { /* 忽略 */ } maBootWatchTimer = 0; }
|
|
530
|
+
}, 1000);
|
|
531
|
+
maBootTimers.push(setTimeout(function () { maBootHide(); }, 240 * 1000));
|
|
532
|
+
// 页面卸载/进 bfcache 时收干净(测试与真机都靠这条不留悬挂定时器)
|
|
533
|
+
try {
|
|
534
|
+
var maBootBye = function () { maBootHide(); };
|
|
535
|
+
window.addEventListener("pagehide", maBootBye);
|
|
536
|
+
window.addEventListener("unload", maBootBye);
|
|
537
|
+
} catch (e) { /* 忽略 */ }
|
|
538
|
+
|
|
429
539
|
/* —— 主机门解除(2026-09):镜像页(如 n.risegao.cn)经设备流认证回连同一台 127.0.0.1:3080,
|
|
430
540
|
桥已把 Host 回环化并剥 Origin(不扩大信任面)。官方客户端以 transport.ownsHost 判定
|
|
431
541
|
「自有主机」,非回环域名下不置 true 会把设置页置为 memory(不可用)镜像 →
|
|
@@ -1096,6 +1206,36 @@ const SCRIPT = `(() => {
|
|
|
1096
1206
|
} catch (e8) { /* 引导条失败绝不能影响主功能 */ }
|
|
1097
1207
|
};
|
|
1098
1208
|
|
|
1209
|
+
/* 适配层自己创建的「抽屉入口」引用(汉堡按钮 / 遮罩),提到 boot() 外层保存。
|
|
1210
|
+
为什么必须提到外层:官方 SPA 重渲染时会整片替换 body 子树,把这两个节点一起冲掉;
|
|
1211
|
+
留住引用才能在下面的「存在性看门狗」里把**同一个节点**补回去(节点不变 → 挂在它上面的
|
|
1212
|
+
click 处理、CSS 类、aria 属性全都原样保留,不会出现"补回来点不动"的假按钮)。 */
|
|
1213
|
+
let maHamburger = null, maScrim = null;
|
|
1214
|
+
|
|
1215
|
+
/* 节点是否已经脱离文档。判不出来时一律当作"还在"—— 宁可不补,也绝不重复插入。 */
|
|
1216
|
+
const maDetached = (el) => {
|
|
1217
|
+
if (!el) return false;
|
|
1218
|
+
try { if (typeof el.isConnected === "boolean") return !el.isConnected; } catch (eConn) { /* 继续退化 */ }
|
|
1219
|
+
try {
|
|
1220
|
+
const b = document.body;
|
|
1221
|
+
if (b && typeof b.contains === "function") return !b.contains(el);
|
|
1222
|
+
} catch (eHas) { /* 继续退化 */ }
|
|
1223
|
+
return false;
|
|
1224
|
+
};
|
|
1225
|
+
|
|
1226
|
+
/* —— 存在性看门狗:「建好了」不等于「一直都在」----------------------------------
|
|
1227
|
+
done=true 只保证**曾经**建出来过。官方在路由/会话切换时会重建 DOM 子树,我们的汉堡按钮
|
|
1228
|
+
与遮罩会跟着消失 —— 用户看到的就是"抽屉按钮用着用着又没了"。
|
|
1229
|
+
这里按**引用**补回(不是重建),只在窄屏做(宽屏本来就不需要抽屉入口)。
|
|
1230
|
+
幂等:节点还在文档里 → 什么都不做;boot 还没成功(引用为 null) → 同样什么都不做。 */
|
|
1231
|
+
const ensureDrawerChrome = () => {
|
|
1232
|
+
try {
|
|
1233
|
+
if (!NARROW() || !document.body) return;
|
|
1234
|
+
if (maDetached(maScrim)) document.body.appendChild(maScrim);
|
|
1235
|
+
if (maDetached(maHamburger)) document.body.appendChild(maHamburger);
|
|
1236
|
+
} catch (eChrome) { /* 补不回去也不能影响抽屉开合本身 */ }
|
|
1237
|
+
};
|
|
1238
|
+
|
|
1099
1239
|
let done = false;
|
|
1100
1240
|
const boot = () => {
|
|
1101
1241
|
if (!HOSTISH()) return;
|
|
@@ -1228,6 +1368,7 @@ const SCRIPT = `(() => {
|
|
|
1228
1368
|
const scrim = document.createElement("div");
|
|
1229
1369
|
scrim.className = "dsh-ma-scrim";
|
|
1230
1370
|
document.body.appendChild(scrim);
|
|
1371
|
+
maScrim = scrim; // 供「存在性看门狗」在被官方冲掉后补回
|
|
1231
1372
|
scrim.addEventListener("click", (e) => {
|
|
1232
1373
|
e.stopPropagation();
|
|
1233
1374
|
userWantsOpen = false; // 用户明确要关(遮罩的作用就是关抽屉)
|
|
@@ -1245,6 +1386,7 @@ const SCRIPT = `(() => {
|
|
|
1245
1386
|
hamburger.setAttribute("aria-label", "打开菜单");
|
|
1246
1387
|
hamburger.innerHTML = '<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h10"/></svg>';
|
|
1247
1388
|
document.body.appendChild(hamburger);
|
|
1389
|
+
maHamburger = hamburger; // 供「存在性看门狗」在被官方冲掉后补回
|
|
1248
1390
|
hamburger.addEventListener("click", (e) => {
|
|
1249
1391
|
e.stopPropagation(); e.preventDefault();
|
|
1250
1392
|
const nowOpen = document.documentElement.classList.contains("dsh-ma-sidebar-open");
|
|
@@ -1516,10 +1658,82 @@ const SCRIPT = `(() => {
|
|
|
1516
1658
|
};
|
|
1517
1659
|
|
|
1518
1660
|
if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", boot); else boot();
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1661
|
+
|
|
1662
|
+
/* ================= 执行时机:无限期等待官方 DOM 就绪 =================
|
|
1663
|
+
用户实测原话(2026-09-2x):「在网络比较慢的情况下,左边的抽屉按钮有时候出不来。
|
|
1664
|
+
甭管网络有多慢,都要让那个抽屉能加载出来。」
|
|
1665
|
+
⚠️ 旧实现是**一组写死的固定重试**([700, 1600, 3200, 7000, 12000]ms),而汉堡按钮的创建
|
|
1666
|
+
排在 boot() 里 "if (!frame) return;" 那一行之后 —— 官方 SPA bundle 有 13.4MB(实测未压缩),
|
|
1667
|
+
免费档被中继限速到 128KB/s 时冷启动要 1-2 分钟,官方 frame 在 12 秒内根本没出现:
|
|
1668
|
+
5 次重试全部在那一行返回 → done 永远为 false → 汉堡按钮**永远**不创建
|
|
1669
|
+
→ 用户看到"左边抽屉按钮出不来"。任何固定窗口都只是把这个阈值往后挪,治不了根。
|
|
1670
|
+
现在改成「事件驱动 + 低频兜底」的**无限期**等待,只要抽屉入口还没建好就一直试:
|
|
1671
|
+
· MutationObserver(document/subtree):官方 frame 一挂上就立刻跟上(网络快时零延迟);
|
|
1672
|
+
· setInterval(1000ms):兜底 + 存在性看门狗 —— observer 不可用/被绕过时照样收敛,
|
|
1673
|
+
也负责在 done 之后发现官方重渲染冲掉了我们的节点并补回。
|
|
1674
|
+
两条路都只是"再调一次 pump()",pump 内部**全部幂等**(done / fabDone / whaleGuardsOn /
|
|
1675
|
+
settingsWatchOn / drawerAutoCloseOn 等守卫都在),重复调用不会产生任何副作用,
|
|
1676
|
+
也不改变"执行什么"——开合、遮罩不变量、sync()、isDrawer() 判定一行未动。 */
|
|
1677
|
+
let maTorn = false, maInterval = 0, maObserver = null, maRafPending = false;
|
|
1678
|
+
/* 廉价的"boot() 还有事可做吗"闸门(只读两个现成的布尔标志,不做任何 DOM 操作):
|
|
1679
|
+
· fab 还没建出来(fabDone=false) → 要跑;
|
|
1680
|
+
· 抽屉那段还没建好(done=false)且当前是窄屏 → 要跑(旋转/缩放回窄屏也能补建)。
|
|
1681
|
+
两者都不成立 → boot() 里已无事可做,**绝不能**再跑:boot() 第一行 HOSTISH() 会把
|
|
1682
|
+
documentElement.outerHTML 整个序列化一遍(最长 200KB),而官方流式输出时每帧都有 DOM
|
|
1683
|
+
变更 —— 没有这道闸门就会变成每秒几十次全量序列化(旧实现只跑 5 次,不会有这个问题)。 */
|
|
1684
|
+
const bootUseful = () => !fabDone || (!done && NARROW());
|
|
1685
|
+
const pump = () => {
|
|
1686
|
+
if (maTorn) return;
|
|
1687
|
+
if (bootUseful()) { try { boot(); } catch (eBoot) { /* 幂等重试 */ } }
|
|
1688
|
+
try { ensureDrawerChrome(); } catch (eChrome2) { /* 忽略 */ }
|
|
1689
|
+
if (!whaleGuardsOn || !settingsWatchOn) {
|
|
1690
|
+
try { whaleHookInit(); watchSettings(); } catch (eHook) { /* 两者内部都自带一次性守卫 */ }
|
|
1691
|
+
}
|
|
1692
|
+
};
|
|
1693
|
+
/* 节流:一次 DOM 变更往往产生几十条记录,逐条 boot() 就是忙轮询。
|
|
1694
|
+
统一合并成"本帧最多跑一次"(有 rAF 用 rAF,没有就退化成 0ms 宏任务) —— 天然去重。 */
|
|
1695
|
+
const schedulePump = () => {
|
|
1696
|
+
if (maTorn || maRafPending) return;
|
|
1697
|
+
maRafPending = true;
|
|
1698
|
+
const run = () => { maRafPending = false; pump(); };
|
|
1699
|
+
try { if (typeof requestAnimationFrame === "function") { requestAnimationFrame(run); return; } } catch (eRaf) { /* 退化 */ }
|
|
1700
|
+
setTimeout(run, 0);
|
|
1701
|
+
};
|
|
1702
|
+
/* 挂上"叫醒"的两条路。做成可重入(先清旧的再建新的),这样 bfcache 恢复后能重新武装。 */
|
|
1703
|
+
const maArm = () => {
|
|
1704
|
+
maTorn = false;
|
|
1705
|
+
maRafPending = false; // 冻结时若有一帧没跑到,不清掉就会永远挡住后续调度
|
|
1706
|
+
try { if (maObserver) maObserver.disconnect(); } catch (eA1) { /* 忽略 */ }
|
|
1707
|
+
maObserver = null;
|
|
1708
|
+
try { if (maInterval) clearInterval(maInterval); } catch (eA2) { /* 忽略 */ }
|
|
1709
|
+
maInterval = 0;
|
|
1710
|
+
try {
|
|
1711
|
+
if (typeof MutationObserver === "function" && document.documentElement) {
|
|
1712
|
+
maObserver = new MutationObserver(schedulePump);
|
|
1713
|
+
/* 只观察 childList+subtree:节点被官方换掉/新增才叫醒我们。
|
|
1714
|
+
⚠️ 刻意**不**观察 attributes —— 我们自己的 sync() 就会不停改 class,那会变成自激循环。 */
|
|
1715
|
+
maObserver.observe(document.documentElement, { childList: true, subtree: true });
|
|
1716
|
+
}
|
|
1717
|
+
} catch (eObs) { maObserver = null; /* 退化:只靠下面的兜底表 */ }
|
|
1718
|
+
try { maInterval = setInterval(pump, 1000); } catch (eInt) { maInterval = 0; }
|
|
1719
|
+
};
|
|
1720
|
+
maArm();
|
|
1721
|
+
/* 清理:页面卸载时断开观察者与兜底表(bfcache/长驻页面都不留悬挂回调)。
|
|
1722
|
+
pagehide 覆盖 bfcache 场景,unload 兜底更老的浏览器。 */
|
|
1723
|
+
const maTeardown = () => {
|
|
1724
|
+
maTorn = true;
|
|
1725
|
+
try { if (maObserver) maObserver.disconnect(); } catch (eD1) { /* 忽略 */ }
|
|
1726
|
+
maObserver = null;
|
|
1727
|
+
try { if (maInterval) clearInterval(maInterval); } catch (eD2) { /* 忽略 */ }
|
|
1728
|
+
maInterval = 0;
|
|
1729
|
+
};
|
|
1730
|
+
try { window.addEventListener("pagehide", maTeardown); } catch (ePh) { /* 忽略 */ }
|
|
1731
|
+
try { window.addEventListener("unload", maTeardown); } catch (eUl) { /* 忽略 */ }
|
|
1732
|
+
/* 手机上"切到别的 App 再切回来"走的常是 bfcache:pagehide(persisted=true) → pageshow(persisted=true)。
|
|
1733
|
+
DOM 原样保留但计时器/观察者已断 —— 这里重新武装,否则回到页面后看门狗就永久失灵了。 */
|
|
1734
|
+
try {
|
|
1735
|
+
window.addEventListener("pageshow", (ev) => { try { if (ev && ev.persisted) maArm(); } catch (ePs) { /* 忽略 */ } });
|
|
1736
|
+
} catch (ePs2) { /* 忽略 */ }
|
|
1523
1737
|
} catch (e) { if (window.console) console.warn("[dsh-mobile-adapter]", e && e.message); }
|
|
1524
1738
|
})();`;
|
|
1525
1739
|
|