<commit_before>import React from 'react';
import CopyToClipboard from '../..';
import {name} from '../../../package.json';
import css from './App.css';


const App = React.createClass({
  getInitialState() {
    return {value: '', copied: false};
  },


  onChange({target: {value}}) {
    this.setState({value, copied: false});
  },


  onCopy() {
    this.setState({copied: true});
  },


  onClick({target: {innerHTML}}) {
    console.log(`Clicked on "${innerHTML}"!`); // eslint-disable-line
  },


  render() {
    return (
      <div className={css.app}>
        <h1>{name}</h1>

        <input value={this.state.value} size={10} onChange={this.onChange} />&nbsp;

        <CopyToClipboard text={this.state.value} onCopy={this.onCopy}>
          <span>Copy to clipboard with span</span>
        </CopyToClipboard>&nbsp;

        <CopyToClipboard text={this.state.value} onCopy={this.onCopy}>
          <button>Copy to clipboard with button</button>
        </CopyToClipboard>&nbsp;

        <CopyToClipboard text={this.state.value} onCopy={this.onCopy} options={{message: 'Whoa!'}}>
          <button onClick={this.onClick}>Copy to clipboard with onClick prop</button>
        </CopyToClipboard>&nbsp;


        {this.state.copied ? <span style={{color: 'red'}}>Copied.</span> : null}

        <br />

        <textarea style={{marginTop: '1em'}} cols="22" rows="3" />

      </div>
    );
  }
});


export default App;<commit_msg>Lint harder<commit_after>import React from 'react';
import CopyToClipboard from '../..';
import {name} from '../../../package.json';
import css from './App.css';


const App = React.createClass({
  getInitialState() {
    return {value: '', copied: false};
  },


  onChange({target: {value}}) {
    this.setState({value, copied: false});
  },


  onCopy() {
    this.setState({copied: true});
  },


  onClick({target: {innerHTML}}) {
    console.log(`Clicked on "${innerHTML}"!`); // eslint-disable-line
  },


  render() {
    return (
      <div className={css.app}>
        <h1>{name}</h1>

        <input onChange={this.onChange} size={10} value={this.state.value} />&nbsp;

        <CopyToClipboard onCopy={this.onCopy} text={this.state.value}>
          <span>Copy to clipboard with span</span>
        </CopyToClipboard>&nbsp;

        <CopyToClipboard onCopy={this.onCopy} text={this.state.value}>
          <button>Copy to clipboard with button</button>
        </CopyToClipboard>&nbsp;

        <CopyToClipboard onCopy={this.onCopy} options={{message: 'Whoa!'}} text={this.state.value}>
          <button onClick={this.onClick}>Copy to clipboard with onClick prop</button>
        </CopyToClipboard>&nbsp;


        {this.state.copied ? <span style={{color: 'red'}}>Copied.</span> : null}

        <br />

        <textarea cols="22" rows="3" style={{marginTop: '1em'}} />

      </div>
    );
  }
});


export default App;
{'fraction_non_alphanumeric': 0.18662952646239556, 'fraction_numerical': 0.005571030640668524, 'mean_word_length': 2.9464285714285716, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 45, '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': '3794924', 'n_tokens_mistral': 940, 'n_tokens_neox': 912, 'n_words': 186}