@wenbin_wb/dsh-bridge 2.0.0 → 2.0.2

package/README.md

@@ -87,6 +87,16 @@ dsh plugin --profile web add ./dsh-bridge
 
 After installation, restart DSH and find "Remote Access" in settings.
 
+### Upgrade to latest
+
+```bash
+dsh plugin --profile web add @wenbin_wb/dsh-bridge@latest
+```
+
+> **Note**: `update --latest` may fail to reach the newest major version due to version constraints from already-installed dependencies. Use the `add @latest` command above to force-install the latest version (no need to know the exact version number).
+
+After upgrading, restart DSH and **hard-refresh** the browser (Windows: `Ctrl+Shift+R`, macOS: `Cmd+Shift+R`) to clear the cache, then confirm the latest version is shown in settings.
+
 ---
 
 ## Usage

package/README.zh-CN.md

@@ -87,6 +87,16 @@ dsh plugin --profile web add ./dsh-bridge
 
 安装完成后重启 DSH，在设置页找到「远程访问」即可使用。
 
+### 升级到最新版
+
+```bash
+dsh plugin --profile web add @wenbin_wb/dsh-bridge@latest
+```
+
+> **注意**：`update --latest` 可能因已安装依赖的版本约束而无法升级到最新版。用上面的 `add @latest` 命令即可强制安装最新版（无需知道具体版本号）。
+
+升级完成后重启 DSH，并在浏览器**硬刷新**（Windows: `Ctrl+Shift+R`，macOS: `Cmd+Shift+R`）清除缓存，然后确认设置页显示最新版本号。
+
 ---
 
 ## 使用

package/client/client.js

