设置：服务器支持编辑（只改地址、端口时沿用登录，不用输密码），保留重新登录；开发桥日志不打印密码

Author: stqfdyr

README.md

@@ -2,7 +2,7 @@
 
 Windows 桌面 Emby 客户端：桌面软件风格的浏览界面，播放交给 mpv。
 
-- 多服务器：地址、端口分开填，随时切换；支持反向代理挂在子路径下的服务器
+- 多服务器：地址、端口分开填，随时切换；可编辑（换地址、端口不用重新登录）或重新登录；支持反向代理挂在子路径下的服务器
 - 浏览：首页轮播、继续观看、各媒体库最新；媒体库分页、搜索、收藏；剧集详情（季、集、演职人员、类似作品、媒体信息）
 - 播放：mpv + ModernZ 界面（顶栏居中标题 + 网速）；续播、整季连播、按进度预加载下一集、选集菜单（F8）、换集沿用音轨与字幕、外挂字幕
 - 进度用 Emby 标准的 Sessions 接口回传，其他客户端同步可见；token 不出现在 mpv 的播放列表与统计页里

src-tauri/src/main.rs

@@ -171,6 +171,43 @@ async fn server_add(
     Ok(view)
 }
 
+/// 编辑服务器（id 不变，是当前服务器的话仍是当前）：改地址、端口、用户名，或者重新登录。
+/// 先用新地址连一次服务器（顺带更新服务器名），连不上就不保存。
+/// 只改地址时（换域名、换端口、换反代）沿用原来的 token，不用输密码；
+/// 改了用户名、填了密码或者原来就没登录时，用这里的用户名和密码重新登录。
+#[tauri::command]
+async fn server_edit(
+    app: State<'_, App>,
+    id: String,
+    url: String,
+    port: Option<u16>,
+    user: String,
+    password: String,
+) -> Result<ServerView, Error> {
+    let (url, port) = config::normalize(&url, port).map_err(Error::Other)?;
+    let (mut s, device_id) = {
+        let c = app.cfg();
+        let s = c.servers.iter().find(|s| s.id == id).cloned();
+        (s.ok_or_else(|| Error::Other("服务器不存在".into()))?, c.device_id.clone())
+    };
+    let relogin = !password.is_empty() || user != s.user || s.token.is_empty();
+    (s.url, s.port, s.user) = (url, port, user);
+    let base = s.api_base();
+    s.name = emby::server_name(&app.http, &base).await?;
+    if relogin {
+        (s.user_id, s.token) = emby::login(&app.http, &base, &device_id, &s.user, &password).await?;
+    }
+    let view = s.view();
+    app.update(|c| {
+        let t = c.servers.iter_mut().find(|t| t.id == id)?;
+        *t = s;
+        Some(())
+    })?
+    .ok_or_else(|| Error::Other("服务器不存在".into()))?;
+    Ok(view)
+}
+
+/// 重新登录（只要密码）：token 失效或者想换一个新 token 时用。
 #[tauri::command]
 async fn server_login(
     app: State<'_, App>,
@@ -357,6 +394,7 @@ fn main() {
         .invoke_handler(tauri::generate_handler![
             config_get,
             server_add,
+            server_edit,
             server_login,
             server_remove,
             server_use,

ui/dev/bridge.ts

@@ -74,8 +74,8 @@ export function devBridge(): Plugin {
             if (!r.ok) return reply(500, { kind: r.status === 401 ? 'unauthorized' : 'status', message: `服务器返回 ${r.status}：${text.slice(0, 200)}` })
             return reply(200, text ? JSON.parse(text) : null)
           }
-          // play / server_* / settings_set：浏览器里没有 mpv，也不改本地配置，只记一笔
-          console.log(`[dev-bridge] ${cmd}`, JSON.stringify(args))
+          // play / server_* / settings_set：浏览器里没有 mpv，也不改本地配置，只记一笔（密码不打印）
+          console.log(`[dev-bridge] ${cmd}`, JSON.stringify(args, (k, v) => (k === 'password' ? '***' : v)))
           return reply(200, null)
         } catch (e) {
           return reply(500, { kind: 'other', message: String(e) })

ui/src/routes/Settings.svelte

@@ -1,11 +1,14 @@
-<!-- 设置：服务器（添加 / 切换 / 重新登录 / 删除，地址与端口分开填）+ 播放（mpv 路径、预加载进度、个人 mpv 配置的位置）+ 关于（界面用哪块 GPU）。分组列表样式。 -->
+<!-- 设置：服务器（添加 / 切换 / 编辑 / 重新登录 / 删除，地址与端口分开填）+ 播放（mpv 路径、预加载进度、个人 mpv 配置的位置）+ 关于（界面用哪块 GPU）。分组列表样式。 -->
 <script lang="ts">
   import { invoke } from '@tauri-apps/api/core'
-  import { Check, LogIn, Plus, Trash2 } from '@lucide/svelte'
+  import { Check, LogIn, Pencil, Plus, Trash2 } from '@lucide/svelte'
   import { errText, loadConfig, refresh, session } from '../lib/api.svelte'
   import { go } from '../lib/router.svelte'
 
-  let form = $state({ url: '', port: '', user: '', password: '' })
+  const blank = { url: '', port: '', user: '', password: '' }
+  let form = $state({ ...blank })
+  /** 正在编辑的服务器 id；和「添加」共用 form。 */
+  let editing = $state<string | null>(null)
   let relogin = $state<{ id: string; password: string } | null>(null)
   let busy = $state(false)
   let msg = $state<{ text: string; ok: boolean } | null>(null)
@@ -28,14 +31,35 @@
     }
   }
 
+  function formPort() {
+    const port = form.port.trim() ? Number(form.port) : null
+    if (port !== null && !(port > 0 && port < 65536)) throw { message: '端口应为 1–65535' }
+    return port
+  }
   const add = () =>
     run(async () => {
-      const port = form.port.trim() ? Number(form.port) : null
-      if (port !== null && !(port > 0 && port < 65536)) throw { message: '端口应为 1–65535' }
-      await invoke('server_add', { url: form.url, port, user: form.user, password: form.password })
-      form = { url: '', port: '', user: '', password: '' }
+      await invoke('server_add', { url: form.url, port: formPort(), user: form.user, password: form.password })
+      form = { ...blank }
       go('/')
     })
+  function startEdit(s: { id: string; url: string; port: number; user: string }) {
+    form = { url: s.url, port: String(s.port), user: s.user, password: '' }
+    editing = s.id
+    adding = false
+    relogin = null
+  }
+  function startAdd() {
+    form = { ...blank }
+    editing = null
+    adding = true
+  }
+  /** 只改地址时后端沿用原 token，不用填密码；改了用户名或填了密码就重新登录。 */
+  const save = (id: string) =>
+    run(async () => {
+      await invoke('server_edit', { id, url: form.url, port: formPort(), user: form.user, password: form.password })
+      editing = null
+      form = { ...blank }
+    }, '已保存')
   function login() {
     const r = relogin
     if (!r) return
@@ -72,7 +96,22 @@
 
   <h3>服务器</h3>
   <div class="group">
+    {#snippet serverForm(submit: () => void, label: string, pwHint: string, cancel: (() => void) | null)}
+      <form class="row form" onsubmit={(e) => { e.preventDefault(); submit() }}>
+        <input class="url" placeholder="地址，如 https://emby.example.com" bind:value={form.url} required spellcheck="false" />
+        <input class="port" placeholder="端口（默认按协议）" bind:value={form.port} inputmode="numeric" />
+        <input placeholder="用户名" bind:value={form.user} required autocomplete="username" spellcheck="false" />
+        <input type="password" placeholder={pwHint} bind:value={form.password} autocomplete="current-password" />
+        <div class="btns">
+          <button class="btn primary" disabled={busy}>{label}</button>
+          {#if cancel}<button type="button" class="btn ghost" onclick={cancel}>取消</button>{/if}
+        </div>
+      </form>
+    {/snippet}
     {#each session.cfg?.servers ?? [] as s (s.id)}
+      {#if editing === s.id}
+        {@render serverForm(() => save(s.id), '保存', '密码（只改地址可不填）', () => (editing = null))}
+      {:else}
       <div class="row">
         <div class="grow">
           <div class="name">{s.name}{#if s.id === session.cfg?.active}<span class="tag">当前</span>{/if}</div>
@@ -85,24 +124,17 @@
           <button class="btn ghost" onclick={() => (relogin = null)}>取消</button>
         {:else}
           {#if s.id !== session.cfg?.active}<button class="btn" disabled={busy} onclick={() => use(s.id)}><Check size={15} /> 使用</button>{/if}
-          <button class="btn" disabled={busy} onclick={() => (relogin = { id: s.id, password: '' })}><LogIn size={15} /> 重新登录</button>
+          <button class="btn" disabled={busy} onclick={() => startEdit(s)}><Pencil size={15} /> 编辑</button>
+          <button class="btn" disabled={busy} onclick={() => ((relogin = { id: s.id, password: '' }), (editing = null))}><LogIn size={15} /> 重新登录</button>
           <button class="btn icon danger" title="删除" disabled={busy} onclick={() => remove(s.id, s.name)}><Trash2 size={15} /></button>
         {/if}
       </div>
+      {/if}
     {/each}
     {#if adding}
-      <form class="row add" onsubmit={(e) => { e.preventDefault(); add() }}>
-        <input class="url" placeholder="地址，如 https://emby.example.com" bind:value={form.url} required spellcheck="false" />
-        <input class="port" placeholder="端口（默认按协议）" bind:value={form.port} inputmode="numeric" />
-        <input placeholder="用户名" bind:value={form.user} required autocomplete="username" spellcheck="false" />
-        <input type="password" placeholder="密码" bind:value={form.password} autocomplete="current-password" />
-        <div class="btns">
-          <button class="btn primary" disabled={busy}><Plus size={15} /> 添加并登录</button>
-          {#if session.cfg?.servers.length}<button type="button" class="btn ghost" onclick={() => (adding = false)}>取消</button>{/if}
-        </div>
-      </form>
+      {@render serverForm(add, '添加并登录', '密码', session.cfg?.servers.length ? () => (adding = false) : null)}
     {:else}
-      <button class="row link" onclick={() => (adding = true)}><Plus size={16} /> 添加服务器</button>
+      <button class="row link" onclick={startAdd}><Plus size={16} /> 添加服务器</button>
     {/if}
   </div>
 
@@ -155,8 +187,8 @@
   }
   input:not([type='range']):focus { background: var(--bg); box-shadow: inset 0 -2px 0 var(--accent); }
   input[type='range'] { accent-color: var(--accent); }
-  .add { display: grid; grid-template-columns: 170px 1fr 1fr; gap: 10px; }
-  .add .url, .add .btns { grid-column: 1 / -1; }
+  .form { display: grid; grid-template-columns: 170px 1fr 1fr; gap: 10px; }
+  .form .url, .form .btns { grid-column: 1 / -1; }
   .btns { display: flex; gap: 8px; }
   code { font-family: ui-monospace, Consolas, monospace; font-size: 11px; padding: 0 4px; border-radius: 4px; background: var(--fill); }
   .note { margin: 10px var(--gutter); font-size: 12px; color: var(--text-3); line-height: 1.8; }