<commit_before>//Imports
import React, {Suspense, lazy} from 'react';
import { HashRouter, Route } from 'react-router-dom';
import createHistory from "history/createBrowserHistory"
import loader from "./gif/Spinner.gif"


const DataStoriesSpacial =  lazy(() => import('./templates/datastories/Spatial_transformation'));
const DataStoriesUrbanSafety =  lazy(() => import('./templates/datastories/Urban_safety'));
const DataStoriesEPW =  lazy(() => import('./templates/datastories/EPW_metro'));
const DataStoriesAffordability =  lazy(() => import('./templates/datastories/Affordability'));
const IndicatorExplorer =  lazy(() => import('./templates/Explore'));
const DataStoriesDetails =  lazy(() => import('./templates/datastories/Home'));
const State_of_finance =  lazy(() => import('./templates/datastories/State_of_finance'));
const CBIndicatorExplorer =  lazy(() => import('./templates/codebook/Explore'));
const Codebook =  lazy(() => import('./templates/codebook/Codebook'));
const Demographic =  lazy(() => import('./templates/Demographic'));
const Socr_Dashboards =  lazy(() => import('./templates/SocrDashboard'));

const style = {
      position: 'absolute', left: '50%', top: '50%',
      transform: 'translate(-50%, -50%)'
};

export const history = createHistory()

history.listen(() => {
    window.scrollTo(0, 0)
})

// import more components
export default (
    <HashRouter history={history}>
    <Suspense fallback={<div style={style}><img src={loader} alt='Loader'></img></div>}>

      <Route exact path="/data-stories-details" component={()=><DataStoriesDetails />} />
      <Route exact path="/codebook" component={() => <Codebook />} />
      <Route exact path="/ds-state-of-finance-2018" component={()=> <State_of_finance />} />
      <Route exact path="/ds-spatial-transformation-2018" component={()=> <DataStoriesSpacial />} />
      <Route exact path="/ds-urban-safety-2018" component={()=> <DataStoriesUrbanSafety />} />
      <Route exact path="/ds-epw-metro-2018" component={()=> <DataStoriesEPW />} />
      <Route exact path="/ds-affordability-2018" component={()=> <DataStoriesAffordability />} />
      <Route exact path='/home' component={()=> <Home />} />
      <Route exact path="/explorer" component={()=> <IndicatorExplorer />}/>
      <Route exact path='/codebook-explorer/:id' render={()=> <CBIndicatorExplorer/>} />
      <Route exact path="/demographic-modeller" component={()=><Demographic />} />
      <Route exact path='/socr-dashboards' component={Socr_Dashboards} />
      </Suspense>
    </HashRouter>
);<commit_msg>moved service delivery to socr bundle<commit_after>//Imports
import React, {Suspense, lazy} from 'react';
import { HashRouter, Route } from 'react-router-dom';
import createHistory from "history/createBrowserHistory"
import loader from "./gif/Spinner.gif"


const DataStoriesSpacial =  lazy(() => import('./templates/datastories/Spatial_transformation'));
const DataStoriesUrbanSafety =  lazy(() => import('./templates/datastories/Urban_safety'));
const DataStoriesEPW =  lazy(() => import('./templates/datastories/EPW_metro'));
const DataStoriesAffordability =  lazy(() => import('./templates/datastories/Affordability'));
const IndicatorExplorer =  lazy(() => import('./templates/Explore'));
const DataStoriesDetails =  lazy(() => import('./templates/datastories/Home'));
const State_of_finance =  lazy(() => import('./templates/datastories/State_of_finance'));
const CBIndicatorExplorer =  lazy(() => import('./templates/codebook/Explore'));
const Codebook =  lazy(() => import('./templates/codebook/Codebook'));
const Demographic =  lazy(() => import('./templates/Demographic'));

const style = {
      position: 'absolute', left: '50%', top: '50%',
      transform: 'translate(-50%, -50%)'
};

export const history = createHistory()

history.listen(() => {
    window.scrollTo(0, 0)
})

// import more components
export default (
    <HashRouter history={history}>
    <Suspense fallback={<div style={style}><img src={loader} alt='Loader'></img></div>}>

      <Route exact path="/data-stories-details" component={()=><DataStoriesDetails />} />
      <Route exact path="/codebook" component={() => <Codebook />} />
      <Route exact path="/ds-state-of-finance-2018" component={()=> <State_of_finance />} />
      <Route exact path="/ds-spatial-transformation-2018" component={()=> <DataStoriesSpacial />} />
      <Route exact path="/ds-urban-safety-2018" component={()=> <DataStoriesUrbanSafety />} />
      <Route exact path="/ds-epw-metro-2018" component={()=> <DataStoriesEPW />} />
      <Route exact path="/ds-affordability-2018" component={()=> <DataStoriesAffordability />} />
      <Route exact path='/home' component={()=> <Home />} />
      <Route exact path="/explorer" component={()=> <IndicatorExplorer />}/>
      <Route exact path='/codebook-explorer/:id' render={()=> <CBIndicatorExplorer/>} />
      <Route exact path="/demographic-modeller" component={()=><Demographic />} />
      </Suspense>
    </HashRouter>
);
{'fraction_non_alphanumeric': 0.19672131147540983, 'fraction_numerical': 0.011995201919232307, 'mean_word_length': 4.698177676537585, 'pattern_counts': {'":': 0, '<': 64, '<?xml version=': 0, '>': 109, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2215859', 'n_tokens_mistral': 1556, 'n_tokens_neox': 1523, 'n_words': 303}