fleet/frontend/router/index.tsx

// @ts-nocheck
// better than a bunch of ts-ignore lines for non-ts components
import React from "react";
import {
  browserHistory,
  IndexRedirect,
  IndexRoute,
  Route,
  Router,
} from "react-router";
import { Provider } from "react-redux";
import { syncHistoryWithStore } from "react-router-redux";

import AdminAppSettingsPage from "pages/admin/AppSettingsPage";
import AdminUserManagementPage from "pages/admin/UserManagementPage";
import AdminTeamManagementPage from "pages/admin/TeamManagementPage";
import TeamDetailsWrapper from "pages/admin/TeamManagementPage/TeamDetailsWrapper";
import App from "components/App";
import AccessRoutes from "components/AccessRoutes";
import AuthenticatedAdminRoutes from "components/AuthenticatedAdminRoutes";
import AuthAnyAdminRoutes from "components/AuthAnyAdminRoutes";
import AuthenticatedRoutes from "components/AuthenticatedRoutes";
import AuthGlobalAdminMaintainerRoutes from "components/AuthGlobalAdminMaintainerRoutes";
import AuthAnyMaintainerAnyAdminRoutes from "components/AuthAnyMaintainerAnyAdminRoutes";
import PremiumTierRoutes from "components/PremiumTierRoutes";
import ConfirmInvitePage from "pages/ConfirmInvitePage";
import ConfirmSSOInvitePage from "pages/ConfirmSSOInvitePage";
import CoreLayout from "layouts/CoreLayout";
import EditPackPage from "pages/packs/EditPackPage";
import EmailTokenRedirect from "components/EmailTokenRedirect";
import HostDetailsPage from "pages/hosts/HostDetailsPage";
import Homepage from "pages/Homepage";
import LoginRoutes from "components/LoginRoutes";
import LogoutPage from "pages/LogoutPage";
import ManageHostsPage from "pages/hosts/ManageHostsPage";
import ManageSoftwarePage from "pages/software/ManageSoftwarePage";
import ManageQueriesPage from "pages/queries/ManageQueriesPage";
import ManagePacksPage from "pages/packs/ManagePacksPage";
import ManagePoliciesPage from "pages/policies/ManagePoliciesPage";
import ManageSchedulePage from "pages/schedule/ManageSchedulePage";
import PackPageWrapper from "components/packs/PackPageWrapper";
import PackComposerPage from "pages/packs/PackComposerPage";
import PoliciesPageWrapper from "components/policies/PoliciesPageWrapper";
import PolicyPage from "pages/policies/PolicyPage";
import QueryPage from "pages/queries/QueryPage";
import QueryPageWrapper from "components/queries/QueryPageWrapper";
import RegistrationPage from "pages/RegistrationPage";
import SchedulePageWrapper from "components/schedule/SchedulePageWrapper";
import SoftwarePageWrapper from "components/software/SoftwarePageWrapper";
import ApiOnlyUser from "pages/ApiOnlyUser";
import Fleet403 from "pages/errors/Fleet403";
import Fleet404 from "pages/errors/Fleet404";
import UserSettingsPage from "pages/UserSettingsPage";
import SettingsWrapper from "pages/admin/SettingsWrapper/SettingsWrapper";
import MembersPage from "pages/admin/TeamManagementPage/TeamDetailsWrapper/MembersPage";
import AgentOptionsPage from "pages/admin/TeamManagementPage/TeamDetailsWrapper/AgentOptionsPage";
import PATHS from "router/paths";
import store from "redux/store";
import AppProvider from "context/app";

interface IAppWrapperProps {
  children: JSX.Element;
}

const history = syncHistoryWithStore(browserHistory, store);

// App.tsx needs the context for user and config
const AppWrapper = ({ children }: IAppWrapperProps) => (
  <AppProvider>
    <App>{children}</App>
  </AppProvider>
);

