dsh-mesh-access 1.4.4 → 1.4.6

package/CHANGELOG.md

@@ -178,3 +178,11 @@
 
 - 「入口登录」三个模式按钮改为分段滑块（segmented toggle）：胶囊容器内
   密钥 / 账号密码 / 关闭 三段，当前模式高亮滑块样式，点其它段即切换。
+
+## 1.4.5 — 滑块加模式说明
+
+- 滑块上方加标签「门锁模式（三选一…当前：xx）」，下方加一行三种模式含义说明。
+
+## 1.4.6 — 修复所有复制按钮同时显示「已复制」
+
+- copied 状态由布尔改为记录被复制的值，各按钮只在自己的值刚复制时显示「已复制」。

package/lib/client.js

@@ -108,7 +108,7 @@ window.__ModuleLoader__.load({
       const [tunnelBusy, setTunnelBusy] = react.useState(false)
       const [err, setErr] = react.useState(null)
       const [tunnelErr, setTunnelErr] = react.useState(null)
-      const [copied, setCopied] = react.useState(false)
+      const [copied, setCopied] = react.useState('')
       const [formOpen, setFormOpen] = react.useState(false)
       const [form, setForm] = react.useState({})
 
@@ -218,8 +218,8 @@ window.__ModuleLoader__.load({
 
       const copy = (text) => {
         const done = () => {
-          setCopied(true)
-          setTimeout(() => setCopied(false), 1600)
+          setCopied(text)
+          setTimeout(() => setCopied(''), 1600)
         }
         if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(text).then(done, () => {})
         else done()
@@ -269,7 +269,7 @@ window.__ModuleLoader__.load({
               Card, { title: '访问地址' },
               h('div', { style: S.row },
                 h('code', { style: { ...S.mono, wordBreak: 'break-all' } }, url),
-                h('button', { style: S.btn, onClick: () => copy(url) }, copied ? '已复制' : '复制'),
+                h('button', { style: S.btn, onClick: () => copy(url) }, copied === url ? '已复制' : '复制'),
               ),
               h('div', { style: S.hint },
                 '这条地址已经带上本进程的 token，直接点开就能进；它会种下 30 天 cookie，之后裸地址也进得去。',
@@ -346,7 +346,7 @@ window.__ModuleLoader__.load({
           tn.urlSigned
             ? h('div', { style: S.row, marginTop: 12 },
                 h('code', { style: { ...S.mono, wordBreak: 'break-all' } }, tn.urlSigned),
-                h('button', { style: S.btn, onClick: () => copy(tn.urlSigned) }, copied ? '已复制' : '复制'),
+                h('button', { style: S.btn, onClick: () => copy(tn.urlSigned) }, copied === tn.urlSigned ? '已复制' : '复制'),
               )
             : null,
           h('div', { style: S.hint },
@@ -402,7 +402,9 @@ window.__ModuleLoader__.load({
               },
               onClick: () => { if (!authBusy && !active) setMode(m) },
             }, label)
+            const modeNames = { key: '密钥', basic: '账号密码', off: '已关闭' }
             return h('div', null,
+              h('div', { style: S.hint }, '门锁模式（三选一，点选切换；同一时间只有一种生效，当前：' + (modeNames[a.mode] || a.mode) + '）：'),
               h('div', {
                 style: {
                   display: 'inline-flex', gap: 4, padding: 4, borderRadius: 999,
@@ -412,20 +414,25 @@ window.__ModuleLoader__.load({
               },
                 modes.map(x => segItem(x.m, x.label, a.mode === x.m)),
               ),
+              h('div', { style: { ...S.hint, marginTop: 6 } },
+                '密钥＝无弹窗（手机用带密钥的地址认证一次，30 天免登录） · ',
+                '账号密码＝浏览器弹窗（登录一次 24 小时内仅该设备免登录） · ',
+                '关闭＝无门锁（任何拿到地址的人都能进，不建议）',
+              ),
               authMsg ? h('div', { style: { ...S.hint, color: '#7ee787', marginTop: 8 } }, authMsg) : null,
               a.mode === 'key'
                 ? h('div', { style: { marginTop: 10 } },
                     h('div', { style: S.hint }, '密钥（只读，可复制；怀疑泄露就点重置，旧密钥立即作废）：'),
                     h('div', { style: S.row, marginTop: 6 },
                       h('input', { style: { ...S.input, ...S.mono, flex: 1 }, readOnly: true, value: a.key || '', onFocus: (e) => e.target.select() }),
-                      h('button', { style: S.btn, onClick: () => copy(a.key) }, copied ? '已复制' : '复制'),
+                      h('button', { style: S.btn, onClick: () => copy(a.key) }, copied === a.key ? '已复制' : '复制'),
                       h('button', { style: S.btn, disabled: authBusy, onClick: () => { if (window.confirm('重置后旧密钥立刻作废，所有用旧密钥的设备都要重新认证。继续？')) runAuth({ resetKey: true }, '已重置：用新地址重新认证各设备') } }, '重置'),
                     ),
                     firstUrl ? h('div', { style: { marginTop: 8 } },
                       h('div', { style: S.hint }, '手机首次打开（认证一次，30 天内该设备免登录、无弹窗）：'),
                       h('div', { style: S.row, marginTop: 6 },
                         h('code', { style: { ...S.mono, wordBreak: 'break-all', flex: 1 } }, firstUrl),
-                        h('button', { style: S.btn, onClick: () => copy(firstUrl) }, copied ? '已复制' : '复制'),
+                        h('button', { style: S.btn, onClick: () => copy(firstUrl) }, copied === firstUrl ? '已复制' : '复制'),
                       ),
                     ) : null,
                   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mesh-access",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "description": "Control your DSH from your phone: opens a port on the mesh/VPN interface from inside the running server process, so a phone browser gets the same instance and the same session list — no SSH, no second dsh. Also reachable from another PC, a GUI NAS, or a TV box.",
   "type": "module",
   "main": "lib/index.js",