feat: auto-detect token on login page via /api/setup-hint (localhost only)

Author: 1186258278

h5/src/i18n.js

@@ -26,6 +26,7 @@ const messages = {
     'setup.tips.token.title': 'Token 填什么？',
     'setup.tips.token.desc': '安装 ClawApp 时你设置的连接密码。\n• 如果忘记了，可以在电脑上查看 server/.env 文件中的 PROXY_TOKEN\n• 也可以重新运行安装脚本重新设置',
     'setup.tips.doc': '查看完整文档',
+    'setup.token.autofill': '✅ 已自动检测到连接密码，直接点连接即可',
     // 聊天页
     'chat.input.placeholder': '输入消息...',
     'chat.send': '发送',
@@ -175,6 +176,7 @@ const messages = {
     'setup.tips.token.title': 'What is Token?',
     'setup.tips.token.desc': 'The connection password you set during ClawApp installation.\n• If forgotten, check PROXY_TOKEN in server/.env on your PC\n• Or re-run the install script to reset it',
     'setup.tips.doc': 'Full Documentation',
+    'setup.token.autofill': '✅ Token auto-detected, just tap Connect',
     'chat.input.placeholder': 'Type a message...',
     'chat.send': 'Send',
     'chat.abort': 'Stop',

h5/src/main.js

@@ -52,6 +52,7 @@ function createSetupPage() {
         <label>${t('setup.token')}</label>
         <input type="password" id="input-token" placeholder="${t('setup.token.placeholder')}" />
       </div>
+      <div class="setup-hint" id="setup-hint" style="display:none"></div>
       <button class="btn-primary" id="connect-btn">${t('setup.connect')}</button>
       <div class="setup-error" id="setup-error"></div>
       <div class="setup-tips">
@@ -103,6 +104,18 @@ function initApp() {
     tokenInput.value = config.token
   }
 
+  // 自动检测 Token（仅 localhost 可用）
+  if (!config?.token) {
+    fetch('/api/setup-hint').then(r => r.json()).then(data => {
+      if (data.ok && data.token && !tokenInput.value) {
+        tokenInput.value = data.token
+        tokenInput.type = 'text'
+        const hint = document.getElementById('setup-hint')
+        if (hint) { hint.textContent = t('setup.token.autofill'); hint.style.display = '' }
+      }
+    }).catch(() => {})
+  }
+
   connectBtn.onclick = () => {
     const host = hostInput.value.trim()
     const token = tokenInput.value.trim()

h5/src/style.css

@@ -218,6 +218,15 @@ html, body {
   min-height: 20px;
 }
 
+/* 自动检测 Token 提示 */
+.setup-hint {
+  color: var(--success);
+  font-size: 13px;
+  text-align: center;
+  margin-bottom: 4px;
+  padding: 6px 0;
+}
+
 /* 登录页帮助提示 */
 .setup-tips {
   margin-top: 16px;

server/index.js

@@ -760,6 +760,19 @@ app.get('/media', (req, res) => {
 
 // ==================== API 路由 ====================
 
+/** GET /api/setup-hint — 仅 localhost 可访问，返回自动生成的连接密码 */
+app.get('/api/setup-hint', (req, res) => {
+  const ip = req.ip || req.connection?.remoteAddress || '';
+  const isLocal = ['127.0.0.1', '::1', '::ffff:127.0.0.1', 'localhost'].includes(ip);
+  if (!isLocal) {
+    return res.status(403).json({ ok: false });
+  }
+  if (!CONFIG.proxyToken) {
+    return res.json({ ok: false });
+  }
+  res.json({ ok: true, token: CONFIG.proxyToken });
+});
+
 /** POST /api/connect — 建立会话 */
 app.post('/api/connect', async (req, res) => {
   const { token } = req.body || {};