dsh-remote-mobile 1.4.1 → 1.4.2

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.4.2] - 2026-08-26
+
+### Features (新功能)
+- **新版本更新提醒**：设置面板打开时从 npm registry 拉取 `dsh-remote-mobile` 最新版本号，与当前安装版本做语义化版本比较；**仅当检测到新版本**时，在标题版本号旁显示一个小巧的红色提醒「🚀 发现新版本 vX.Y.Z」，点击直达 npm 对应发布页。拉取失败（离线 / 网络异常）或已是最新版本时完全不显示，不干扰界面，也无需前端轮询。
+
+### Docs (文档)
+- **README「这是什么」章节补充手机端样式适配说明**：说明插件针对 DSH 界面做的移动端样式适配（侧边栏抽屉折叠与可拖拽展开把手、设置弹窗居中微缩、对话正文高密度排版等）。
+
+---
+
 ## [1.4.1] - 2026-08-26
 
 ### Features (新功能)

package/README.md

@@ -37,6 +37,8 @@
 
 DSH 核心服务出于安全考虑默认仅监听本地回环地址（`127.0.0.1`），手机、平板或其他电脑无法从外部访问 Web 控制台。本项目通过**访问控制中间件**与**请求隔离技术**，安全地开放了 **Tailscale 虚拟私网** 以及 **本地局域网 (Wi-Fi/LAN)** 访问能力，并提供传输加密、扫码配对、长期密码认证与防暴力破解审计体系。
 
+手机端访问时，插件还针对 DSH 界面做了**移动端样式适配**：侧边栏抽屉折叠与可拖拽展开把手、设置弹窗居中微缩、对话正文高密度排版等，让手机上的使用体验更贴近桌面端。
+
 ---
 
 <span id="advantages"></span>

package/README_EN.md

@@ -37,6 +37,8 @@ English Documentation · [简体中文](./README.md)
 
 By default, DSH strictly listens only to the local loopback address (`127.0.0.1`), preventing mobile devices, tablets, or external computers from accessing the Web console. This plugin uses **access control middleware** and **request isolation** to securely open up **Tailscale Private Network** and **Local Area Network (LAN / Wi-Fi)** access, complete with RSA transmission encryption, QR code pairing, persistent password auth, and automated brute-force defense.
 
+When accessed from a phone, the plugin also adapts the DSH interface for **mobile styles**: a collapsible sidebar drawer with a draggable floating toggle, a centered/scaled settings dialog, and dense conversation typography — so the mobile experience feels closer to the desktop.
+
 ---
 
 <span id="advantages"></span>

package/lib/client.js

@@ -3464,8 +3464,8 @@ function StylesCard({ lang, showToast }) {
 }
 
 // src/client/version.js
-var PLUGIN_VERSION = "v1.4.1";
-var BUILD_TIME = "2026-08-26 23:00:00";
+var PLUGIN_VERSION = "v1.4.2";
+var BUILD_TIME = "2026-08-26 23:31:01";
 
 // src/client/components/MainSection.jsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -3508,6 +3508,8 @@ function TailscaleMobileSection(props) {
   const [isSaving, setIsSaving] = (0, import_react9.useState)(false);
   const [showVersionTip, setShowVersionTip] = (0, import_react9.useState)(false);
   const [currentLang, setCurrentLang] = (0, import_react9.useState)(resolveLocale(ctx, status));
+  const [npmLatestVersion, setNpmLatestVersion] = (0, import_react9.useState)("");
+  const [hasUpdate, setHasUpdate] = (0, import_react9.useState)(false);
   const [conflictBannerDismissed, setConflictBannerDismissed] = (0, import_react9.useState)(false);
   const qrTabTouchedRef = (0, import_react9.useRef)(false);
   const updateQrTab = (0, import_react9.useCallback)((tab) => {
@@ -3581,6 +3583,34 @@ function TailscaleMobileSection(props) {
     }).catch(() => {
     });
   }, [refreshStatusOnly]);
+  (0, import_react9.useEffect)(() => {
+    let cancelled = false;
+    fetch("https://registry.npmjs.org/dsh-remote-mobile/latest", { cache: "no-store" }).then((res) => res.ok ? res.json() : Promise.reject(new Error("npm registry error"))).then((data) => {
+      if (cancelled) return;
+      const v = data && data.version ? String(data.version) : "";
+      if (!v) return;
+      setNpmLatestVersion(v);
+      const installed = String(PLUGIN_VERSION).replace(/^v/i, "");
+      setHasUpdate(compareVersions(v, installed) > 0);
+    }).catch(() => {
+      if (cancelled) return;
+      setHasUpdate(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const compareVersions = (a, b) => {
+    const pa = a.split(".").map((n) => parseInt(n, 10) || 0);
+    const pb = b.split(".").map((n) => parseInt(n, 10) || 0);
+    for (let i = 0; i < Math.max(pa.length, pb.length); i++) {
+      const da = pa[i] || 0;
+      const db = pb[i] || 0;
+      if (da > db) return 1;
+      if (da < db) return -1;
+    }
+    return 0;
+  };
   (0, import_react9.useEffect)(() => {
     refreshStatusAndCode();
     const localeUnsubs = [];
@@ -4015,7 +4045,34 @@ function TailscaleMobileSection(props) {
                             ) : null
                           ]
                         }
-                      )
+                      ),
+                      hasUpdate && npmLatestVersion ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                        "a",
+                        {
+                          href: `https://www.npmjs.com/package/dsh-remote-mobile/v/${npmLatestVersion}`,
+                          target: "_blank",
+                          rel: "noopener noreferrer",
+                          style: {
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: "4px",
+                            padding: "2px 8px",
+                            borderRadius: "10px",
+                            background: "rgba(203, 36, 49, 0.12)",
+                            border: "1px solid rgba(203, 36, 49, 0.3)",
+                            color: "var(--dsw-alias-brand-primary, #f87171)",
+                            fontSize: "11px",
+                            fontWeight: "600",
+                            textDecoration: "none",
+                            cursor: "pointer",
+                            whiteSpace: "nowrap"
+                          },
+                          children: [
+                            "\u{1F680} ",
+                            currentLang === "en" ? `Update available: v${npmLatestVersion}` : `\u53D1\u73B0\u65B0\u7248\u672C v${npmLatestVersion}`
+                          ]
+                        }
+                      ) : null
                     ]
                   }
                 ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-remote-mobile",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "DeepSeek Harness 远程与移动端安全网关插件：零修改 DSH 底层代码安全开放局域网与 Tailscale 连接 | DeepSeek Harness (DSH) Remote & Mobile Security Guard: safely opens Tailscale/LAN with zero core modifications, QR scan auth, RSA encryption & brute-force defense.",
   "keywords": [
     "dsh",