dsh-pocket 2.5.1 → 2.6.1

package/README.en.md

@@ -194,7 +194,7 @@ Such tools take over all traffic and often cut cloudflared's tunnel-edge connect
 ```sh
 npm install
 node client/build.mjs   # rebuild after editing client/
-npm test                # proxy / auth / compression / tunnel / service / RPC / settings (105 tests)
+npm test                # proxy / auth / compression / tunnel / service / RPC / settings (108 tests)
 ```
 
 **Want to try your changes locally without publishing?** Point the installed plugin at your local checkout with a symlink and restart dsh web. Full steps (including switching back to the npm release) are in [LOCAL-DEV.md](./LOCAL-DEV.md).

package/README.md

@@ -195,7 +195,7 @@ npx @deepseek-ai/dsh web
 ```sh
 npm install
 node client/build.mjs   # 改 client/ 后重新打包
-npm test                # 代理 / 认证 / 压缩 / 隧道 / 服务 / RPC / 设置（105 测试）
+npm test                # 代理 / 认证 / 压缩 / 隧道 / 服务 / RPC / 设置（108 测试）
 ```
 
 **改完想在本机先试？** 不用发版：把插件换成指向本地仓库的软链，重启 dsh web 就是本地代码。完整步骤（含怎么换回 npm 官方版本）见 [LOCAL-DEV.md](./LOCAL-DEV.md)。

package/client/client.js

@@ -1214,6 +1214,51 @@ var MOBILE_CSS = `
   [data-mobile-nav="drawer-actions"] {
     display: none !important;
   }
+  /* \u684C\u9762\u7AEF\u6C38\u8FDC\u4E0D\u9700\u8981\u300C\u26F6 \u653E\u5927\u8F93\u5165\u300D\u6309\u94AE\uFF08composer \u5DF2\u7ECF\u6709\u5B8C\u6574\u5DE5\u5177\u884C\uFF09 */
+  [data-mobile-nav="composer-fullscreen"] {
+    display: none !important;
+  }
+}
+
+/* ---------- \u653E\u5927\u8F93\u5165\uFF08issue #23\uFF09 ----------
+   \u7A84\u5C4F\u9ED8\u8BA4\u9690\u85CF\u63D2\u4EF6\u6CE8\u518C\u5230 conversation.input.* slot \u7684 UI\uFF08\u4EC5\u7559\u5B98\u65B9 resident
+   chrome\uFF09\uFF0C\u70B9\u300C\u26F6\u300D\u6309\u94AE\u628A composer \u5361\u7247\u56FA\u5B9A\u5230\u5168\u5C4F\u540E\u6240\u6709\u63D2\u4EF6 UI \u6062\u590D\u663E\u793A\u2014\u2014
+   \u65B0\u63D2\u4EF6\u96F6\u9002\u914D\u3002
+   \u5B9E\u73B0\u8BF4\u660E\uFF1A\u5F53\u524D dsh 0.1.1 \u6CA1\u628A input slot \u6E32\u67D3\u6210 [data-slot] \u5305\u88C5\uFF080.1.2+ \u624D\u6709\uFF09\uFF0C
+   \u6240\u4EE5\u8FD9\u91CC\u7528\u300C\u767D\u540D\u5355\u300D\u53CD\u9009\uFF1AmobileApply \u6CE8\u518C\u7684 mobile \u81EA\u8EAB\u8282\u70B9\u52A0
+   data-mobile-nav="composer-fullscreen" \u4E0D\u88AB\u9690\u85CF\uFF1B\u5176\u5B83\u63D2\u4EF6 UI \u9690\u85CF\u3002 */
+@media (max-width: 1023px) {
+  /* \u9ED8\u8BA4\uFF08\u975E\u5168\u5C4F\uFF09\uFF1A\u9690\u85CF input slot \u5BB9\u5668\u4E0B\u7684\u6240\u6709\u76F4\u63A5\u5B50\u5143\u7D20\uFF08\u5305\u542B\u63D2\u4EF6\u548C\u5B98\u65B9\uFF09
+     \u2014\u2014\u5B98\u65B9\u81EA\u5DF1\u5982\u679C\u60F3\u5728\u7A84\u5C4F\u4E5F\u9732\u51FA\uFF0C\u6CE8 input slot \u65F6\u52A0 data-mobile-nav-keep="1" */
+  [data-dsh-pocket-composer-fullscreen]:not([data-dsh-pocket-composer-fullscreen="1"])
+    [class$="_card"]:has(textarea) [data-slot^="conversation.input."] > :not([data-mobile-nav-keep]),
+  [data-dsh-pocket-composer-fullscreen]:not([data-dsh-pocket-composer-fullscreen="1"])
+    [class$="_card"]:has(textarea) [data-slot^="conversation.input."]:empty {
+    display: none !important;
+  }
+  /* \u653E\u5927\u6309\u94AE\uFF1A\u5E38\u9A7B\u5728 conversation.input.right slot \u65C1\uFF0C\u684C\u9762\u7AEF\u5DF2\u88AB\u4E0A\u9762\u89C4\u5219\u9690\u85CF */
+  [data-mobile-nav="composer-fullscreen"] {
+    display: inline-flex;
+  }
+  /* \u5168\u5C4F\u6A21\u5F0F\uFF1Acomposer \u5361\u7247\u56FA\u5B9A\u5230\u89C6\u53E3\uFF0Ctextarea \u62C9\u9AD8\uFF0C\u5DE5\u5177\u884C\u53EF\u6362\u884C */
+  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) {
+    position: fixed !important;
+    inset: 0 !important;
+    z-index: 9999 !important;
+    border-radius: 0 !important;
+    margin: 0 !important;
+    height: 100dvh !important;
+    display: flex !important;
+    flex-direction: column !important;
+  }
+  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) textarea {
+    flex: 1 1 auto !important;
+    min-height: 50dvh !important;
+    max-height: none !important;
+  }
+  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) [data-slot^="conversation.input."] {
+    flex-wrap: wrap !important;
+  }
 }
 `;
 
