<commit_before>/**
 * The home route renders a Jumbotron and a list of features that are listed in ./data.jsx
 */

var React = require('react')
    , router = require('react-router')
    , Link = router.Link
    , bootstrap = require('react-bootstrap')
    , Row = bootstrap.Row
    , Col = bootstrap.Col
    , data = require('./data')
    , config = require('../../../app.config')
    , DocumentTitle = require('react-document-title')
    , Jumbotron = bootstrap.Jumbotron;

/**
 * A feature consists of an icon, title and description and describes a feature of red-hot-react.
 * @type {ReactComponent}
 */
var Feature = React.createClass({
    render: function () {
        return (
            <div className="feature">
                <div className="row title-row">
                    <i className={this.props.opts.icon}></i>
                    <span className="title">{this.props.opts.title}</span>
                </div>
                <div className="row">
                    <p className="description">{this.props.opts.description}</p>
                </div>
            </div>
        );
    }
});

/**
 * The features components takes a list of feature data and renders a bootstrap grid of Feature
 * components. (3 per row).
 * @type {ReactComponent}
 */
var Features = React.createClass({
    render: function () {
        var i, j, tempArray, chunkedFeatures = [], chunk = 3;
        for (i = 0, j = this.props.features.length; i < j; i += chunk) {
            tempArray = this.props.features.slice(i, i + chunk);
            chunkedFeatures.push(tempArray);
        }
        return (
            <div>
                {chunkedFeatures.map(function (featureRow, i) {
                    return (
                        <Row className="feature-row">
                            {featureRow.map(function (feature, j) {
                                return (
                                    <Col md="4" className="feature-col">
                                        <Feature key={i * j} opts={feature}/>
                                    </Col>
                                )
                            })}
                        </Row>
                    );
                })}
            </div>
        )
    }
});

var Home = React.createClass({
    render: function () {
        return (
            <DocumentTitle title={config.brand}>
                <div id="home">
                    <Row>
                        <Col md="12">
                            <Jumbotron>
                                <h1>
                                    <i className="fa fa-fire"></i>
                                Red Hot React</h1>
                                <p>
                                An opionated boilerplate for ReactJS, focusing on developer workflow in aid of rapid development and delivery.
                                </p>
                                <p>
                                    <Link to="About" className="btn btn-primary btn-lg" role="button">Learn more &raquo;</Link>
                                </p>
                            </Jumbotron>
                        </Col>
                    </Row>
                    <Features features={data.features}/>
                </div>
            </DocumentTitle>
        );
    }
});


module.exports = Home;<commit_msg>Spelling mistake<commit_after>/**
 * The home route renders a Jumbotron and a list of features that are listed in ./data.jsx
 */

var React = require('react')
    , router = require('react-router')
    , Link = router.Link
    , bootstrap = require('react-bootstrap')
    , Row = bootstrap.Row
    , Col = bootstrap.Col
    , data = require('./data')
    , config = require('../../../app.config')
    , DocumentTitle = require('react-document-title')
    , Jumbotron = bootstrap.Jumbotron;

/**
 * A feature consists of an icon, title and description and describes a feature of red-hot-react.
 * @type {ReactComponent}
 */
var Feature = React.createClass({
    render: function () {
        return (
            <div className="feature">
                <div className="row title-row">
                    <i className={this.props.opts.icon}></i>
                    <span className="title">{this.props.opts.title}</span>
                </div>
                <div className="row">
                    <p className="description">{this.props.opts.description}</p>
                </div>
            </div>
        );
    }
});

/**
 * The features components takes a list of feature data and renders a bootstrap grid of Feature
 * components. (3 per row).
 * @type {ReactComponent}
 */
var Features = React.createClass({
    render: function () {
        var i, j, tempArray, chunkedFeatures = [], chunk = 3;
        for (i = 0, j = this.props.features.length; i < j; i += chunk) {
            tempArray = this.props.features.slice(i, i + chunk);
            chunkedFeatures.push(tempArray);
        }
        return (
            <div>
                {chunkedFeatures.map(function (featureRow, i) {
                    return (
                        <Row className="feature-row">
                            {featureRow.map(function (feature, j) {
                                return (
                                    <Col md="4" className="feature-col">
                                        <Feature key={i * j} opts={feature}/>
                                    </Col>
                                )
                            })}
                        </Row>
                    );
                })}
            </div>
        )
    }
});

var Home = React.createClass({
    render: function () {
        return (
            <DocumentTitle title={config.brand}>
                <div id="home">
                    <Row>
                        <Col md="12">
                            <Jumbotron>
                                <h1>
                                    <i className="fa fa-fire"></i>
                                Red Hot React</h1>
                                <p>
                                An opinionated boilerplate for ReactJS, focusing on developer workflow in aid of rapid development and delivery.
                                </p>
                                <p>
                                    <Link to="About" className="btn btn-primary btn-lg" role="button">Learn more &raquo;</Link>
                                </p>
                            </Jumbotron>
                        </Col>
                    </Row>
                    <Features features={data.features}/>
                </div>
            </DocumentTitle>
        );
    }
});


module.exports = Home;
{'fraction_non_alphanumeric': 0.11878824056111029, 'fraction_numerical': 0.0023877033278615132, 'mean_word_length': 1.1289707750952986, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 83, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 16, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7031228', 'n_tokens_mistral': 1698, 'n_tokens_neox': 1596, 'n_words': 410}