<commit_before>// https://www.reddit.com/r/javascript/comments/332v73/is_anyone_using_es6_in_a_large_project_hows_it/cqh2u7i
import hex from 'hex-rgb';

const rgb = (str) => hex(str).map(x => x/255);

import React from 'react';

// http://www.newmediacampaigns.com/blog/refactoring-react-components-to-es6-classes
// stopgap until ES7 allows property initializers
// https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html
class BaseComponent extends React.Component {
	_bind(...methods) {
		methods.forEach( (method) => this[method] = this[method].bind(this) );
	}
}

// https://facebook.github.io/react/docs/two-way-binding-helpers.html
class NoLink extends BaseComponent {
	constructor(props) {
		super(props);
		this.state = {message: '#abde13'};
		this._bind('handleChange');
	}

	handleChange(event) {
		this.setState({message: event.target.value});
	}

	render() {
		var message = this.state.message;
		return (
			<div>
				<input type="text" value={message} onChange={this.handleChange} readOnly/>
				<input type="text" value={rgb(message)} readOnly />
			</div>
			)
	}
}

React.render(
	<NoLink txt="some text" />,
	document.getElementById('app')
	);<commit_msg>inline style<commit_after>// https://www.reddit.com/r/javascript/comments/332v73/is_anyone_using_es6_in_a_large_project_hows_it/cqh2u7i
import hex from 'hex-rgb';

const rgb = (str) => hex(str).map(x => x/255);

import React from 'react';

// http://www.newmediacampaigns.com/blog/refactoring-react-components-to-es6-classes
// stopgap until ES7 allows property initializers
// https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html
class BaseComponent extends React.Component {
	_bind(...methods) {
		methods.forEach( (method) => this[method] = this[method].bind(this) );
	}
}

// https://facebook.github.io/react/docs/two-way-binding-helpers.html
class NoLink extends BaseComponent {
	constructor(props) {
		super(props);
		this.state = {message: '#abde13'};
		this._bind('handleChange');

		this.someStyle = {
			color: 'white',
			backgroundColor: 'blue'
		};
	}

	handleChange(event) {
		this.setState({message: event.target.value});
	}

	render() {
		var message = this.state.message;
		return (
			<div>
				<input style={this.someStyle} type="text" value={message} onChange={this.handleChange} readOnly />
				<input type="text" value={rgb(message)} readOnly />
			</div>
			)
	}
}

React.render(
	<NoLink txt="some text" />,
	document.getElementById('app')
	);
{'fraction_non_alphanumeric': 0.1708299758259468, 'fraction_numerical': 0.022562449637389202, 'mean_word_length': 4.227368421052631, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 19, 'https://': 6, 'lorem ipsum': 0, 'www.': 4, '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': '6448047', 'n_tokens_mistral': 954, 'n_tokens_neox': 888, 'n_words': 141}