index.js

const develop = (process.env.NODE_ENV !== 'production');

var React = require('react');
var ReactDOM = require('react-dom');
var { syncHistoryWithStore } = require('react-router-redux');

var history = require('./routing/history');
var configureStore = require('./store/configureStore');

var Root = require('./containers/Root');

var { setLocale } = require('./actions/LocaleActions');
var { refreshProfile } = require('./actions/SessionActions');

var store = configureStore();
history = syncHistoryWithStore(history, store);

var renderRoot = function () {
  ReactDOM.render(
    <Root store={store} history={history} />,
    document.getElementById('root')
  );
};

// http://stackoverflow.com/questions/10730362/get-cookie-by-name
var getCookie = function (name) {
  var value = "; " + document.cookie;
  var parts = value.split("; " + name + "=");
  if (parts.length == 2) {
    return parts.pop().split(";").shift();
  }
};

var locale = getCookie('daiad-utility-locale') || 'en-GB';
var mustRefresh = (getCookie('daiad-utility-session') === 'true');

// Chain preliminary actions needed before any rendering takes place
store.dispatch(setLocale(locale, true))
  .then(() => (mustRefresh ? store.dispatch(refreshProfile()) : Promise.resolve()))
  .then(renderRoot);

// If under development, shortcut some modules into global namespace (window)
if (develop) {
  global.$a = {
    api: require('./api/base'),
  };
}

//custom leaflet image path
var L = require('leaflet');
L.Icon.Default.imagePath = '/assets/lib/leaflet/images/';