130 lines
5.8 KiB
TypeScript
130 lines
5.8 KiB
TypeScript
import { useEffect, type ReactElement } from 'react';
|
|
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
|
|
import { LandingPage } from './pages/LandingPage';
|
|
import { EditorPage } from './pages/EditorPage';
|
|
import { ExamplesPage } from './pages/ExamplesPage';
|
|
import { DocsPage } from './pages/DocsPage';
|
|
import { LoginPage } from './pages/LoginPage';
|
|
import { RegisterPage } from './pages/RegisterPage';
|
|
import { UserProfilePage } from './pages/UserProfilePage';
|
|
import { ProjectPage } from './pages/ProjectPage';
|
|
import { ProjectByIdPage } from './pages/ProjectByIdPage';
|
|
import { AdminPage } from './pages/AdminPage';
|
|
import { ExampleDetailPage } from './pages/ExampleDetailPage';
|
|
import { ArduinoSimulatorPage } from './pages/ArduinoSimulatorPage';
|
|
import { ArduinoEmulatorPage } from './pages/ArduinoEmulatorPage';
|
|
import { AtmegaSimulatorPage } from './pages/AtmegaSimulatorPage';
|
|
import { ArduinoMegaSimulatorPage } from './pages/ArduinoMegaSimulatorPage';
|
|
import { Attiny85SimulatorPage } from './pages/Attiny85SimulatorPage';
|
|
import { CircuitSimulatorPage } from './pages/CircuitSimulatorPage';
|
|
import { SpiceSimulatorPage } from './pages/SpiceSimulatorPage';
|
|
import { ElectronicsSimulatorPage } from './pages/ElectronicsSimulatorPage';
|
|
import { CustomChipSimulatorPage } from './pages/CustomChipSimulatorPage';
|
|
import { Esp32SimulatorPage } from './pages/Esp32SimulatorPage';
|
|
import { Esp32S3SimulatorPage } from './pages/Esp32S3SimulatorPage';
|
|
import { Esp32C3SimulatorPage } from './pages/Esp32C3SimulatorPage';
|
|
import { RaspberryPiPicoSimulatorPage } from './pages/RaspberryPiPicoSimulatorPage';
|
|
import { RaspberryPiSimulatorPage } from './pages/RaspberryPiSimulatorPage';
|
|
import { Velxio2Page } from './pages/Velxio2Page';
|
|
import { Velxio25Page } from './pages/Velxio25Page';
|
|
import { AboutPage } from './pages/AboutPage';
|
|
import { PricingPlaceholder } from './pages/PricingPlaceholder';
|
|
import { useAuthStore } from './store/useAuthStore';
|
|
import { LocaleSync } from './i18n/LocaleSync';
|
|
import { NON_DEFAULT_LOCALES } from './i18n/config';
|
|
import './App.css';
|
|
|
|
/**
|
|
* Single source of truth for the route tree. Each entry is registered
|
|
* twice in <Routes> below: once at the root (default locale) and once
|
|
* nested under each non-default locale prefix (e.g. `/es/editor`).
|
|
*
|
|
* Index entries (path === '') belong to the locale-prefixed parent's
|
|
* `index` slot — they render at exactly `/<locale>/`.
|
|
*/
|
|
const ROUTES: { path: string; element: ReactElement; index?: boolean }[] = [
|
|
{ path: '/', element: <LandingPage />, index: true },
|
|
{ path: 'editor', element: <EditorPage /> },
|
|
{ path: 'examples', element: <ExamplesPage /> },
|
|
{ path: 'examples/:exampleId', element: <ExampleDetailPage /> },
|
|
{ path: 'docs', element: <DocsPage /> },
|
|
{ path: 'docs/:section', element: <DocsPage /> },
|
|
{ path: 'login', element: <LoginPage /> },
|
|
{ path: 'register', element: <RegisterPage /> },
|
|
{ path: 'admin', element: <AdminPage /> },
|
|
// SEO landing pages — keyword-targeted
|
|
{ path: 'circuit-simulator', element: <CircuitSimulatorPage /> },
|
|
{ path: 'spice-simulator', element: <SpiceSimulatorPage /> },
|
|
{ path: 'electronics-simulator', element: <ElectronicsSimulatorPage /> },
|
|
{ path: 'custom-chip-simulator', element: <CustomChipSimulatorPage /> },
|
|
{ path: 'attiny85-simulator', element: <Attiny85SimulatorPage /> },
|
|
{ path: 'arduino-simulator', element: <ArduinoSimulatorPage /> },
|
|
{ path: 'arduino-emulator', element: <ArduinoEmulatorPage /> },
|
|
{ path: 'atmega328p-simulator', element: <AtmegaSimulatorPage /> },
|
|
{ path: 'arduino-mega-simulator', element: <ArduinoMegaSimulatorPage /> },
|
|
{ path: 'esp32-simulator', element: <Esp32SimulatorPage /> },
|
|
{ path: 'esp32-s3-simulator', element: <Esp32S3SimulatorPage /> },
|
|
{ path: 'esp32-c3-simulator', element: <Esp32C3SimulatorPage /> },
|
|
{ path: 'raspberry-pi-pico-simulator', element: <RaspberryPiPicoSimulatorPage /> },
|
|
{ path: 'raspberry-pi-simulator', element: <RaspberryPiSimulatorPage /> },
|
|
{ path: 'v2', element: <Velxio2Page /> },
|
|
{ path: 'v2-5', element: <Velxio25Page /> },
|
|
{ path: 'about', element: <AboutPage /> },
|
|
// Pricing — placeholder by default; private overlays portal-inject the real page
|
|
{ path: 'pricing', element: <PricingPlaceholder /> },
|
|
// Canonical project URL by ID
|
|
{ path: 'project/:id', element: <ProjectByIdPage /> },
|
|
// Legacy slug route — redirects to /project/:id
|
|
{ path: ':username/:projectName', element: <ProjectPage /> },
|
|
{ path: ':username', element: <UserProfilePage /> },
|
|
];
|
|
|
|
function App() {
|
|
const checkSession = useAuthStore((s) => s.checkSession);
|
|
|
|
useEffect(() => {
|
|
checkSession();
|
|
}, []);
|
|
|
|
return (
|
|
<Router>
|
|
<LocaleSync>
|
|
<Routes>
|
|
{/* Default locale (English) — no URL prefix. */}
|
|
{ROUTES.map((r) =>
|
|
r.index ? (
|
|
<Route key="root" path="/" element={r.element} />
|
|
) : (
|
|
<Route key={r.path} path={`/${r.path}`} element={r.element} />
|
|
)
|
|
)}
|
|
|
|
{/*
|
|
Non-default locales — same routes nested under `/<locale>/`.
|
|
We register one branch per locale rather than a `:lang` param
|
|
so React Router doesn't accidentally swallow real top-level
|
|
paths like `/circuit-simulator` as a locale segment.
|
|
*/}
|
|
{NON_DEFAULT_LOCALES.map((locale) => (
|
|
<Route key={`locale-${locale}`} path={`/${locale}`}>
|
|
{ROUTES.map((r) =>
|
|
r.index ? (
|
|
<Route key={`${locale}-root`} index element={r.element} />
|
|
) : (
|
|
<Route
|
|
key={`${locale}-${r.path}`}
|
|
path={r.path}
|
|
element={r.element}
|
|
/>
|
|
)
|
|
)}
|
|
</Route>
|
|
))}
|
|
</Routes>
|
|
</LocaleSync>
|
|
</Router>
|
|
);
|
|
}
|
|
|
|
export default App;
|