<commit_before>import React from "react";
import cx from "classnames";
import reverse from "lodash.reverse";
import Page from "./Page";
import Types from "components/prop-types";
import b from "components/lib/b";

export default class extends React.Component {
    static displayName = "Episode.Show.Pages"
    static propTypes = {
        "info": React.PropTypes.bool,
        "pages": React.PropTypes.arrayOf(React.PropTypes.shape(Types.page))
    }

    static defaultProps = {
        "info": false,
        "pages": []
    }

    masked () {
        if (this.props.info) {
            return b("masked");
        }

        return "";
    }

    render () {
        const {pages} = this.props;
        const layout = b.with("pagesLayout");

        return (
            <div
                className={cx(layout({"noScroll": this.props.info}), this.masked())}
                ref={(e) => {
                    e.scrollLeft = e.scrollWidth;
                }}
            >
                {reverse(pages.map((page) =><commit_msg>:iphone: change inital scroll timing for iPad browser<commit_after>import React from "react";
import cx from "classnames";
import reverse from "lodash.reverse";
import Page from "./Page";
import Types from "components/prop-types";
import b from "components/lib/b";

export default class extends React.Component {
    static displayName = "Episode.Show.Pages"
    static propTypes = {
        "info": React.PropTypes.bool,
        "pages": React.PropTypes.arrayOf(React.PropTypes.shape(Types.page))
    }

    static defaultProps = {
        "info": false,
        "pages": []
    }

    componentDidMount () {
        setTimeout(() => {
            // XXX: Without this delay, element is not scroll at mobile safari
            this.e.scrollLeft = this.e.scrollWidth;
        }, 500);
    }

    masked () {
        if (this.props.info) {
            return b("masked");
        }

        return "";
    }

    render () {
        const {pages} = this.props;
        const layout = b.with("pagesLayout");

        return (
            <div
                className={cx(layout({"noScroll": this.props.info}), this.masked())}
                ref={(e) => {
                    this.e = e;
                }}
            >
                {reverse(pages.map((page) =>
{'fraction_non_alphanumeric': 0.13527620704654197, 'fraction_numerical': 0.0013049151805132667, 'mean_word_length': 1.8894472361809045, 'pattern_counts': {'":': 10, '<': 5, '<?xml version=': 0, '>': 10, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4218734', 'n_tokens_mistral': 663, 'n_tokens_neox': 639, 'n_words': 153}