const routes = (
  <Provider store={store}>
    <Router history={history}>
      <Route path={PATHS.ROOT} component={AppWrapper}>
        <Route path="setup" component={RegistrationPage} />
        <Route path="previewlogin" component={LoginRoutes} />
        <Route path="login" component={LoginRoutes}>
          <Route path="invites/:invite_token" component={ConfirmInvitePage} />
          <Route
            path="ssoinvites/:invite_token"
            component={ConfirmSSOInvitePage}
          />
          <Route path="forgot" />
          <Route path="reset" />
        </Route>
        <Route component={AuthenticatedRoutes}>
          <Route path="email/change/:token" component={EmailTokenRedirect} />
          <Route path="logout" component={LogoutPage} />
          <Route component={AccessRoutes}>
            <Route component={CoreLayout}>
              <IndexRedirect to={"dashboard"} />
              <Route path="dashboard" component={Homepage} />
              <Route path="settings" component={AuthAnyAdminRoutes}>
                <IndexRedirect to={"/dashboard"} />
                <Route component={SettingsWrapper}>
                  <Route component={AuthenticatedAdminRoutes}>
                    <Route
                      path="organization"
                      component={AdminAppSettingsPage}
                    />
                    <Route path="users" component={AdminUserManagementPage} />
                    <Route component={PremiumTierRoutes}>
                      <Route path="teams" component={AdminTeamManagementPage} />
                    </Route>
                  </Route>
                </Route>
                <Route path="teams/:team_id" component={TeamDetailsWrapper}>
                  <Route path="members" component={MembersPage} />
                  <Route path="options" component={AgentOptionsPage} />
                </Route>
              </Route>
              <Route path="hosts">
                <IndexRedirect to={"manage"} />
                <Route path="manage" component={ManageHostsPage} />
                <Route
                  path="manage/labels/:label_id"
                  component={ManageHostsPage}
                />
                <Route
                  path="manage/:active_label"
                  component={ManageHostsPage}
                />
                <Route
                  path="manage/labels/:label_id/:active_label"
                  component={ManageHostsPage}
                />
                <Route
                  path="manage/:active_label/labels/:label_id"
                  component={ManageHostsPage}
                />
                <Route path=":host_id" component={HostDetailsPage} />
              </Route>
              <Route path="software" component={SoftwarePageWrapper}>
                <IndexRedirect to={"manage"} />
                <Route path="manage" component={ManageSoftwarePage} />
              </Route>
              <Route component={AuthGlobalAdminMaintainerRoutes}>
                <Route path="packs" component={PackPageWrapper}>
                  <IndexRedirect to={"manage"} />
                  <Route path="manage" component={ManagePacksPage} />
                  <Route path="new" component={PackComposerPage} />
                  <Route path=":id">
                    <IndexRoute component={EditPackPage} />
                    <Route path="edit" component={EditPackPage} />
                  </Route>
                </Route>
              </Route>
              <Route component={AuthAnyMaintainerAnyAdminRoutes}>
                <Route path="schedule" component={SchedulePageWrapper}>
                  <IndexRedirect to={"manage"} />
                  <Route path="manage" component={ManageSchedulePage} />
                  <Route
                    path="manage/teams/:team_id"
                    component={ManageSchedulePage}
                  />
                </Route>
              </Route>
              <Route path="queries" component={QueryPageWrapper}>
                <IndexRedirect to={"manage"} />
                <Route path="manage" component={ManageQueriesPage} />
                <Route component={AuthAnyMaintainerAnyAdminRoutes}>
                  <Route path="new" component={QueryPage} />
                </Route>
                <Route path=":id" component={QueryPage} />
              </Route>
              <Route path="policies" component={PoliciesPageWrapper}>
                <IndexRedirect to={"manage"} />
                <Route path="manage" component={ManagePoliciesPage} />
                <Route component={AuthAnyMaintainerAnyAdminRoutes}>
                  <Route path="new" component={PolicyPage} />
                </Route>
                <Route path=":id" component={PolicyPage} />
              </Route>
              <Route path="profile" component={UserSettingsPage} />
            </Route>
          </Route>
        </Route>
      </Route>
      <Route path="/apionlyuser" component={ApiOnlyUser} />
      <Route path="/404" component={Fleet404} />
      <Route path="/403" component={Fleet403} />
      <Route path="*" component={Fleet404} />
    </Router>
  </Provider>
);

export default routes;