@@ -1439,6 +1484,12 @@ function mobileApply(ctx) {
       toggleSidebar: () => ctx.layout.toggleSidebar()
     })
   }, MobileNavToggle));
+  ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
+    name: "conversation.input.right",
+    id: "mobile-composer-fullscreen",
+    order: 100,
+    locale: NS
+  }, MobileComposerFullscreen));
   ctx.slots.inject("shell.overlay", () => ctx.slots.register({
     name: "shell.overlay",
     id: "mobile-nav-overlay",

package/client/mobile/MobileComposerFullscreen.tsx

@@ -0,0 +1,77 @@
+// 手机端「⛶ 放大输入」开关（issue #23）
+//
+// 行为：
+//  - 点击切换 body 属性 `data-dsh-pocket-composer-fullscreen`；
+//  - mobile.css.ts 监听这个属性，把 composer 卡片固定到全屏（textarea 拉高、工具行
+//    全部展开），插件 UI 注册到 conversation.input.* slot 的按钮全部恢复显示；
+//  - 默认（无 fullscreen 属性）下，CSS 把这些 slot 全部隐藏，只保留官方 resident
+//    chrome（权限/plan/模型/发送）。新插件只要注册到 input slot 就自动遵守此规则，
+//    无需逐个适配。
+//
+// 实现细节：
+//  - 不依赖 dsh web 把 data-slot 包装暴露给选择器（0.1.1 没，0.1.2+ 才有）。我们用
+//    `:scope > :not([data-mobile-nav-keep])` 这样的「保留」标记：所有插件如果
+//    想在手机未放大时也露出，加 data-mobile-nav-keep="1" 即可。默认隐藏的是
+//    slot 容器下的所有直接子元素，**包含 dsh web 官方自己注入的**（这些是
+//    我们想隐藏的"插件 UI"——只要不冲突）。所以需要 dsh web 在官方自己的 UI 上
+//    加 `data-mobile-nav-keep` 标记——等 dsh 0.1.2+ data-slot 上线后改用那个
+//    更优雅（CSS 选择器变成 `[data-slot=...] > :not([data-mobile-nav-keep])`）。
+import { createElement as h, useEffect, useState } from 'react';
+
+const FULLSCREEN_ATTR = 'data-dsh-pocket-composer-fullscreen';
+
+function isFullscreen() {
+  return typeof document !== 'undefined' && document.body?.getAttribute(FULLSCREEN_ATTR) === '1';
+}
+
+function setFullscreen(on) {
+  if (typeof document === 'undefined') return;
+  if (on) document.body.setAttribute(FULLSCREEN_ATTR, '1');
+  else document.body.removeAttribute(FULLSCREEN_ATTR);
+}
+
+/**
+ * 放大输入按钮：注册到 `conversation.input.right`，id `mobile-composer-fullscreen`。
+ * 仅在窄屏（max-width:1023px）显示，桌面端由 CSS 隐藏。
+ */
+export function MobileComposerFullscreen() {
+  const [on, setOn] = useState(isFullscreen);
+  useEffect(() => {
+    const update = () => setOn(isFullscreen());
+    // 与其它 effect 协调：监听任何对 body 属性的修改即可（设置项自己改也算）
+    const observer = new MutationObserver(update);
+    observer.observe(document.body, { attributes: true, attributeFilter: [FULLSCREEN_ATTR] });
+    return () => observer.disconnect();
+  }, []);
+  return h('button', {
+    type: 'button',
+    'aria-label': on ? '收起输入' : '放大输入',
+    'aria-pressed': on,
+    title: on ? '收起输入' : '放大输入',
+    'data-mobile-nav': 'composer-fullscreen',
+    'data-mobile-nav-keep': '1', // 自己的按钮不该被 #23 的 slot 通用隐藏规则误伤
+    onClick: () => {
+      const next = !isFullscreen();
+      setFullscreen(next);
+      setOn(next);
+    },
+    style: {
+      appearance: 'none',
+      WebkitAppearance: 'none',
+      border: 'none',
+      background: 'transparent',
+      color: 'inherit',
+      cursor: 'pointer',
+      padding: '0 8px',
+      height: 32,
+      minWidth: 32,
+      borderRadius: 6,
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      font: 'inherit',
+      fontSize: 16,
+      lineHeight: 1,
+    },
+  }, on ? '⤡' : '⤢');
+}

package/client/mobile/mobile-apply.tsx

@@ -272,6 +272,16 @@ export function mobileApply(ctx): void {
     }),
   }, MobileNavToggle))
 
