anti
59d618d25f
New /topologies page lists topologies; a bare /mazenet now redirects there since the editor has no meaning without ?topology=<id>. Wizard picks up a note style + tweaked copy.
93 lines
3.3 KiB
TypeScript
93 lines
3.3 KiB
TypeScript
import { useState, useEffect } from 'react';
|
|
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
|
|
import Login from './components/Login';
|
|
import Layout from './components/Layout';
|
|
import Dashboard from './components/Dashboard';
|
|
import DeckyFleet from './components/DeckyFleet';
|
|
import LiveLogs from './components/LiveLogs';
|
|
import Attackers from './components/Attackers';
|
|
import AttackerDetail from './components/AttackerDetail';
|
|
import Config from './components/Config';
|
|
import Bounty from './components/Bounty';
|
|
import RemoteUpdates from './components/RemoteUpdates';
|
|
import SwarmHosts from './components/SwarmHosts';
|
|
import AgentEnrollment from './components/AgentEnrollment';
|
|
import MazeNET from './components/MazeNET/MazeNET';
|
|
import TopologyList from './components/TopologyList/TopologyList';
|
|
|
|
/* Guard the /mazenet route so it's always bound to a real topology.
|
|
* Bare /mazenet → /topologies; ?topology=<id> → editor. */
|
|
function MazeNETRoute() {
|
|
const qs = typeof window !== 'undefined' ? window.location.search : '';
|
|
const hasId = new URLSearchParams(qs).get('topology');
|
|
return hasId ? <MazeNET /> : <Navigate to="/topologies" replace />;
|
|
}
|
|
|
|
function isTokenValid(token: string): boolean {
|
|
try {
|
|
const payload = JSON.parse(atob(token.split('.')[1].replace(/-/g, '+').replace(/_/g, '/')));
|
|
return typeof payload.exp === 'number' && payload.exp * 1000 > Date.now();
|
|
} catch {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function getValidToken(): string | null {
|
|
const stored = localStorage.getItem('token');
|
|
if (stored && isTokenValid(stored)) return stored;
|
|
if (stored) localStorage.removeItem('token');
|
|
return null;
|
|
}
|
|
|
|
function App() {
|
|
const [token, setToken] = useState<string | null>(getValidToken);
|
|
const [searchQuery, setSearchQuery] = useState('');
|
|
|
|
useEffect(() => {
|
|
const onAuthLogout = () => setToken(null);
|
|
window.addEventListener('auth:logout', onAuthLogout);
|
|
return () => window.removeEventListener('auth:logout', onAuthLogout);
|
|
}, []);
|
|
|
|
const handleLogin = (newToken: string) => {
|
|
setToken(newToken);
|
|
};
|
|
|
|
const handleLogout = () => {
|
|
localStorage.removeItem('token');
|
|
setToken(null);
|
|
};
|
|
|
|
const handleSearch = (query: string) => {
|
|
setSearchQuery(query);
|
|
};
|
|
|
|
if (!token) {
|
|
return <Login onLogin={handleLogin} />;
|
|
}
|
|
|
|
return (
|
|
<Router>
|
|
<Layout onLogout={handleLogout} onSearch={handleSearch}>
|
|
<Routes>
|
|
<Route path="/" element={<Dashboard searchQuery={searchQuery} />} />
|
|
<Route path="/fleet" element={<DeckyFleet />} />
|
|
<Route path="/topologies" element={<TopologyList />} />
|
|
<Route path="/mazenet" element={<MazeNETRoute />} />
|
|
<Route path="/live-logs" element={<LiveLogs />} />
|
|
<Route path="/bounty" element={<Bounty />} />
|
|
<Route path="/attackers" element={<Attackers />} />
|
|
<Route path="/attackers/:id" element={<AttackerDetail />} />
|
|
<Route path="/config" element={<Config />} />
|
|
<Route path="/swarm-updates" element={<RemoteUpdates />} />
|
|
<Route path="/swarm/hosts" element={<SwarmHosts />} />
|
|
<Route path="/swarm/enroll" element={<AgentEnrollment />} />
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
</Layout>
|
|
</Router>
|
|
);
|
|
}
|
|
|
|
export default App;
|