135 lines
7.4 KiB
TypeScript
135 lines
7.4 KiB
TypeScript
import React, { Suspense } from "react";
|
|
import { Routes, Route, Navigate } from "react-router-dom";
|
|
import LoadingSpinner from "./components/LoadingSpinner";
|
|
import Layout from "./components/Layout";
|
|
import ProtectedRoute from "./components/ProtectedRoute";
|
|
|
|
/* ── Eagerly loaded (core pages) ──────────────────────────────────── */
|
|
import LoginPage from "./pages/LoginPage";
|
|
import DashboardPage from "./pages/DashboardPage";
|
|
|
|
/* ── Lazy loaded (V1-V3 pages) ────────────────────────────────────── */
|
|
const TechniquesPage = React.lazy(() => import("./pages/TechniquesPage"));
|
|
const MatrixPage = React.lazy(() => import("./pages/MatrixPage"));
|
|
const ExecutiveDashboardPage = React.lazy(() => import("./pages/ExecutiveDashboardPage"));
|
|
const CompliancePage = React.lazy(() => import("./pages/CompliancePage"));
|
|
const TechniqueDetailPage = React.lazy(() => import("./pages/TechniqueDetailPage"));
|
|
const TestsPage = React.lazy(() => import("./pages/TestsPage"));
|
|
const TestCreatePage = React.lazy(() => import("./pages/TestCreatePage"));
|
|
const TestDetailPage = React.lazy(() => import("./pages/TestDetailPage"));
|
|
const TestCatalogPage = React.lazy(() => import("./pages/TestCatalogPage"));
|
|
const ReportsPage = React.lazy(() => import("./pages/ReportsPage"));
|
|
const SystemPage = React.lazy(() => import("./pages/SystemPage"));
|
|
const UsersPage = React.lazy(() => import("./pages/UsersPage"));
|
|
const AuditLogPage = React.lazy(() => import("./pages/AuditLogPage"));
|
|
const DataSourcesPage = React.lazy(() => import("./pages/DataSourcesPage"));
|
|
const ThreatActorsPage = React.lazy(() => import("./pages/ThreatActorsPage"));
|
|
const ThreatActorDetailPage = React.lazy(() => import("./pages/ThreatActorDetailPage"));
|
|
const CampaignsPage = React.lazy(() => import("./pages/CampaignsPage"));
|
|
const CampaignDetailPage = React.lazy(() => import("./pages/CampaignDetailPage"));
|
|
const ComparisonPage = React.lazy(() => import("./pages/ComparisonPage"));
|
|
|
|
export default function App() {
|
|
return (
|
|
<Routes>
|
|
{/* Public */}
|
|
<Route path="/login" element={<LoginPage />} />
|
|
|
|
{/* Protected — wrapped in shared Layout */}
|
|
<Route
|
|
element={
|
|
<ProtectedRoute>
|
|
<Layout />
|
|
</ProtectedRoute>
|
|
}
|
|
>
|
|
{/* ── Core ─────────────────────────────────────────────── */}
|
|
<Route path="/dashboard" element={<DashboardPage />} />
|
|
|
|
<Route path="/techniques" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><TechniquesPage /></Suspense>} />
|
|
<Route path="/techniques/:mitreId" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><TechniqueDetailPage /></Suspense>} />
|
|
|
|
<Route path="/matrix" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><MatrixPage /></Suspense>} />
|
|
|
|
{/* ── Executive Dashboard (leads + admin) ──────────────── */}
|
|
<Route
|
|
path="/executive-dashboard"
|
|
element={
|
|
<ProtectedRoute roles={["admin", "red_lead", "blue_lead"]}>
|
|
<Suspense fallback={<LoadingSpinner text="Loading…" />}><ExecutiveDashboardPage /></Suspense>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
{/* ── Tests ────────────────────────────────────────────── */}
|
|
<Route path="/tests" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><TestsPage /></Suspense>} />
|
|
<Route path="/tests/new" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><TestCreatePage /></Suspense>} />
|
|
<Route path="/tests/:testId" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><TestDetailPage /></Suspense>} />
|
|
<Route path="/test-catalog" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><TestCatalogPage /></Suspense>} />
|
|
<Route path="/test-catalog/:templateId/use" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><TestCatalogPage /></Suspense>} />
|
|
|
|
{/* ── Campaigns ────────────────────────────────────────── */}
|
|
<Route path="/campaigns" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><CampaignsPage /></Suspense>} />
|
|
<Route path="/campaigns/:campaignId" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><CampaignDetailPage /></Suspense>} />
|
|
|
|
{/* ── Threat Actors ────────────────────────────────────── */}
|
|
<Route path="/threat-actors" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><ThreatActorsPage /></Suspense>} />
|
|
<Route path="/threat-actors/:actorId" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><ThreatActorDetailPage /></Suspense>} />
|
|
|
|
{/* ── Compliance ───────────────────────────────────────── */}
|
|
<Route path="/compliance" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><CompliancePage /></Suspense>} />
|
|
|
|
{/* ── Comparison (leads + admin) ───────────────────────── */}
|
|
<Route
|
|
path="/comparison"
|
|
element={
|
|
<ProtectedRoute roles={["admin", "red_lead", "blue_lead"]}>
|
|
<Suspense fallback={<LoadingSpinner text="Loading…" />}><ComparisonPage /></Suspense>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
{/* ── Reports ──────────────────────────────────────────── */}
|
|
<Route path="/reports" element={<Suspense fallback={<LoadingSpinner text="Loading…" />}><ReportsPage /></Suspense>} />
|
|
|
|
{/* ── System (admin only) ──────────────────────────────── */}
|
|
<Route
|
|
path="/system"
|
|
element={
|
|
<ProtectedRoute roles={["admin"]}>
|
|
<Suspense fallback={<LoadingSpinner text="Loading…" />}><SystemPage /></Suspense>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/users"
|
|
element={
|
|
<ProtectedRoute roles={["admin"]}>
|
|
<Suspense fallback={<LoadingSpinner text="Loading…" />}><UsersPage /></Suspense>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/audit"
|
|
element={
|
|
<ProtectedRoute roles={["admin"]}>
|
|
<Suspense fallback={<LoadingSpinner text="Loading…" />}><AuditLogPage /></Suspense>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/data-sources"
|
|
element={
|
|
<ProtectedRoute roles={["admin"]}>
|
|
<Suspense fallback={<LoadingSpinner text="Loading…" />}><DataSourcesPage /></Suspense>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
</Route>
|
|
|
|
{/* Catch-all → dashboard */}
|
|
<Route path="*" element={<Navigate to="/dashboard" replace />} />
|
|
</Routes>
|
|
);
|
|
}
|