Support for reverse proxy subdir.

Closes #110 #150
2024-06-04 10:49:55 +02:00
parent 4013a66b04
commit d4a35f1d1d
3 changed files with 55 additions and 5 deletions
--- a/frontend/src/atoms/settings.ts
+++ b/frontend/src/atoms/settings.ts
@@ -135,6 +135,15 @@ export const servedFromReverseProxyState = atom({
  ]
 })

+export const servedFromReverseProxySubDirState = atom<string>({
+  key: 'servedFromReverseProxyState',
+  default: localStorage.getItem('reverseProxySubDir') ?? '',
+  effects: [
+    ({ onSet }) =>
+      onSet(a => localStorage.setItem('reverseProxySubDir', a.toString()))
+  ]
+})
+
 export const appTitleState = atom({
  key: 'appTitleState',
  default: localStorage.getItem('appTitle') ?? 'yt-dlp Web UI',
@@ -147,7 +156,9 @@ export const appTitleState = atom({
 export const serverAddressAndPortState = selector({
  key: 'serverAddressAndPortState',
  get: ({ get }) => get(servedFromReverseProxyState)
-    ? `${get(serverAddressState)}`
+    ? get(servedFromReverseProxySubDirState) ?
+      `${get(serverAddressState)}/${get(servedFromReverseProxySubDirState)}/`
+      : `${get(serverAddressState)}`
    : `${get(serverAddressState)}:${get(serverPortState)}`
 })