Foxel/web/src/router/index.tsx

import { Navigate, Routes, Route, useLocation } from 'react-router';
import type { RouteObject } from 'react-router';
import LayoutShell from './LayoutShell.tsx';
import LoginPage from '../pages/LoginPage.tsx';
import SetupPage from '../pages/SetupPage.tsx';
import PublicSharePage from '../pages/PublicSharePage.tsx';
import { useAuth } from '../contexts/AuthContext';
import type { JSX } from 'react';

export const routes: RouteObject[] = [
  { path: '/', element: <Navigate to="/files" replace /> },
  { path: '/:navKey/*', element: <LayoutShell /> },
  { path: '/login', element: <LoginPage /> },
  { path: '/share/:token', element: <PublicSharePage /> },
  { path: '/setup', element: <SetupPage /> },
];

function RequireAuth({ children }: { children: JSX.Element }) {
  const { isAuthenticated } = useAuth();
  const location = useLocation();
  if (!isAuthenticated && !location.pathname.startsWith('/share/') && location.pathname !== '/login' && location.pathname !== '/register') {
    return <Navigate to="/login" replace />;
  }
  return children;
}

export function AppRouter() {
  return (
    <RequireAuth>
      <Routes>
        {routes.map(r => (
          <Route key={r.path} path={r.path} element={r.element} />
        ))}
      </Routes>
    </RequireAuth>
  );
}

export default AppRouter;