+  // 「⛶ 放大输入」按钮（issue #23）：注册到 conversation.input.right（发送键旁）
+  // ——桌面端由 mobile.css.ts 隐藏（min-width:1024px）。点按切换 body 上的
+  // data-dsh-pocket-composer-fullscreen 标记，由 CSS 把 composer 卡片全屏化。
+  ctx.slots.inject('conversation.input.right', () => ctx.slots.register({
+    name: 'conversation.input.right',
+    id: 'mobile-composer-fullscreen',
+    order: 100,
+    locale: NS,
+  }, MobileComposerFullscreen))
+
   ctx.slots.inject('shell.overlay', () => ctx.slots.register({
     name: 'shell.overlay',
     id: 'mobile-nav-overlay',

package/client/mobile/mobile.css.ts

@@ -886,5 +886,50 @@ export const MOBILE_CSS = `
   [data-mobile-nav="drawer-actions"] {
     display: none !important;
   }
+  /* 桌面端永远不需要「⛶ 放大输入」按钮（composer 已经有完整工具行） */
+  [data-mobile-nav="composer-fullscreen"] {
+    display: none !important;
+  }
+}
+
+/* ---------- 放大输入（issue #23） ----------
+   窄屏默认隐藏插件注册到 conversation.input.* slot 的 UI（仅留官方 resident
+   chrome），点「⛶」按钮把 composer 卡片固定到全屏后所有插件 UI 恢复显示——
+   新插件零适配。
+   实现说明：当前 dsh 0.1.1 没把 input slot 渲染成 [data-slot] 包装（0.1.2+ 才有），
+   所以这里用「白名单」反选：mobileApply 注册的 mobile 自身节点加
+   data-mobile-nav="composer-fullscreen" 不被隐藏；其它插件 UI 隐藏。 */
+@media (max-width: 1023px) {
+  /* 默认（非全屏）：隐藏 input slot 容器下的所有直接子元素（包含插件和官方）
+     ——官方自己如果想在窄屏也露出，注 input slot 时加 data-mobile-nav-keep="1" */
+  [data-dsh-pocket-composer-fullscreen]:not([data-dsh-pocket-composer-fullscreen="1"])
+    [class$="_card"]:has(textarea) [data-slot^="conversation.input."] > :not([data-mobile-nav-keep]),
+  [data-dsh-pocket-composer-fullscreen]:not([data-dsh-pocket-composer-fullscreen="1"])
+    [class$="_card"]:has(textarea) [data-slot^="conversation.input."]:empty {
+    display: none !important;
+  }
+  /* 放大按钮：常驻在 conversation.input.right slot 旁，桌面端已被上面规则隐藏 */
+  [data-mobile-nav="composer-fullscreen"] {
+    display: inline-flex;
+  }
+  /* 全屏模式：composer 卡片固定到视口，textarea 拉高，工具行可换行 */
+  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) {
+    position: fixed !important;
+    inset: 0 !important;
+    z-index: 9999 !important;
+    border-radius: 0 !important;
+    margin: 0 !important;
+    height: 100dvh !important;
+    display: flex !important;
+    flex-direction: column !important;
+  }
+  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) textarea {
+    flex: 1 1 auto !important;
+    min-height: 50dvh !important;
+    max-height: none !important;
+  }
+  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) [data-slot^="conversation.input."] {
+    flex-wrap: wrap !important;
+  }
 }
 `

package/lib/tunnel.mjs

@@ -23,12 +23,37 @@ import { createWriteStream } from 'node:fs';
 export const QUICK_TUNNEL_URL_RE = /https:\/\/(?!api\.)[a-z0-9-]+\.trycloudflare\.com/i;
 
 function platformBinary() {
-  const archMap = { x64: 'amd64', arm64: 'arm64' };
+  const archMap = { x64: 'amd64', arm64: 'arm64', ia32: '386', arm: 'arm' };
   const a = archMap[process.arch] ?? process.arch;
   const os = process.platform === 'darwin' ? 'darwin' : process.platform === 'win32' ? 'windows' : 'linux';
   return { os, a, ext: os === 'windows' ? '.exe' : '' };
 }
 
+/**
+ * 候选发布资产名，按优先级排列（issue #45）。
+ *
+ * cloudflared 现在的发布布局是**按平台分**：
+ * - linux：只有裸二进制 `cloudflared-linux-amd64`（没有 .tgz）
+ * - darwin：只有 `cloudflared-darwin-<arch>.tgz`
+ * - windows：只有 `cloudflared-windows-<arch>.exe`
+ *
+ * 我们以前给 linux 拼的是 `cloudflared-linux-amd64.tgz`，而它**根本不存在**
+ * （GitHub 返回 404），五个镜像全指向同一个 404 地址，于是必然"所有源都不通"
+ * —— 表现就是 Linux 服务器上开了公网访问一直报"无法安装"，而 macOS/Windows
+ * 一切正常。Linux 下裸二进制还有个额外好处：不用解压，也就不再依赖系统装了
+ * `tar`（Alpine / slim 镜像 / 容器里常常没有）。
+ *
+ * linux 仍把 .tgz 留在候选里作为回退，万一上游改回打包方式也不会直接躺平。
+ *
+ * @returns {string[]} 资产名列表，越靠前越优先。
+ */
+export function platformAssets() {
+  const { os, a } = platformBinary();
+  if (os === 'windows') return [`cloudflared-windows-${a}.exe`];
+  if (os === 'darwin') return [`cloudflared-darwin-${a}.tgz`];
+  return [`cloudflared-linux-${a}`, `cloudflared-linux-${a}.tgz`];
+}
+
 /**
  * cloudflared 下载源。
  * 优先：清华 TUNA 镜像的 Homebrew bottle（国内 CDN，实测 ~3MB/s）——仅 macOS/Linux
@@ -189,51 +214,59 @@ async function downloadCloudflared(binPath, signal) {
   const dir = dirname(binPath);
   const tmpFile = join(dir, `cloudflared.download`);
   const isWindows = os === 'windows';
-  // 发布资产：Windows 是 .exe（下载即二进制），macOS/Linux 是 .tgz（需解压）
-  const asset = isWindows ? `cloudflared-windows-${a}.exe` : `cloudflared-${os}-${a}.tgz`;
   const fetchSignal = signal
     ? AbortSignal.any([signal, AbortSignal.timeout(120_000)])
     : AbortSignal.timeout(120_000);
 
-  // 构建有序源列表：[{url, host}]；清华（如有，仅 macOS/Linux）排第一，再官方 + 加速源
-  const sources = [];
-  if (!isWindows) {
-    const tua = await tsinghuaBottleUrl({ os, a }).catch(() => null);
-    if (tua) sources.push({ url: tua, host: 'mirrors.tuna.tsinghua.edu.cn' });
-  }
-  for (const m of CLOUDFLARED_MIRRORS) sources.push({ url: m(asset), host: hostOf(m(asset)) });
+  // 清华 bottle（仅 macOS/Linux 且有对应 bottle）；与资产名无关，只算一次
+  const bottle = isWindows ? null : await tsinghuaBottleUrl({ os, a }).catch(() => null);
 
+  // 逐个资产试（linux 首选裸二进制，.tgz 只是回退），每个资产再逐个源试
+  const assets = platformAssets();
   let lastErr = null;
-  for (let i = 0; i < sources.length; i++) {
-    const { url, host } = sources[i];
-    console.log(`⬇️  下载 cloudflared（${i + 1}/${sources.length}：${host}）…`);
-    try {
-      // 多线程分块（官方 GitHub 支持 Range，Windows 50MB 从几分钟降到几十秒）；
-      // 不支持 Range 的源自动回退单线程
-      await downloadFile(url, tmpFile, { signal: fetchSignal });
-      // 简单校验：空文件/极小文件视为下载失败（可能是镜像返回了错误页）
-      const st = await stat(tmpFile);
-      if (st.size < 1024 * 1024) throw new Error(`文件异常小（${st.size} 字节），疑似镜像错误页`);
-      lastErr = null;
-      break; // 下载成功
-    } catch (err) {
-      lastErr = err;
-      await rm(tmpFile, { force: true }).catch(() => {}); // 清掉半截文件
-      console.warn(`  ⚠️ 源 ${i + 1} 失败：${err?.message ?? err}，尝试下一个…`);
+  let usedAsset = null;
+
+  for (let ai = 0; ai < assets.length && usedAsset === null; ai++) {
+    const asset = assets[ai];
+    const sources = [];
+    if (bottle && asset.endsWith('.tgz')) {
+      sources.push({ url: bottle, host: 'mirrors.tuna.tsinghua.edu.cn' });
+    }
+    for (const m of CLOUDFLARED_MIRRORS) sources.push({ url: m(asset), host: hostOf(m(asset)) });
+
+    for (let i = 0; i < sources.length; i++) {
+      const { url, host } = sources[i];
+      console.log(`⬇️  下载 cloudflared（${asset}，源 ${i + 1}/${sources.length}：${host}）…`);
+      try {
+        // 多线程分块（官方 GitHub 支持 Range，Windows 50MB 从几分钟降到几十秒）；
+        // 不支持 Range 的源自动回退单线程
+        await downloadFile(url, tmpFile, { signal: fetchSignal });
+        // 简单校验：空文件/极小文件视为下载失败（可能是镜像返回了错误页）
+        const st = await stat(tmpFile);
+        if (st.size < 1024 * 1024) throw new Error(`文件异常小（${st.size} 字节），疑似镜像错误页`);
+        usedAsset = asset;
+        lastErr = null;
+        break; // 下载成功
+      } catch (err) {
+        lastErr = err;
+        await rm(tmpFile, { force: true }).catch(() => {}); // 清掉半截文件
+        console.warn(`  ⚠️ 源 ${i + 1} 失败：${err?.message ?? err}，尝试下一个…`);
+      }
     }
   }
-  if (lastErr) {
+  if (usedAsset === null) {
     throw new Error(
       `cloudflared 下载失败：所有源都不通（最后错误：${lastErr?.message ?? lastErr}）。`
       + (isWindows
-        ? `Windows 可手动安装后重试：winget install cloudflared；或下载 ${asset} 放到 ${dir} 目录 | download failed — try: winget install cloudflared, or put the exe into ${dir}`
-        : `可手动安装后重试：npm i -g cloudflared（装好命令行 cloudflared 即可，无需下载）；或开启代理/换网络后重试 | all mirrors failed — install cloudflared manually: npm i -g cloudflared, then retry`),
+        ? `Windows 可手动安装后重试：winget install cloudflared；或下载 ${assets[0]} 放到 ${dir} 目录 | download failed — try: winget install cloudflared, or put the exe into ${dir}`
+        : `也可以自己装好后在 settings.json 写 "cloudflaredPath": "/path/to/cloudflared" 跳过下载（或用环境变量 DSH_POCKET_CLOUDFLARED）；或用包管理器安装：apt/dnf install cloudflared | all mirrors failed — install cloudflared manually and set "cloudflaredPath" in settings.json, or: apt/dnf install cloudflared`),
     );
   }
 
   let extracted = join(dir, `cloudflared${ext}`);
-  if (isWindows) {
-    // Windows：exe 直接就是二进制，无需解压
+  // 只有 .tgz 才需要解压：Windows 的 .exe 和 linux 的裸二进制本身就可直接执行
+  // （linux 用裸二进制还有个好处——不依赖系统装了 tar，见 platformAssets 的说明）
+  if (!usedAsset.endsWith('.tgz')) {
     await rename(tmpFile, extracted).catch(async () => {
       await cp(tmpFile, extracted).catch(() => {});
     });
@@ -246,7 +279,13 @@ async function downloadCloudflared(binPath, signal) {
       await new Promise((resolve, reject) => {
         const child = spawn('tar', ['-xzf', tmpFile, '-C', extractDir], { stdio: 'ignore' });
         child.once('exit', (code) => code === 0 ? resolve() : reject(new Error(`cloudflared 解压失败（code=${code}）`)));
-        child.once('error', reject);
+        // spawn 失败（Alpine / slim 镜像 / 容器里常见：根本没有 tar）时 err.code 是
+        // ENOENT，直接抛出来只有一句 "spawn tar ENOENT"，看不出该怎么办
+        child.once('error', (err) => reject(
+          err?.code === 'ENOENT'
+            ? new Error(`系统里没有 tar 命令，无法解压 ${usedAsset} —— 可改用 linux 裸二进制（默认已如此）或手动安装后设置 cloudflaredPath | no tar on this system`)
+            : err,
+        ));
       });
       // 找真实的二进制**文件**（排除目录）：
       // - GitHub tgz：extractDir/cloudflared

package/package.json

@@ -80,5 +80,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "2.5.1"
+  "version": "2.6.1"
 }