import {
  App,
} from './components/App';
import {
  createStore,
} from './state/createStore';
import {
  configureStore,
} from './state/configureStore';
import {
  getNormalizedAcceleratorConfig,
} from './configuration/getNormalizedAcceleratorConfig';
import {
  initialize,
} from './passages/initialize';
import {
  isNode,
} from './functions/isNode';
import {
  hydrate,
  render,
} from 'react-dom';
import {
  Provider,
} from 'react-redux';
import {
  registerServiceWorker,
} from './registerServiceWorker';

import * as React from 'react';

import './index.less';

if (isNode()) {
  // Makes the script crash on unhandled rejections instead of silently
  // ignoring them. In the future, promise rejections that are not handled will
  // terminate the Node.js process with a non-zero exit code.
  process.on('unhandledRejection', (err) => { throw err; });
}

/* Allow state to be saved on prerender and reused when the window is opened.
 * This will avoid a lot of superfluous logic. */
const prerenderedState = (window as any).REDUX_STATE;
const store = prerenderedState ?
  createStore(prerenderedState) :
  configureStore(createStore());

if (!prerenderedState) {
  (window as any).REDUX_STATE = JSON.stringify(store.getState());
}

const appSelector = '#root';
const loadSelector = '#load';

const config = getNormalizedAcceleratorConfig();

/* Execute the logic in the initialization script. */
initialize({
  appSelector,
  config,
  loadSelector,
});

const component = (
  <Provider store={store}>
    <App />
  </Provider>
);

const rootElement = document.querySelector(appSelector);

if (rootElement!.hasChildNodes()) {
  hydrate(component, rootElement);
} else {
  render(component, rootElement);
}

registerServiceWorker();