<commit_before>import React from "react";
import FalcorController from "lib/falcor/FalcorController";
import { setAppReady } from "lib/falcor/falcorUtils";
import ReactTransitionGroup from 'react-addons-transition-group';
import _ from "lodash";
import { TransitionManager } from "lib/loader"

// Components
import Navigation from "components/Navigation";
import Footer from "components/Footer";
import Loader from "components/Loader"

// Application CSS; applicationStyles alias,
// CSS and SCSS loaders in webpack.config.js
require('applicationStyles');

export default class AppController extends FalcorController {
  static getFalcorPathSets() {
  }

  componentDidMount() {
    super.componentDidMount();
    setAppReady();
  }

  render() {
    const transitionKey = _.reduce(this.props.params, (keyString, val, key) => {
      return keyString + "&" + val + "=" + key;
    }, "keystring");
    return (
      <div className="app-container">
        <Loader percent={30} />
        <div className="app-container__header">
          <Navigation appName={"The Gazelle"} />
        </div>
        <div className="app-container__body">
          <ReactTransitionGroup
            transitionName="global-loader"
            transitionEnterTimeout={1000}<commit_msg>make AppController extend BaseComponent instead of FalcorController since it has no falcorPathSets<commit_after>import React from "react";
import BaseComponent from "lib/BaseComponent";
import { setAppReady } from "lib/falcor/falcorUtils";
import ReactTransitionGroup from 'react-addons-transition-group';
import _ from "lodash";
import { TransitionManager } from "lib/loader";

// Components
import Navigation from "components/Navigation";
import Footer from "components/Footer";
import Loader from "components/Loader"

// Application CSS; applicationStyles alias,
// CSS and SCSS loaders in webpack.config.js
require('applicationStyles');

export default class AppController extends BaseComponent {
  componentDidMount() {
    super.componentDidMount();
    setAppReady();
  }

  render() {
    const transitionKey = _.reduce(this.props.params, (keyString, val, key) => {
      return keyString + "&" + val + "=" + key;
    }, "keystring");
    return (
      <div className="app-container">
        <Loader percent={30} />
        <div className="app-container__header">
          <Navigation appName={"The Gazelle"} />
        </div>
        <div className="app-container__body">
          <ReactTransitionGroup
            transitionName="global-loader"
            transitionEnterTimeout={1000}
{'fraction_non_alphanumeric': 0.11613406079501169, 'fraction_numerical': 0.004676539360872954, 'mean_word_length': 3.825187969924812, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, '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': '5607544', 'n_tokens_mistral': 708, 'n_tokens_neox': 688, 'n_words': 180}