import 'babel-polyfill';

import React from 'react';

import ReactDOM from 'react-dom';

import createStore from './store/createStore';

import AppContainer from './containers/AppContainer';

import Raven from 'raven-js';

// ========================================================

// Store Instantiation

// ========================================================

if (__PROD__) {

Raven

.config('https://830240a30b9d4229add8932a16a17096@sentry.io/101285')

.install();

}

// ========================================================

// Store Instantiation

// ========================================================

const initialState = window.___INITIAL_STATE__;

const store = createStore(initialState);

// ========================================================

// Render Setup

// ========================================================

const MOUNT_NODE = document.getElementById('root');

let render = () => {

const routes = require('./routes/index').default(store);

ReactDOM.render(

<AppContainer store={store} routes={routes} />,

MOUNT_NODE

);

};

// This code is excluded from production bundle

if (__DEV__) {

if (module.hot) {

// Development render functions

const renderApp = render;

const renderError = (error) => {

const RedBox = require('redbox-react').default;

ReactDOM.render(<RedBox error={error} />, MOUNT_NODE);

};

// Wrap render in try/catch

render = () => {

try {

renderApp();

} catch (error) {

console.error(error);

renderError(error);

}

};

// Setup hot module replacement

module.hot.accept('./routes/index', () =>

setImmediate(() => {

ReactDOM.unmountComponentAtNode(MOUNT_NODE);

render();

})

);

}

}

// ========================================================

// Go!

// ========================================================

render();