app.tsx

import { Suspense, useEffect } from 'react';

import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import 'i18n';

import HomeEditor from 'applications/editor/Home';
import HomeOperationalStudies from 'applications/operationalStudies/Home';
import Project from 'applications/operationalStudies/views/Project';
import Scenario from 'applications/operationalStudies/views/Scenario';
import Study from 'applications/operationalStudies/views/Study';
import HomeMap from 'applications/referenceMap/Home';
import HomeRollingStockEditor from 'applications/rollingStockEditor/Home';
import StdcmView from 'applications/stdcm/views/StdcmView';
import Error403 from 'common/authorization/components/Error403';
import InitialRedirect from 'common/authorization/components/InitialRedirect';
import ErrorBoundary from 'common/ErrorBoundary';
import { Loader } from 'common/Loaders';
import NotificationsState from 'common/Notifications';
import { OsrdContextLayout } from 'common/osrdContext';
import { MODES } from 'main/consts';
import { editorSlice } from 'reducers/editor';
import editorSelectors from 'reducers/editor/selectors';
import { updateLastInterfaceVersion } from 'reducers/main';
import { mapViewerSlice } from 'reducers/mapViewer';
import mapViewerSelectors from 'reducers/mapViewer/selectors';
import { operationalStudiesConfSlice } from 'reducers/osrdconf/operationalStudiesConf';
import simulationConfSelectors from 'reducers/osrdconf/operationalStudiesConf/selectors';
import { stdcmConfSlice } from 'reducers/osrdconf/stdcmConf';
import stdcmConfSelectors from 'reducers/osrdconf/stdcmConf/selectors';
import { useAppDispatch } from 'store';
import useAuth from 'utils/hooks/OsrdAuth';
import { DeploymentContextProvider } from 'utils/hooks/useDeploymentSettings';

import('@sncf/bootstrap-sncf.metier.reseau/dist/css/bootstrap-sncf.min.css');

const router = createBrowserRouter([
  {
    path: '/',
    element: <InitialRedirect />,
  },
  {
    path: 'map/*',
    element: (
      <OsrdContextLayout
        slice={mapViewerSlice}
        selectors={mapViewerSelectors}
        mode={MODES.mapViewer}
      />
    ),
    children: [{ path: '*', element: <HomeMap /> }],
  },
  {
    path: 'editor/*',
    element: (
      <OsrdContextLayout slice={editorSlice} selectors={editorSelectors} mode={MODES.editor} />
    ),
    children: [
      {
        path: '*',
        element: <HomeEditor />,
      },
    ],
  },
  {
    path: 'stdcm/*',
    element: (
      <OsrdContextLayout slice={stdcmConfSlice} selectors={stdcmConfSelectors} mode={MODES.stdcm} />
    ),
    children: [
      {
        path: '*',
        element: <StdcmView />,
      },
    ],
  },
  {
    path: 'rolling-stock-editor/*',
    element: <HomeRollingStockEditor />,
  },
  {
    path: 'operational-studies/',
    element: (
      <OsrdContextLayout
        slice={operationalStudiesConfSlice}
        selectors={simulationConfSelectors}
        mode={MODES.simulation}
      />
    ),
    errorElement: <ErrorBoundary />,
    children: [
      {
        path: 'projects',
        element: <HomeOperationalStudies />,
      },
      {
        path: 'projects/:projectId',
        element: <Project />,
      },
      {
        path: 'projects/:projectId/studies/:studyId',
        element: <Study />,
      },
      {
        path: 'projects/:projectId/studies/:studyId/scenarios/:scenarioId',
        element: <Scenario />,
      },
    ],
  },
  {
    path: '403/*',
    element: <Error403 />,
  },
  {
    path: '*',
    element: <ErrorBoundary />,
  },
]);

export default function App() {
  const dispatch = useAppDispatch();
  useEffect(() => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
    // Blindly dispatch current front version for storage
    dispatch(updateLastInterfaceVersion(import.meta.env.VITE_OSRD_GIT_DESCRIBE));
  }, []);
  const { isLoading } = useAuth();
  return (
    <Suspense fallback={<Loader />}>
      <DeploymentContextProvider>
        <NotificationsState />
        {!isLoading && <RouterProvider router={router} />}
        {isLoading && <Loader />}
      </DeploymentContextProvider>
    </Suspense>
  );
}