App.jsx

/*eslint no-process-env: 0*/
import React from 'react';
import { Route, Switch } from 'react-router-dom';
import ReactGA from 'react-ga';
import { get } from 'lodash';
import { isFHIRServer, isLoggedIn } from '../../common/utils';
import Search from '../search/Search';
import ConceptHome from '../concepts/ConceptHome';
import ConceptsComparison from '../concepts/ConceptsComparison';
import MappingHome from '../mappings/MappingHome';
import SourceHome from '../sources/SourceHome';
import CollectionHome from '../collections/CollectionHome';
import OrgHome from '../orgs/OrgHome';
import UserHome from '../users/UserHome';
import Login from '../users/Login';
import Signup from '../users/Signup';
import EmailVerification from '../users/EmailVerification';
import ForgotPasswordRequest from '../users/ForgotPasswordRequest';
import ForgotPasswordForm from '../users/ForgotPasswordForm';
import ImportHome from '../imports/ImportHome';
import NotFound from '../common/NotFound';
import ErrorBoundary from '../common/ErrorBoundary';
import AccessDenied from '../common/AccessDenied';
import Fhir from '../fhir/Fhir';
import ContainerHome from '../fhir/ContainerHome';
import ConceptMapHome from '../fhir/ConceptMapHome';
import Header from './Header';
import Footer from './Footer';
import RootView from './RootView';
import './App.scss';


const AuthenticationRequiredRoute = ({component: Component, ...rest}) => (
  <Route
    {...rest}
    render={props => isLoggedIn() ? <Component {...props} /> : <AccessDenied />}
  />
)

