<commit_before>import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Lightbox from '../../react-image-lightbox';
import styles from './stylesheets/app.scss';

import image1 from './images/1.jpg';
import image2 from './images/2.jpg';
import image3 from './images/3.jpg';
import image4 from './images/4.jpg';
import image1Thumb from './images/1_thumb.jpg';
import image2Thumb from './images/2_thumb.jpg';
import image3Thumb from './images/3_thumb.jpg';
import image4Thumb from './images/4_thumb.jpg';

const images = [ image1, image2, image3, image4 ];
const thumbs = [ image1Thumb, image2Thumb, image3Thumb, image4Thumb ];

const titles = [
    '',
    (<span>
        by&nbsp;
        <a className={styles.creditLink} href="http://flickr.com/photos/titrans/">
            quatre mains
        </a>
        &nbsp;
        (<a
            className={styles.creditLink}
            href="http://creativecommons.org/licenses/by/2.0/"
            title="Attribution License"
        >
            Some rights reserved
        </a>)
    </span>),
    (<span>
        by&nbsp;
        <a className={styles.creditLink} href="http://flickr.com/photos/lachlanrogers/">
            latch.r
        </a>
        &nbsp;
        (<a
            className={styles.creditLink}
            href="http://creativecommons.org/licenses/by-sa/2.0/"
            title="Attribution-ShareAlike License"
        >
            Some rights reserved
        </a>)
    </span>),
    (<span>
        by&nbsp;
        <a className={styles.creditLink} href="http://flickr.com/photos/fazen/">
            fazen
        </a>
        &nbsp;
        (<a
            className={styles.creditLink}
            href="http://creativecommons.org/licenses/by/2.0/"
            title="Attribution License"
        >
            Some rights reserved
        </a>)
    </span>),
];

const captions = [
    'Cat in the snow',
    '',
    (<p>
        .. not in the&nbsp;
        <em>
            mood
        </em>
        &nbsp;for games right now<br />
        ...<br />
        ...<br />
        ...<br />
        ...<br />
        ...<br />
        ...<br />
        C&#39;mon. Seriously.
    </p>),
    '',
];

class App extends Component {
    constructor() {
        super();

        this.state = {
            index: 0,
            isOpen: false
        };

        this.openLightbox = this.openLightbox.bind(this);
        this.closeLightbox = this.closeLightbox.bind(this);
        this.moveNext = this.moveNext.bind(this);
        this.movePrev = this.movePrev.bind(this);
    }

    openLightbox() {
        this.setState({ isOpen: true });
    }

    closeLightbox() {
        this.setState({ isOpen: false });<commit_msg>Fix demo page display<commit_after>import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Lightbox from '../../react-image-lightbox';
import styles from './stylesheets/app.scss';

import image1 from './images/1.jpg';
import image2 from './images/2.jpg';
import image3 from './images/3.jpg';
import image4 from './images/4.jpg';
import image1Thumb from './images/1_thumb.jpg';
import image2Thumb from './images/2_thumb.jpg';
import image3Thumb from './images/3_thumb.jpg';
import image4Thumb from './images/4_thumb.jpg';

const images = [ image1, image2, image3, image4 ];
const thumbs = [ image1Thumb, image2Thumb, image3Thumb, image4Thumb ];

const titles = [
    '',
    (<span>
        by&nbsp;
        <a className={styles.creditLink} href="http://flickr.com/photos/titrans/">
            quatre mains
        </a>
        &nbsp;
        (<a
            className={styles.creditLink}
            href="http://creativecommons.org/licenses/by/2.0/"
            title="Attribution License"
        >
            Some rights reserved
        </a>)
    </span>),
    (<span>
        by&nbsp;
        <a className={styles.creditLink} href="http://flickr.com/photos/lachlanrogers/">
            latch.r
        </a>
        &nbsp;
        (<a
            className={styles.creditLink}
            href="http://creativecommons.org/licenses/by-sa/2.0/"
            title="Attribution-ShareAlike License"
        >
            Some rights reserved
        </a>)
    </span>),
    (<span>
        by&nbsp;
        <a className={styles.creditLink} href="http://flickr.com/photos/fazen/">
            fazen
        </a>
        &nbsp;
        (<a
            className={styles.creditLink}
            href="http://creativecommons.org/licenses/by/2.0/"
            title="Attribution License"
        >
            Some rights reserved
        </a>)
    </span>),
];

const captions = [
    'Cat in the snow',
    '',
    (<p>
        .. not in the&nbsp;
        <em>
            mood
        </em>
        &nbsp;for games right now<br />
        ...<br />
        ...<br />
        ...<br />
        ...<br />
        ...<br />
        ...<br />
        C&#39;mon. Seriously.
    </p>),
    '',
];

class App extends Component {
    constructor() {
        super();

        this.state = {
            index: 0,
            isOpen: false
        };

        this.openLightbox = this.openLightbox.bind(this);
        this.closeLightbox = this.closeLightbox.bind(this);
        this.moveNext = this.moveNext.bind(this);
        this.movePrev = this.movePrev.bind(this);
    }

    componentDidMount() {
        if (window) {
            styles._insertCss();
        }
    }

    openLightbox() {
        this.setState({ isOpen: true });
    }

    closeLightbox() {
        this.setState({ isOpen: false });
{'fraction_non_alphanumeric': 0.15481775532298808, 'fraction_numerical': 0.011909058101768314, 'mean_word_length': 1.744059405940594, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 61, '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': '2610282', 'n_tokens_mistral': 1755, 'n_tokens_neox': 1699, 'n_words': 349}