old_contents: /**
   * file: ui/core/src/index.js
   */
  
  import React from 'react';
  import ReactDOM from 'react-dom';
  import Relay from 'react-relay';
  import { Router, Route, IndexRoute, browserHistory, applyRouterMiddleware } from 'react-router'
  import useRelay from 'react-router-relay';
  
  // App components
  import AppLayout from 'core/AppLayout';
  import Login from 'core/login';
  import GraphiQL from 'core/my-graphiql';
  import Docs from 'core/docs';
  
  // Auth singleton
  import Auth from 'core/lib/auth';
  
  // Import some global CSS (some because not implemented in shared)
  import '!style!css!sass!material-design-lite/src/shadow/_shadow.scss';
  import '!style!css!sass!material-design-lite/src/typography/_typography.scss';
  import '!style!css!react-select/dist/react-select.css';
  
  
  // Just a tmp component for IndexRoute
  class Hello extends React.Component {
    render() {
      return(<h1>Hello Public Section</h1>)
    }
  }
  
  // function requireAuth(prevState, nextState, replace) {
  function requireAuth(nextState, replace) {
    if (!Auth.loggedIn()) {
      replace({
        pathname: "/login",
        state: { nextPathname: nextState.location.pathname }
      })
    }
  }
  
  function verifySession(nextState, replace){
    if(Auth.loggedIn())
      replace({ pathname: "/admin" })
  }
  
  function redirectToDefaultDoc(nextState, replace) {
    replace({ pathname: "/docs/use_case_examples.md" })
  }
  
  const routes = (
    <Route path="/">
      <IndexRoute component={Hello}/>
      <Route path="/login" component={Login}  onEnter={verifySession}/>
      <Route path="/admin" component={AppLayout} onEnter={requireAuth}>
        <IndexRoute component={Hello}/>
        <Route path="graphiql" component={GraphiQL} />
      </Route>
      <Route path="/docs" component={AppLayout}>
        <IndexRoute component={Docs} onEnter={redirectToDefaultDoc}/>
        <Route path=":filename" component={Docs}/>
      </Route>
    </Route>
  )
  
  class Application extends React.Component{
    constructor(props){
      super(props);
      this.state = {environment: Auth.getEnvironment()};
      Auth.afterLogin = () => this.resetRelayEnvironment();
      Auth.afterLogout = () => this.resetRelayEnvironment();
    }
  
    resetRelayEnvironment(){
      this.setState({environment: Auth.getEnvironment()});
    }
  
    render(){
      return (
        <Router history={browserHistory}
          render={applyRouterMiddleware(useRelay)}
          environment={this.state.environment}>
          {routes}
        </Router>
      );
    }
  }
  
  ReactDOM.render(
    <Application />,
    document.getElementById('react-root')
  );
  
new_contents: /**
   * file: ui/core/src/index.js
   */
  
  import React from 'react';
  import ReactDOM from 'react-dom';
  import Relay from 'react-relay';
  import { Router, Route, IndexRoute, browserHistory, applyRouterMiddleware } from 'react-router'
  import useRelay from 'react-router-relay';
  
  // App components
  import AppLayout from 'core/AppLayout';
  import Login from 'core/login';
  import GraphiQL from 'core/my-graphiql';
  import Docs from 'core/docs';
  
  // Auth singleton
  import Auth from 'core/lib/auth';
  
  // Import some global CSS (some because not implemented in shared)
  import '!style!css!sass!material-design-lite/src/shadow/_shadow.scss';
  import '!style!css!sass!material-design-lite/src/typography/_typography.scss';
  import '!style!css!react-select/dist/react-select.css';
  
  
  // Just a tmp component for IndexRoute
  class Hello extends React.Component {
    render() {
      return(<h1>Hello Public Section</h1>)
    }
  }
  
  // function requireAuth(prevState, nextState, replace) {
  function requireAuth(nextState, replace) {
    if (!Auth.loggedIn()) {
      replace({
        pathname: "/login",
        state: { nextPathname: nextState.location.pathname }
      })
    }
  }
  
  function verifySession(nextState, replace){
    if(Auth.loggedIn())
      replace({ pathname: "/admin" })
  }
  
  function redirectToDefaultDoc(nextState, replace) {
    replace({ pathname: "/docs/use_case_examples.md" })
  }
  
  const routes = (
    <Route path="/">
      <IndexRoute component={Hello}/>
      <Route path="/login" component={Login} onEnter={verifySession}/>
      <Route path="/admin" component={AppLayout} onEnter={requireAuth}>
        <IndexRoute component={Hello}/>
        <Route path="graphiql" component={GraphiQL} />
      </Route>
      <Route path="/docs" component={AppLayout}>
        <IndexRoute component={Docs} onEnter={redirectToDefaultDoc}/>
        <Route path=":filename" component={Docs}/>
      </Route>
    </Route>
  )
  
  class Application extends React.Component{
    constructor(props){
      super(props);
      this.state = {environment: Auth.getEnvironment()};
      Auth.afterLogin = () => this.resetRelayEnvironment();
      Auth.afterLogout = () => this.resetRelayEnvironment();
    }
  
    resetRelayEnvironment(){
      this.setState({environment: Auth.getEnvironment()});
    }
  
    render(){
      return (
        <Router history={browserHistory}
          render={applyRouterMiddleware(useRelay)}
          environment={this.state.environment}>
          {routes}
        </Router>
      );
    }
  }
  
  ReactDOM.render(
    <Application />,
    document.getElementById('react-root')
  );
  
subject: Remove extra whitespace