const App = props => {
  const [menuOpen, setMenuOpen] = React.useState(false);
  const setupGA = () => {
    /*eslint no-undef: 0*/
    ReactGA.initialize(window.GA_ACCOUNT_ID || process.env.GA_ACCOUNT_ID);
    ReactGA.pageview(window.location.pathname + window.location.hash);
  }

  const addLogoutListenerForAllTabs = () => window.addEventListener(
    "storage",
    event => {
      if(event.key === 'token' && !event.newValue) {
        localStorage.removeItem('token');
        localStorage.removeItem('user');
        if(!get(localstorage, 'server'))
          window.location = '/';
      }
    });

  React.useEffect(() => {
    addLogoutListenerForAllTabs()
    setupGA()
  })

  const isFHIR = isFHIRServer();

  return (
    <div>
      <Header {...props} onOpen={setMenuOpen} />
      <ErrorBoundary>
        <main className={menuOpen ? 'content menu-open' : 'content'}>
          <Switch>
            <Route exact path="/" component={isFHIR ? Fhir : RootView} />
            <Route path="/search" component={isFHIR ? Fhir : Search} />
            <AuthenticationRequiredRoute path="/imports" component={ImportHome} />

            { /* Concept Home */ }
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/concepts/:concept([a-zA-Z0-9\-\.\_]+)/:conceptVersion([a-zA-Z0-9\-\.\_]+)"
              component={ConceptHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/concepts/:concept([a-zA-Z0-9\-\.\_]+)/:conceptVersion([a-zA-Z0-9\-\.\_]+)"
              component={ConceptHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)/concepts/:concept([a-zA-Z0-9\-\.\_]+)/:conceptVersion([a-zA-Z0-9\-\.\_]+)"
              component={ConceptHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)/concepts/:concept([a-zA-Z0-9\-\.\_]+)/:conceptVersion([a-zA-Z0-9\-\.\_]+)"
              component={ConceptHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/concepts/:concept([a-zA-Z0-9\-\.\_]+)"
              component={ConceptHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/concepts/:concept([a-zA-Z0-9\-\.\_]+)"
              component={ConceptHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)/concepts/:concept([a-zA-Z0-9\-\.\_]+)"
              component={ConceptHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)/concepts/:concept([a-zA-Z0-9\-\.\_]+)"
              component={ConceptHome}
            />
            <Route
              exact
              path="/concepts/compare"
              component={ConceptsComparison}
            />

            { /* Mapping Home */ }
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/mappings/:mapping([a-zA-Z0-9\-\.\_]+)/:mappingVersion([a-zA-Z0-9\-\.\_]+)"
              component={MappingHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/mappings/:mapping([a-zA-Z0-9\-\.\_]+)/:mappingVersion([a-zA-Z0-9\-\.\_]+)"
              component={MappingHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)/mappings/:mapping([a-zA-Z0-9\-\.\_]+)/:mappingVersion([a-zA-Z0-9\-\.\_]+)"
              component={MappingHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)/mappings/:mapping([a-zA-Z0-9\-\.\_]+)/:mappingVersion([a-zA-Z0-9\-\.\_]+)"
              component={MappingHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/mappings/:mapping([a-zA-Z0-9\-\.\_]+)"
              component={MappingHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/mappings/:mapping([a-zA-Z0-9\-\.\_]+)"
              component={MappingHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)/mappings/:mapping([a-zA-Z0-9\-\.\_]+)"
              component={MappingHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)/mappings/:mapping([a-zA-Z0-9\-\.\_]+)"
              component={MappingHome}
            />

            { /* Source Home */ }
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)"
              component={SourceHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)"
              component={SourceHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)"
              component={SourceHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/sources/:source([a-zA-Z0-9\-\.\_]+)"
              component={SourceHome}
            />
            { /* Collection Home */ }
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/collections/:collection([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)"
              component={CollectionHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/collections/:collection([a-zA-Z0-9\-\.\_]+)/:version([a-zA-Z0-9\-\.\_]+)"
              component={CollectionHome}
            />
            <Route
              path="/orgs/:org([a-zA-Z0-9\-\.\_]+)/collections/:collection([a-zA-Z0-9\-\.\_]+)"
              component={CollectionHome}
            />
            <Route
              path="/users/:user([a-zA-Z0-9\-\.\_]+)/collections/:collection([a-zA-Z0-9\-\.\_]+)"
              component={CollectionHome}
            />

            {/* Organization Home */}
            <Route path="/orgs/:org([a-zA-Z0-9\-\.\_]+)" component={OrgHome} />

            {/* User Home */}
            <Route path="/users/:user([a-zA-Z0-9\-\.\_]+)" component={UserHome} />
            <Route exact path="/accounts/login" component={Login} />
            <Route exact path="/accounts/signup" component={Signup} />
            <Route exact path="/accounts/password/reset" component={ForgotPasswordRequest} />
            <Route exact path="/accounts/:user([a-zA-Z0-9\-\.\_]+)/password/reset/:token([a-zA-Z0-9\-\.\_]+)" component={ForgotPasswordForm} />
            <Route exact path="/accounts/:user([a-zA-Z0-9\-\.\_]+)/verify/:token([a-zA-Z0-9\-\.\_]+)" component={EmailVerification} />

            {/* FHIR */}
            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/code" component={ContainerHome} />
            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/about" component={ContainerHome} />
            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/versions" component={ContainerHome} />
            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)" component={ContainerHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/code" component={ContainerHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/about" component={ContainerHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/versions" component={ContainerHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)" component={ContainerHome} />
            <Route path="/fhir/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/versions" component={ContainerHome} />
            <Route path="/fhir/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/about" component={ContainerHome} />
            <Route path="/fhir/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)/code" component={ContainerHome} />
            <Route path="/fhir/CodeSystem/:id([a-zA-Z0-9\-\.\_]+)" component={ContainerHome} />

            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/code" component={ContainerHome} />
            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/about" component={ContainerHome} />
            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/versions" component={ContainerHome} />
            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/ValueSet/:id([a-zA-Z0-9\-\.\_]+)" component={ContainerHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/code" component={ContainerHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/about" component={ContainerHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/versions" component={ContainerHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/ValueSet/:id([a-zA-Z0-9\-\.\_]+)" component={ContainerHome} />
            <Route path="/fhir/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/versions" component={ContainerHome} />
            <Route path="/fhir/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/about" component={ContainerHome} />
            <Route path="/fhir/ValueSet/:id([a-zA-Z0-9\-\.\_]+)/code" component={ContainerHome} />
            <Route path="/fhir/ValueSet/:id([a-zA-Z0-9\-\.\_]+)" component={ContainerHome} />

            <Route path="/fhir/orgs/:org([a-zA-Z0-9\-\.\_]+)/ConceptMap/:id([a-zA-Z0-9\-\.\_]+)" component={ConceptMapHome} />
            <Route path="/fhir/users/:user([a-zA-Z0-9\-\.\_]+)/ConceptMap/:id([a-zA-Z0-9\-\.\_]+)" component={ConceptMapHome} />
            <Route path="/fhir/ConceptMap/:id([a-zA-Z0-9\-\.\_]+)" component={ConceptMapHome} />

            <Route path="/fhir" component={Fhir} />
            <Route component={NotFound} />
          </Switch>
        </main>
      </ErrorBoundary>
      <Footer {...props} />
    </div>
  );
}

export default App;