feat: refactor token auth to support multi-instance

Author: Nerivec

src/Main.tsx

@@ -2,11 +2,14 @@ import NiceModal from "@ebay/nice-modal-react";
 import React, { lazy, Suspense, useEffect } from "react";
 import { I18nextProvider } from "react-i18next";
 import { HashRouter, Route, Routes } from "react-router";
+import { useShallow } from "zustand/react/shallow";
 import NavBarWithNotifications from "./components/navbar/NavBar.js";
 import ScrollToTop from "./components/ScrollToTop.js";
 import Toasts from "./components/Toasts.js";
 import { ErrorBoundary } from "./ErrorBoundary.js";
 import i18n from "./i18n/index.js";
+import { LoginPage } from "./pages/LoginPage.js";
+import { useAppStore } from "./store.js";
 import { startWebSocketManager } from "./websocket/WebSocketManager.js";
 
 const HomePage = lazy(async () => await import("./pages/HomePage.js"));
@@ -23,10 +26,17 @@ const SettingsPage = lazy(async () => await import("./pages/SettingsPage.js"));
 const FrontendSettingsPage = lazy(async () => await import("./pages/FrontendSettingsPage.js"));
 
 function App() {
+    const authRequired = useAppStore(useShallow((s) => s.authRequired.some((v) => v === true)));
+
     useEffect(() => {
+        // do the initial startup, will determine if LoginPage needs to be shown or not
         startWebSocketManager();
     }, []);
 
+    if (authRequired) {
+        return <LoginPage />;
+    }
+
     return (
         <HashRouter>
             <ScrollToTop />

src/components/modal/components/AuthModal.tsx

@@ -41,8 +41,6 @@
         "min": "Мин",
         "max": "Макс",
         "done": "Готово",
-        "enter_auth_token": "Въведете токен",
-        "token": "Токен",
         "documentation": "Документация",
         "optional": "Незадължително",
         "init": "Инициализиране",

src/i18n/locales/bg.json

@@ -41,8 +41,6 @@
         "min": "Mín",
         "max": "Màx",
         "done": "Fet",
-        "enter_auth_token": "Introdueix token",
-        "token": "Token",
         "documentation": "Documentació",
         "optional": "Opcional",
         "init": "Inicia",

src/i18n/locales/ca.json

@@ -41,8 +41,6 @@
         "min": "最小",
         "max": "最大",
         "done": "完成",
-        "enter_auth_token": "输入认证 Token",
-        "token": "Token",
         "documentation": "文档",
         "optional": "可选",
         "init": "初始化",

src/i18n/locales/chs.json

@@ -41,8 +41,6 @@
         "min": "Min",
         "max": "Max",
         "done": "Hotovo",
-        "enter_auth_token": "Vložte token",
-        "token": "Token",
         "documentation": "Dokumentace",
         "optional": "Volitelné",
         "init": "Inicializovat",

src/i18n/locales/cs.json

@@ -41,8 +41,6 @@
         "min": "Min",
         "max": "Maks",
         "done": "Færdig",
-        "enter_auth_token": "Indtast token",
-        "token": "Token",
         "documentation": "Dokumentation",
         "optional": "Valgfrit",
         "init": "Init",

src/i18n/locales/da.json

@@ -41,8 +41,6 @@
         "min": "Min",
         "max": "Max",
         "done": "Fertig",
-        "enter_auth_token": "Authentifizierungs-Token eingeben",
-        "token": "Token",
         "documentation": "Dokumentation",
         "optional": "Optional",
         "init": "Initialisieren",

src/i18n/locales/de.json

@@ -41,8 +41,6 @@
         "min": "Min",
         "max": "Max",
         "done": "Done",
-        "enter_auth_token": "Enter auth token",
-        "token": "Token",
         "documentation": "Documentation",
         "optional": "Optional",
         "init": "Init",

src/i18n/locales/en.json

@@ -41,8 +41,6 @@
         "min": "Mín",
         "max": "Máx",
         "done": "Listo",
-        "enter_auth_token": "Introduzca el token",
-        "token": "Token",
         "documentation": "Documentación",
         "optional": "Opcional",
         "init": "Iniciar",