index.tsx

import { getCurrentActiveFeatureNames } from '@paralleldrive/feature-toggles'
import { FeatureToggles } from '@paralleldrive/react-feature-toggles'
import * as React from 'react'
import * as ReactDOM from 'react-dom'
import { AppContainer } from 'react-hot-loader'
import { Provider } from 'react-redux'
import { Router, Route, browserHistory } from 'react-router'

import { Actions } from 'actions'
import { Layout } from 'components/Root'
import { initialFeatures } from 'config/features'
import { createPoetStore } from 'store'

import 'react-toastify/dist/ReactToastify.css'

async function init(): Promise<void> {
  const { store, pages } = await createPoetStore()

  const routes = pages
    .map((page: any, index: any) => page.routeHook('' + index, store))
    .reduce((a: any, b: any) => a.concat(b), [])

  function handlerRoutes(store: any, pathname: string): void {
    const state = store.getState()
    const { user } = state
    const omitRoutes: ReadonlyArray<any> = [
      '/',
      '/login',
      '/forgot-password',
      '/forgot-password/change-password',
      '/verified-account',
      '/privacy',
      '/disclaimer',
    ]
    const notNeedOuath = omitRoutes.includes(pathname)
    if (['/login', '/login/'].includes(pathname) && user.token !== '') browserHistory.push('/dashboard')

    if (!notNeedOuath && user.token === '') browserHistory.push('/login')
  }

  function requireAuth(store: any): (route: any, replace: object) => void {
    return (route: any, replace: object): void => {
      const pathname = route.location.pathname
      store.dispatch(Actions.Router.onEnter(pathname))
      handlerRoutes(store, pathname)
    }
  }

  function onChange(store: any): (route: any, replace: object) => void {
    return (route: any, replace: any): void => {
      const pathname = replace.location.pathname
      store.dispatch(Actions.Router.onChange(pathname))
      handlerRoutes(store, pathname)
    }
  }

  function notFound(route: any, replace: object): void {
    browserHistory.push('/')
  }

  ReactDOM.render(
    <Provider store={store}>
      <AppContainer>
        <FeatureToggles features={getCurrentActiveFeatureNames({ initialFeatures })}>
          <Router history={browserHistory}>
            <Route component={Layout} onEnter={requireAuth(store)} onChange={onChange(store)}>
              {routes}
            </Route>
            <Route path="*" onEnter={notFound} />
          </Router>
        </FeatureToggles>
      </AppContainer>
    </Provider>,
    document.getElementById('app'),
  )
}

// tslint:disable-next-line
init().catch(console.error)