add hostname detection and fix status on miss

Author: J0m1ty

client/src/App.tsx

@@ -0,0 +1,37 @@
+import { Provider } from './components/ui/provider';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import Loading from './pages/Loading';
+import { lazy, Suspense } from 'react';
+
+const Home = lazy(() => import('./pages/Home'));
+const StatusPage = lazy(() => import('./pages/StatusPage'));
+const Error = lazy(() => import('./pages/Error'));
+
+const App = () => {
+    const hostname = window.location.hostname;
+
+    return (
+        <Provider>
+            <Suspense fallback={<Loading />}>
+                <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
+                    <Routes>
+                        {hostname === "status.jomity.net" ? (
+                            <>
+                                <Route path="/" element={<StatusPage />} />
+                                <Route path="*" element={<Error />} />
+                            </>
+                        ) : (
+                            <>
+                                <Route path="/" element={<Home />} />
+                                <Route path="/status" element={<StatusPage />} />
+                                <Route path="*" element={<Error />} />
+                            </>
+                        )}
+                    </Routes>
+                </BrowserRouter>
+            </Suspense>
+        </Provider>
+    )
+}
+
+export default App;

client/src/index.tsx

@@ -1,14 +1,8 @@
-import { Provider } from './components/ui/provider';
-import { lazy, StrictMode, Suspense } from 'react';
+import { lazy, StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
-import Loading from './pages/Loading';
 import './index.css';
 import favicon from './images/favicon.ico';
-
-const Home = lazy(() => import('./pages/Home'));
-const StatusPage = lazy(() => import('./pages/StatusPage'));
-const Error = lazy(() => import('./pages/Error'));
+import App from './App';
 
 const link = document.createElement('link');
 link.rel = 'icon';
@@ -17,16 +11,6 @@ document.head.appendChild(link);
 
 createRoot(document.querySelector('#entry')!).render(
     <StrictMode>
-        <Provider>
-            <Suspense fallback={<Loading />}>
-                <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
-                    <Routes>
-                        <Route path="/" element={<Home />} />
-                        <Route path="/status" element={<StatusPage />} />
-                        <Route path="*" element={<Error />} />
-                    </Routes>
-                </BrowserRouter>
-            </Suspense>
-        </Provider>
+        <App />
     </StrictMode>
 )

client/src/pages/StatusPage.tsx

@@ -107,7 +107,7 @@ const StatusPage = () => {
                     const process = processes.find((r) => r.name === p.key);
 
                     if (!process) {
-                        p.status = "unknown";
+                        p.status = "disabled";
                         return p;
                     }
 

server/src/WebServer.ts

@@ -131,7 +131,6 @@ export class WebServer {
 
                     if (err || !stats.isFile()) {
                         serveFile(res, join(this.root, "index.html"), "text/html");
-                        return;
                     } else {
                         serveFile(res, filePath, getContentType(url), encoding);
                     }