From bf49323789fbeebbace908bba931e0c38f35de04 Mon Sep 17 00:00:00 2001
From: truewhile <62226914+truewhile@users.noreply.github.com>
Date: Wed, 2 Sep 2026 15:51:31 +0800
Subject: [PATCH] feat(strm): auto-append remote directory tail to local output
 path (#16)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When adding or editing a cloud sync path, append the last segment of the
remote directory to the local output directory (e.g. /home/ubuntu/strm + 电影).
Remote changes replace the previous auto-appended tail; local browse and blur
commit the base path with the current remote tail.

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: truewhile <truewhile@users.noreply.github.com>
---
 web/src/pages/StrmDialogs.tsx | 55 +++++++++++++++++++++++++++++++----
 web/src/utils/strmPaths.ts    | 53 +++++++++++++++++++++++++++++++++
 2 files changed, 103 insertions(+), 5 deletions(-)
 create mode 100644 web/src/utils/strmPaths.ts

diff --git a/web/src/pages/StrmDialogs.tsx b/web/src/pages/StrmDialogs.tsx
index 8e682dd..1f95e29 100644
--- a/web/src/pages/StrmDialogs.tsx
+++ b/web/src/pages/StrmDialogs.tsx
@@ -33,6 +33,7 @@ import {
   normalizeEmbyRemoteLines,
   type EmbyRemoteLine,
 } from '../utils/embyRemoteLines'
+import { lastPathSegment, syncLocalPathWithRemote } from '../utils/strmPaths'
 
 // ─── 弹框外壳 ────────────────────────────────────────────────────────────────
 
@@ -913,10 +914,27 @@ export function StrmSyncPathDialog({
   const [saving, setSaving] = useState(false)
   const [browsing, setBrowsing] = useState(false)
   const [browsingLocal, setBrowsingLocal] = useState<null | 'remote_path' | 'local_path'>(null)
+  const prevRemoteTailRef = useRef(existing ? lastPathSegment(existing.remote_path) : '')
 
   const set = <K extends keyof StrmSyncPathInput>(key: K, value: StrmSyncPathInput[K]) =>
     setForm((f) => ({ ...f, [key]: value }))
 
+  const updateRemotePath = (remotePath: string) => {
+    setForm((f) => {
+      const synced = syncLocalPathWithRemote(f.local_path, remotePath, prevRemoteTailRef.current)
+      prevRemoteTailRef.current = synced.remoteTail
+      return { ...f, remote_path: remotePath, local_path: synced.localPath }
+    })
+  }
+
+  const commitLocalPath = (localPath: string) => {
+    setForm((f) => {
+      const synced = syncLocalPathWithRemote(localPath, f.remote_path, prevRemoteTailRef.current)
+      prevRemoteTailRef.current = synced.remoteTail
+      return { ...f, local_path: synced.localPath }
+    })
+  }
+
   const isLocal = form.provider === 'local'
   const availableAccounts = accounts.filter((a) => a.provider === form.provider && a.has_credential)
 
@@ -1000,7 +1018,15 @@ export function StrmSyncPathDialog({
                       : '远端路径（可通过浏览选择）'
                 }
               >
-                <input className={inputCls} value={form.remote_path} placeholder={isLocal ? 'D:\\movies' : '/'} onChange={(e) => set('remote_path', e.target.value)} />
+                <input
+                  className={inputCls}
+                  value={form.remote_path}
+                  placeholder={isLocal ? 'D:\\movies' : '/'}
+                  onChange={(e) => set('remote_path', e.target.value)}
+                  onBlur={(e) => {
+                    if (!isLocal) updateRemotePath(e.target.value)
+                  }}
+                />
               </Field>
             </div>
             {isLocal && (
@@ -1023,8 +1049,23 @@ export function StrmSyncPathDialog({
         <div className="space-y-1">
           <div className="flex items-end gap-2">
             <div className="flex-1">
-              <Field label="本地输出目录" hint="生成的 .strm 与下载的元数据写到这里的对应目录结构下">
-                <input className={inputCls} value={form.local_path} placeholder="D:\\strm\\movies" onChange={(e) => set('local_path', e.target.value)} />
+              <Field
+                label="本地输出目录"
+                hint={
+                  !isLocal && lastPathSegment(form.remote_path)
+                    ? `将自动拼接远端末级目录「${lastPathSegment(form.remote_path)}」`
+                    : '生成的 .strm 与下载的元数据写到这里的对应目录结构下'
+                }
+              >
+                <input
+                  className={inputCls}
+                  value={form.local_path}
+                  placeholder="D:\\strm\\movies"
+                  onChange={(e) => set('local_path', e.target.value)}
+                  onBlur={(e) => {
+                    if (!isLocal) commitLocalPath(e.target.value)
+                  }}
+                />
               </Field>
             </div>
             <button
@@ -1109,7 +1150,7 @@ export function StrmSyncPathDialog({
           accountId={form.account_id}
           initialDir={form.remote_path || undefined}
           onSelect={(id) => {
-            set('remote_path', id)
+            updateRemotePath(id)
             setBrowsing(false)
           }}
           onClose={() => setBrowsing(false)}
@@ -1120,7 +1161,11 @@ export function StrmSyncPathDialog({
         <LocalDirBrowserDialog
           initialDir={form[browsingLocal] || undefined}
           onSelect={(path) => {
-            set(browsingLocal, path)
+            if (browsingLocal === 'local_path') {
+              commitLocalPath(path)
+            } else {
+              set(browsingLocal, path)
+            }
             setBrowsingLocal(null)
           }}
           onClose={() => setBrowsingLocal(null)}
diff --git a/web/src/utils/strmPaths.ts b/web/src/utils/strmPaths.ts
new file mode 100644
index 0000000..a5b1a24
--- /dev/null
+++ b/web/src/utils/strmPaths.ts
@@ -0,0 +1,53 @@
+/** 取路径最后一级目录/文件名（兼容 / 与 \\）。 */
+export function lastPathSegment(path: string): string {
+  const trimmed = path.trim().replace(/[\\/]+$/, '')
+  if (!trimmed) return ''
+  const parts = trimmed.split(/[/\\]/).filter(Boolean)
+  return parts[parts.length - 1] ?? ''
+}
+
+function pathSeparator(path: string): '/' | '\\' {
+  return path.includes('\\') ? '\\' : '/'
+}
+
+function normalizeSlashes(path: string): string {
+  return path.replace(/\\/g, '/').replace(/\/+$/, '')
+}
+
+/** 去掉 local 末尾与 prevRemoteTail 匹配的自动拼接段。 */
+function stripRemoteTail(localPath: string, prevRemoteTail: string): string {
+  if (!prevRemoteTail) return localPath.trim()
+  const trimmed = localPath.trim()
+  if (!trimmed) return ''
+  const norm = normalizeSlashes(trimmed)
+  const suffix = '/' + prevRemoteTail
+  if (norm.endsWith(suffix)) {
+    const stripped = norm.slice(0, -suffix.length)
+    if (!stripped) return ''
+    return stripped.split('/').join(pathSeparator(trimmed))
+  }
+  if (norm === prevRemoteTail) return ''
+  return trimmed
+}
+
+/** 将远端最后一级目录名拼到本地输出目录末尾；远端变更时替换旧尾段。 */
+export function syncLocalPathWithRemote(
+  localPath: string,
+  remotePath: string,
+  prevRemoteTail = '',
+): { localPath: string; remoteTail: string } {
+  const remoteTail = lastPathSegment(remotePath)
+  const base = stripRemoteTail(localPath, prevRemoteTail)
+  if (!remoteTail) {
+    return { localPath: base || localPath.trim(), remoteTail: '' }
+  }
+  if (!base) {
+    return { localPath: localPath.trim(), remoteTail }
+  }
+  const sep = pathSeparator(base)
+  const normBase = normalizeSlashes(base)
+  if (normBase.endsWith('/' + remoteTail)) {
+    return { localPath: base, remoteTail }
+  }
+  return { localPath: `${base}${sep}${remoteTail}`, remoteTail }
+}