<commit_before>import 'babel-polyfill';
import React from 'react';
import ReactDOM from 'react-dom';
import 'material-design-icons-iconfont/dist/material-design-icons.css';
import 'material-design-lite/material.css';
import 'material-design-lite/material.min';
import FocusDevTools from '../';
import {init, populate} from '../service/firebase';
import dispatcher from './dispatcher-mock';
import stores from './store-mock';
import logger from '../logger/dispatch-logger';
const routeLogger = d => console.log('route' , d)
const strs =  {
    'person': {
      name: 'person',
      getValue: () => ({name: 'Pierre', age: 28})
    },
    'search': {
      name: 'search',
      getValue: () => ({name: '<NAME>', test: [{name: 1}, {name: 1},{name: 1},{name: 3}]})
    }
  };
const routes = [{
  route: /^help(?:\?([\s\S]*))?$/,
  callback: routeLogger
},
{
  route: /^holp(?:\?([\s\S]*))?$/,
  callback: routeLogger
},
{
  route: /^azjbnfhzbfhebhf(?:\?([\s\S]*))?$/,
  callback: routeLogger
}];



init(() => populate(false));
logger(dispatcher, () => stores);
dispatcher.dispatch({action: {type:'DON_UPDATE', data: 'DON_UPDATO', source: 'sourceAction'}});
// Create the react component when the DOM is loaded.
document.addEventListener('DOMContentLoaded', (event) => {

    const rootElement = document.querySelector(`.${__ANCHOR_CLASS__}`);
    const PAGE_TITLE = 'Great example page';
    // The child must be wrapped in a function
    // to work around an issue in React 0.13.
    ReactDOM.render(
            <div className='mdl-layout  mdl-layout--fixed-header'>
            <header className='mdl-layout__header'>
            <div className='mdl-layout__header-row'>
              <span className='mdl-layout-title'>{PAGE_TITLE}</span>
              <div className='mdl-layout-spacer'></div>
              <nav className='mdl-navigation mdl-layout--large-screen-only'>
                <a className='mdl-navigation__link' href=''>Link</a>
                <a className='mdl-navigation__link' href=''>Link</a>
                <a className='mdl-navigation__link' href=''>Link</a>
              </nav>

            </div>
            </header>
            <div className='mdl-layout__drawer'>
            <span className='mdl-layout-title'>Notification Center</span>
            <nav className='mdl-navigation'>
              <a className='mdl-navigation__link' href=''>Link</a>
              <a className='mdl-navigation__link' href=''>Link</a>
              <a className='mdl-navigation__link' href=''>Link</a>
              <a className='mdl-navigation__link' href=''>Link</a>
            </nav>
            </div>
              <main className='mdl-layout__content'>
                  <FocusDevTools
                    isPanel={true}
                    user='pierr'
                    project='focus_devtools'
                    toggleVisibilityKey='ctrl-m'
                    routes={routes}
                    getStores={() => strs}
                    isDebugDevTools={false}
                  />
              </main>
            </div>,
    rootElement);
});
<commit_msg>[stores]<commit_after>import 'babel-polyfill';
import React from 'react';
import ReactDOM from 'react-dom';
import 'material-design-icons-iconfont/dist/material-design-icons.css';
import 'material-design-lite/material.css';
import 'material-design-lite/material.min';
import FocusDevTools from '../';
import {init, populate} from '../service/firebase';
import dispatcher from './dispatcher-mock';
import stores from './store-mock';
import logger from '../logger/dispatch-logger';
const routeLogger = d => console.log('route' , d)
const strs =  {
    'person': {
      name: 'person',
      getValue: () => ({name: 'Pierre', age: 28})
    },
    'search': {
      name: 'search',
      getValue: () => ({name: '<NAME>', test: [{name: 1}, {name: 1},{name: 1},{name: 3}]})
    }
  };
const routes = [{
  route: /^help(?:\?([\s\S]*))?$/,
  callback: routeLogger
},
{
  route: /^holp(?:\?([\s\S]*))?$/,
  callback: routeLogger
},
{
  route: /^azjbnfhzbfhebhf(?:\?([\s\S]*))?$/,
  callback: routeLogger
}];



init(() => populate(false));
logger(dispatcher, () => stores);
dispatcher.dispatch({action: {type:'DON_UPDATE', data: 'DON_UPDATO', source: 'sourceAction'}});
// Create the react component when the DOM is loaded.
document.addEventListener('DOMContentLoaded', (event) => {

    const rootElement = document.querySelector(`.${__ANCHOR_CLASS__}`);
    const PAGE_TITLE = 'Great example page';
    // The child must be wrapped in a function
    // to work around an issue in React 0.13.
    ReactDOM.render(
            <div className='mdl-layout  mdl-layout--fixed-header'>
            <header className='mdl-layout__header'>
            <div className='mdl-layout__header-row'>
              <span className='mdl-layout-title'>{PAGE_TITLE}</span>
              <div className='mdl-layout-spacer'></div>
              <nav className='mdl-navigation mdl-layout--large-screen-only'>
                <a className='mdl-navigation__link' href=''>Link</a>
                <a className='mdl-navigation__link' href=''>Link</a>
                <a className='mdl-navigation__link' href=''>Link</a>
              </nav>

            </div>
            </header>
            <div className='mdl-layout__drawer'>
            <span className='mdl-layout-title'>Notification Center</span>
            <nav className='mdl-navigation'>
              <a className='mdl-navigation__link' href=''>Link</a>
              <a className='mdl-navigation__link' href=''>Link</a>
              <a className='mdl-navigation__link' href=''>Link</a>
              <a className='mdl-navigation__link' href=''>Link</a>
            </nav>
            </div>
              <main className='mdl-layout__content'>
                  <FocusDevTools
                    isPanel={true}
                    user='pierr'
                    project='focus_devtools'
                    toggleVisibilityKey='ctrl-m'
                    routes={routes}
                    getStores={() => stores}
                    isDebugDevTools={false}
                  />
              </main>
            </div>,
    rootElement);
});

{'fraction_non_alphanumeric': 0.17079889807162535, 'fraction_numerical': 0.002916869227029655, 'mean_word_length': 2.3671576650300055, 'pattern_counts': {'":': 0, '<': 75, '<?xml version=': 0, '>': 89, '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': '5408191', 'n_tokens_mistral': 1876, 'n_tokens_neox': 1808, 'n_words': 370}