@@ -62,8 +62,10 @@ var BRIDGE_ENDPOINTS = {
 
 // client/index.js
 var GITHUB_URL = "https://github.com/wenbin-wb/dsh-bridge";
+var RELEASES_URL = "https://github.com/wenbin-wb/dsh-bridge/releases";
 var ISSUES_URL = "https://github.com/wenbin-wb/dsh-bridge/issues/new";
 var TUNNEL_DOCS_URL = "https://github.com/wenbin-wb/dsh-bridge/blob/main/docs/custom-tunnel.md";
+var UPGRADE_COMMAND = "dsh plugin --profile web add @wenbin_wb/dsh-bridge@latest";
 var name = "dsh-bridge";
 var inject = ["slots", "connection"];
 function semverGt(a, b) {
@@ -95,6 +97,32 @@ var s = {
   warn: { background: "var(--dsw-alias-state-warn-bg,#fffbeb)", border: "1px solid var(--dsw-alias-state-warn-border,#fde68a)", borderRadius: 8, padding: "10px 14px", fontSize: 12, color: "var(--dsw-alias-state-warn-primary,#92400e)", lineHeight: 1.6 },
   tip: { background: "var(--dsw-alias-bg-layer-2,#f9fafb)", borderRadius: 8, padding: "10px 14px", fontSize: 12, color: "var(--dsw-alias-label-secondary,#6b7280)", lineHeight: 1.6 }
 };
+function useCopy() {
+  const [copied, setCopied] = React.useState(false);
+  const copy = React.useCallback((text) => {
+    const done = () => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    };
+    if (navigator.clipboard?.writeText) {
+      navigator.clipboard.writeText(text).then(done).catch(() => fallbackCopy());
+    } else {
+      fallbackCopy();
+    }
+    function fallbackCopy() {
+      const textarea = document.createElement("textarea");
+      textarea.value = text;
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      document.body.appendChild(textarea);
+      textarea.select();
+      const success = document.execCommand("copy");
+      document.body.removeChild(textarea);
+      if (success) done();
+    }
+  }, []);
+  return [copied, copy];
+}
 function StatusTag({ running }) {
   return React.createElement("span", {
     style: {
@@ -589,6 +617,7 @@ function PlatformCard({ platformId, platformName, platformDesc, rpcCall, onStatu
 function VersionBanner({ rpcCall }) {
   const [info, setInfo] = React.useState(null);
   const [loading, setLoading] = React.useState(false);
+  const [copied, copy] = useCopy();
   const check = React.useCallback(async () => {
     setLoading(true);
     try {
@@ -604,13 +633,19 @@ function VersionBanner({ rpcCall }) {
   const hasUpdate = info?.latest && info?.current && !info.error && semverGt(info.latest, info.current);
   const links = React.createElement(
     "div",
-    { style: { display: "flex", gap: 12, alignItems: "center" } },
+    { style: { display: "flex", gap: 12, alignItems: "center", flexWrap: "wrap" } },
     React.createElement("a", {
       href: GITHUB_URL,
       target: "_blank",
       rel: "noreferrer",
       style: s.btnLink
     }, "\u2B50 GitHub"),
+    React.createElement("a", {
+      href: RELEASES_URL,
+      target: "_blank",
+      rel: "noreferrer",
+      style: s.btnLink
+    }, "\u{1F4CB} \u66F4\u65B0\u65E5\u5FD7"),
     React.createElement("a", {
       href: ISSUES_URL,
       target: "_blank",
@@ -639,23 +674,36 @@ function VersionBanner({ rpcCall }) {
           React.createElement("span", { style: { fontSize: 20 } }, "\u{1F389}"),
           React.createElement(
             "div",
-            { style: { flex: 1 } },
+            { style: { flex: 1, minWidth: 0 } },
             React.createElement("div", {
               style: {
                 fontSize: 13,
                 fontWeight: 600,
                 color: "var(--dsw-alias-state-info-primary,#1e40af)",
-                marginBottom: 4
+                marginBottom: 6
               }
             }, `\u53D1\u73B0\u65B0\u7248\u672C v${info.latest}\uFF08\u5F53\u524D v${info.current}\uFF09`),
-            React.createElement("code", {
-              style: {
-                ...s.code,
-                fontSize: 11,
-                color: "var(--dsw-alias-label-secondary,#6b7280)",
-                display: "block"
-              }
-            }, "dsh plugin --profile web update @wenbin_wb/dsh-bridge --latest")
+            React.createElement(
+              "div",
+              {
+                style: { display: "flex", alignItems: "center", gap: 8 }
+              },
+              React.createElement("code", {
+                style: {
+                  ...s.code,
+                  fontSize: 11,
+                  color: "var(--dsw-alias-label-secondary,#6b7280)",
+                  flex: 1,
+                  minWidth: 0,
+                  wordBreak: "break-all"
+                }
+              }, UPGRADE_COMMAND),
+              React.createElement("button", {
+                style: { ...s.btnGhost, height: 26, padding: "0 10px", fontSize: 12, flexShrink: 0 },
+                onClick: () => copy(UPGRADE_COMMAND),
+                title: "\u590D\u5236\u5347\u7EA7\u547D\u4EE4"
+              }, copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236")
+            )
           ),
           React.createElement("button", {
             style: {

package/client/index.js

@@ -3,9 +3,13 @@
 import { BRIDGE_RPC_CHANNEL, BRIDGE_ENDPOINTS } from '../lib/bridge-rpc-constants.js';
 
 const GITHUB_URL = 'https://github.com/wenbin-wb/dsh-bridge';
+const RELEASES_URL = 'https://github.com/wenbin-wb/dsh-bridge/releases';
 const ISSUES_URL = 'https://github.com/wenbin-wb/dsh-bridge/issues/new';
 const TUNNEL_DOCS_URL = 'https://github.com/wenbin-wb/dsh-bridge/blob/main/docs/custom-tunnel.md';
 
+// 升级命令：用 add @latest 强制安装最新版（update --latest 受已安装依赖版本约束可能无法升级到最新版）
+const UPGRADE_COMMAND = 'dsh plugin --profile web add @wenbin_wb/dsh-bridge@latest';
+
 const name = 'dsh-bridge';
 const inject = ['slots', 'connection'];
 
@@ -43,6 +47,35 @@ const s = {
 
 // ---- 子组件 ----
 
+// 通用复制 hook：返回 [copied, copy]，copy(text) 复制文本并短暂显示成功状态
+function useCopy() {
+  const [copied, setCopied] = React.useState(false);
+  const copy = React.useCallback((text) => {
+    const done = () => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    };
+    if (navigator.clipboard?.writeText) {
+      navigator.clipboard.writeText(text).then(done).catch(() => fallbackCopy());
+    } else {
+      fallbackCopy();
+    }
+    // 降级方案：使用 document.execCommand (HTTP 环境下 Clipboard API 不可用)
+    function fallbackCopy() {
+      const textarea = document.createElement('textarea');
+      textarea.value = text;
+      textarea.style.position = 'fixed';
+      textarea.style.opacity = '0';
+      document.body.appendChild(textarea);
+      textarea.select();
+      const success = document.execCommand('copy');
+      document.body.removeChild(textarea);
+      if (success) done();
+    }
+  }, []);
+  return [copied, copy];
+}
+
 function StatusTag({ running }) {
   return React.createElement('span', {
     style: {
@@ -507,8 +540,10 @@ function PlatformCard({ platformId, platformName, platformDesc, rpcCall, onStatu
 }
 
 // 版本检查 + GitHub/反馈入口
-function VersionBanner({ rpcCall }) {  const [info, setInfo] = React.useState(null);
+function VersionBanner({ rpcCall }) {
+  const [info, setInfo] = React.useState(null);
   const [loading, setLoading] = React.useState(false);
+  const [copied, copy] = useCopy();
 
   const check = React.useCallback(async () => {
     setLoading(true);
@@ -525,11 +560,14 @@ function VersionBanner({ rpcCall }) {  const [info, setInfo] = React.useState(nu
   // 只有 npm 上的版本严格大于当前版本才算有新版本
   const hasUpdate = info?.latest && info?.current && !info.error && semverGt(info.latest, info.current);
 
-  // 链接按钮组：GitHub + 反馈 Bug
-  const links = React.createElement('div', { style: { display: 'flex', gap: 12, alignItems: 'center' } },
+  // 链接按钮组：GitHub + 更新日志 + 反馈 Bug
+  const links = React.createElement('div', { style: { display: 'flex', gap: 12, alignItems: 'center', flexWrap: 'wrap' } },
     React.createElement('a', {
       href: GITHUB_URL, target: '_blank', rel: 'noreferrer', style: s.btnLink,
     }, '⭐ GitHub'),
+    React.createElement('a', {
+      href: RELEASES_URL, target: '_blank', rel: 'noreferrer', style: s.btnLink,
+    }, '📋 更新日志'),
     React.createElement('a', {
       href: ISSUES_URL, target: '_blank', rel: 'noreferrer', style: s.btnLink,
     }, '🐛 反馈 Bug'),
@@ -549,23 +587,34 @@ function VersionBanner({ rpcCall }) {  const [info, setInfo] = React.useState(nu
       },
         React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 12 } },
           React.createElement('span', { style: { fontSize: 20 } }, '🎉'),
-          React.createElement('div', { style: { flex: 1 } },
+          React.createElement('div', { style: { flex: 1, minWidth: 0 } },
             React.createElement('div', {
               style: {
                 fontSize: 13,
                 fontWeight: 600,
                 color: 'var(--dsw-alias-state-info-primary,#1e40af)',
-                marginBottom: 4,
+                marginBottom: 6,
               },
             }, `发现新版本 v${info.latest}（当前 v${info.current}）`),
-            React.createElement('code', {
-              style: {
-                ...s.code,
-                fontSize: 11,
-                color: 'var(--dsw-alias-label-secondary,#6b7280)',
-                display: 'block',
-              },
-            }, 'dsh plugin --profile web update @wenbin_wb/dsh-bridge --latest'),
+            React.createElement('div', {
+              style: { display: 'flex', alignItems: 'center', gap: 8 },
+            },
+              React.createElement('code', {
+                style: {
+                  ...s.code,
+                  fontSize: 11,
+                  color: 'var(--dsw-alias-label-secondary,#6b7280)',
+                  flex: 1,
+                  minWidth: 0,
+                  wordBreak: 'break-all',
+                },
+              }, UPGRADE_COMMAND),
+              React.createElement('button', {
+                style: { ...s.btnGhost, height: 26, padding: '0 10px', fontSize: 12, flexShrink: 0 },
+                onClick: () => copy(UPGRADE_COMMAND),
+                title: '复制升级命令',
+              }, copied ? '✓ 已复制' : '复制'),
+            ),
           ),
           React.createElement('button', {
             style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wenbin_wb/dsh-bridge",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "手机扫码即可在移动端/公网继续用 DeepSeek Harness，人不在电脑前也能接着干。一键局域网二维码、Cloudflare 公网隧道、自建隧道与微信 Bot（多工作区/会话持久化/媒体/审批），无需自己搭公网服务器。",
   "type": "module",
   "main": "lib/index.js",