add restentpoint for login/logout, restructuring of modules and components, add flow usage

scm-ui/src/index.js

@@ -1,32 +1,41 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-import registerServiceWorker from './registerServiceWorker';
+// @flow
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./containers/App";
+import registerServiceWorker from "./registerServiceWorker";
 
-import { Provider } from 'react-redux';
-import createHistory from 'history/createBrowserHistory';
-import createReduxStore from './createReduxStore';
-import { ConnectedRouter } from 'react-router-redux';
+import { Provider } from "react-redux";
+import createHistory from "history/createBrowserHistory";
 
+import type { BrowserHistory } from "history/createBrowserHistory";
+
+import createReduxStore from "./createReduxStore";
+import { ConnectedRouter } from "react-router-redux";
+
+const publicUrl: string = process.env.PUBLIC_URL || "";
 
 // Create a history of your choosing (we're using a browser history in this case)
-const history = createHistory({
-  basename: process.env.PUBLIC_URL
+const history: BrowserHistory = createHistory({
+  basename: publicUrl
 });
 
-window.appHistory = history;
 // Add the reducer to your store on the `router` key
 // Also apply our middleware for navigating
 const store = createReduxStore(history);
 
+const root = document.getElementById("root");
+if (!root) {
+  throw new Error("could not find root element");
+}
+
 ReactDOM.render(
   <Provider store={store}>
-      { /* ConnectedRouter will use the store from Provider automatically */}
-      <ConnectedRouter history={history}>
-        <App />
-      </ConnectedRouter>
+    {/* ConnectedRouter will use the store from Provider automatically */}
+    <ConnectedRouter history={history}>
+      <App />
+    </ConnectedRouter>
   </Provider>,
-  document.getElementById('root')
+  root
 );
 
 registerServiceWorker();