Change to hash routing, webuiInitialize controls project prefix

Files changed (11) hide show

lightrag/api/webui/assets/index-CH-3l4_Z.css DELETED Viewed

Binary file (47.7 kB)

lightrag/api/webui/assets/index-CJz72b6Q.js DELETED Viewed

Binary file (1.8 MB)

lightrag/api/webui/index.html DELETED Viewed

Binary file (458 Bytes)

lightrag/api/webui/logo.png DELETED Viewed

lightrag_webui/index.html CHANGED Viewed

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Lightrag</title>
   </head>

 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Lightrag</title>
   </head>

lightrag_webui/src/AppRouter.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
 // import { useAuthStore } from '@/stores/state'
 import { Toaster } from 'sonner'
 import App from './App'
@@ -22,7 +22,7 @@ const ProtectedRoute = ({ children }: ProtectedRouteProps) => {
 const AppRouter = () => {
   return (
     <ThemeProvider>
-      <BrowserRouter>
         <Routes>
           <Route path="/login" element={<LoginPage />} />
           <Route
@@ -35,7 +35,7 @@ const AppRouter = () => {
           />
         </Routes>
         <Toaster position="top-center" />
-      </BrowserRouter>
     </ThemeProvider>
   )
 }

+import { HashRouter as Router, Routes, Route } from 'react-router-dom'
 // import { useAuthStore } from '@/stores/state'
 import { Toaster } from 'sonner'
 import App from './App'
 const AppRouter = () => {
   return (
     <ThemeProvider>
+      <Router>
         <Routes>
           <Route path="/login" element={<LoginPage />} />
           <Route
           />
         </Routes>
         <Toaster position="top-center" />
+      </Router>
     </ThemeProvider>
   )
 }

lightrag_webui/src/api/lightrag.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import axios, { AxiosError } from 'axios'
-import { backendBaseUrl } from '@/lib/constants'
 import { errorMessage } from '@/lib/utils'
 import { useSettingsStore } from '@/stores/settings'
 import { useAuthStore } from '@/stores/state'
@@ -169,8 +169,8 @@ axiosInstance.interceptors.response.use(
         sessionStorage.clear();
         useAuthStore.getState().logout();
-        if (window.location.pathname !== '/login') {
-          window.location.href = '/login';
         }
         return Promise.reject(error);

 import axios, { AxiosError } from 'axios'
+import { backendBaseUrl, webuiPrefix } from '@/lib/constants'
 import { errorMessage } from '@/lib/utils'
 import { useSettingsStore } from '@/stores/settings'
 import { useAuthStore } from '@/stores/state'
         sessionStorage.clear();
         useAuthStore.getState().logout();
+        if (window.location.pathname !== `${webuiPrefix}/#/login`) {
+          window.location.href = `${webuiPrefix}/#/login`;
         }
         return Promise.reject(error);

lightrag_webui/src/features/LoginPage.tsx CHANGED Viewed

@@ -51,7 +51,7 @@ const LoginPage = () => {
         <CardHeader className="flex items-center justify-center space-y-2 pb-8 pt-6">
           <div className="flex flex-col items-center space-y-4">
             <div className="flex items-center gap-3">
-              <img src="/logo.png" alt="LightRAG Logo" className="h-12 w-12" />
               <ZapIcon className="size-10 text-emerald-400" aria-hidden="true" />
             </div>
             <div className="text-center space-y-2">

         <CardHeader className="flex items-center justify-center space-y-2 pb-8 pt-6">
           <div className="flex flex-col items-center space-y-4">
             <div className="flex items-center gap-3">
+              <img src="logo.png" alt="LightRAG Logo" className="h-12 w-12" />
               <ZapIcon className="size-10 text-emerald-400" aria-hidden="true" />
             </div>
             <div className="text-center space-y-2">

lightrag_webui/src/lib/constants.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { ButtonVariantType } from '@/components/ui/Button'
-export const backendBaseUrl = ''
 export const controlButtonVariant: ButtonVariantType = 'ghost'

 import { ButtonVariantType } from '@/components/ui/Button'
+export const backendBaseUrl = 'http://localhost:9621/'
+export const webuiPrefix = '/webui'
 export const controlButtonVariant: ButtonVariantType = 'ghost'

lightrag_webui/tsconfig.json CHANGED Viewed

@@ -26,5 +26,5 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src", "vite.config.ts"]
 }

       "@/*": ["./src/*"]
     }
   },
+  "include": ["src", "vite.config.ts", "src/vite-env.d.ts"]
 }

lightrag_webui/vite.config.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import path from 'path'
 import react from '@vitejs/plugin-react-swc'
 import tailwindcss from '@tailwindcss/vite'
@@ -12,7 +12,8 @@ export default defineConfig({
       '@': path.resolve(__dirname, './src')
     }
   },
-  base: './',
   build: {
     outDir: path.resolve(__dirname, '../lightrag/api/webui'),
     emptyOutDir: true

 import { defineConfig } from 'vite'
 import path from 'path'
+import { webuiPrefix } from '@/lib/constants'
 import react from '@vitejs/plugin-react-swc'
 import tailwindcss from '@tailwindcss/vite'
       '@': path.resolve(__dirname, './src')
     }
   },
+  // base: import.meta.env.VITE_BASE_URL || '/webui/',
+  base: webuiPrefix,
   build: {
     outDir: path.resolve(__dirname, '../lightrag/api/webui'),
     emptyOutDir: true