<commit_before>import "babel-polyfill"

import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, applyMiddleware } from 'redux'
import createSagaMiddleware from 'redux-saga'

import Counter from './Counter'
import reducer from './reducers'
import rootSaga from './sagas'

const sagaMiddleware = createSagaMiddleware()
const store = createStore(
    reducer,
    applyMiddleware(sagaMiddleware)
)
sagaMiddleware.run(rootSaga)

import { helloSaga } from './sagas'
sagaMiddleware.run(helloSaga);

const action = type => store.dispatch({type})




var root_style = {

    height: "100%",
    backgroundColor: "white",
};


var divStyle1 = {
    //"fontFamily": "'Lato', sans-serif",
    //"lineHeight": "500px",
    //color: 'black',
    // backgroundImage: 'url(' + imgUrl + ')',
    //width: "250px",
    height: "50%",
    //"background-image": 'url("img/1.png")',
    //"backgroundSize": "50%",
    //textAlign: "center",
    //padding: "10px",
    //fontSize: "30px",
    //boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
    //backgroundColor: "#4CAF50",


};

var div_vertical = {
    //"position": "relative",
    "fontFamily": "'Lato', sans-serif",
    fontSize: "30px",
    //"transform":"translateY(calc(50%))",
    //height: "40px",
    //width: "200px",
    "textAlign": "center",
    //backgroundColor: "yellow",

    "position": "relative",
    "top": "50%",
    transform: "translateY(-50%)"

};

// tutorial2.js
var Comment_1 = React.createClass({

    getInitialState: function() {
        return {

        };
    },


    handleClick() {
        //this.setState({liked: !this.state.liked});
        //this.classList.toggle('opened');
        console.log(this);
        //this.setState({top: '100px'});
        //this.setState({color: 'green'});
        //this.classList.toggle('opened');
    },

    render: function() {
        return (
            <div style={divStyle1} className="commentList">
                <div  style={div_vertical} >
                    <p >
                        Ethereum Classic
                    </p>
                </div>
            </div>
        );
    }
});

var divStyle2 = {
    color: 'green',
    // backgroundImage: 'url(' + imgUrl + ')',
    //width: "250px",
    height: "50%",
    //"background-image": 'url("img/1.png")',
    //"backgroundSize": "50%",
    //textAlign: "center",
    //padding: "10px",
    //fontSize: "20px",
    //boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
    backgroundColor: "#B8E986",
    WebkitTransition: 'all', // note the capital 'W' here
    msTransition: 'all' // 'ms' is the only lowercase vendor prefix



};


var Comment_2 = React.createClass({
    onLinkClicked () {
        console.log('Clicked!');
        //console.log(React.findDOMNode(this).classList())
    },

    render: function() {
        return (

            <div style={divStyle2} className="commentList">
            </div>

        );
    }
});

var divStyle4 = {
    width: "1100px",
    position: "fixed",
    //top: "50%",
    top: "50%",
    right: 0,
    left: 0,
    //"maxWidth": "1000px", /* for  below IE7 use `width: 660px;` */
    //"margin": "auto",
    //"margin-left":"10%",
    //backgroundColor: "red",
    "margin":"0px auto",
    //transform:"translateY(50%)",
    //"position": "fixed",

};



var divStyle5 = {
    "fontFamily": "'Lato', sans-serif",
    "width": "200px",
    "minHeight": "200px",
    "border": "1px solid #f1f1f1",
    "display": "inline-block",
    backgroundColor: "white",
    boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
    "margin": "25px",


};

var img_center_style = {

    //"position": "relative",
    //"top": "50%",
    //transform: "translateY(-200px)",
    transform: "translateY(50px) translateX(60px)"
}





var Comment_5 = React.createClass({
    onLinkClicked () {
        console.log('Clicked!');
        //console.log(React.findDOMNode(this).classList())
    },

    onSomeButtonClicked() {
        const { userId, dispatch } = this.props
        dispatch({type: 'USER_FETCH_REQUESTED', payload: {userId}})
    },

    onMouseEnterHandler: function() {
        this.setState({
            hover: true<commit_msg>solve the child trigger issue<commit_after>import "babel-polyfill"

import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, applyMiddleware } from 'redux'
import createSagaMiddleware from 'redux-saga'

import Counter from './Counter'
import reducer from './reducers'
import rootSaga from './sagas'

const sagaMiddleware = createSagaMiddleware()
const store = createStore(
    reducer,
    applyMiddleware(sagaMiddleware)
)
sagaMiddleware.run(rootSaga)

import { helloSaga } from './sagas'
sagaMiddleware.run(helloSaga);

const action = type => store.dispatch({type})




var root_style = {

    height: "100%",
    backgroundColor: "white",
};


var divStyle1 = {
    //"fontFamily": "'Lato', sans-serif",
    //"lineHeight": "500px",
    //color: 'black',
    // backgroundImage: 'url(' + imgUrl + ')',
    //width: "250px",
    height: "50%",
    //"background-image": 'url("img/1.png")',
    //"backgroundSize": "50%",
    //textAlign: "center",
    //padding: "10px",
    //fontSize: "30px",
    //boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
    //backgroundColor: "#4CAF50",


};

var div_vertical = {
    //"position": "relative",
    "fontFamily": "'Lato', sans-serif",
    fontSize: "30px",
    //"transform":"translateY(calc(50%))",
    //height: "40px",
    //width: "200px",
    "textAlign": "center",
    //backgroundColor: "yellow",

    "position": "relative",
    "top": "50%",
    transform: "translateY(-50%)"

};

// tutorial2.js
var Comment_1 = React.createClass({

    getInitialState: function() {
        return {

        };
    },


    handleClick() {
        //this.setState({liked: !this.state.liked});
        //this.classList.toggle('opened');
        console.log(this);
        //this.setState({top: '100px'});
        //this.setState({color: 'green'});
        //this.classList.toggle('opened');
    },

    render: function() {
        return (
            <div style={divStyle1} className="commentList">
                <div  style={div_vertical} >
                    <p >
                        Ethereum Classic
                    </p>
                </div>
            </div>
        );
    }
});

var divStyle2 = {
    color: 'green',
    // backgroundImage: 'url(' + imgUrl + ')',
    //width: "250px",
    height: "50%",
    //"background-image": 'url("img/1.png")',
    //"backgroundSize": "50%",
    //textAlign: "center",
    //padding: "10px",
    //fontSize: "20px",
    //boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
    backgroundColor: "#B8E986",
    WebkitTransition: 'all', // note the capital 'W' here
    msTransition: 'all' // 'ms' is the only lowercase vendor prefix



};


var Comment_2 = React.createClass({
    onLinkClicked () {
        console.log('Clicked!');
        //console.log(React.findDOMNode(this).classList())
    },

    render: function() {
        return (

            <div style={divStyle2} className="commentList">
            </div>

        );
    }
});

var divStyle4 = {
    width: "1100px",
    position: "fixed",
    //top: "50%",
    top: "50%",
    right: 0,
    left: 0,
    //"maxWidth": "1000px", /* for  below IE7 use `width: 660px;` */
    //"margin": "auto",
    //"margin-left":"10%",
    //backgroundColor: "red",
    "margin":"0px auto",
    //transform:"translateY(50%)",
    //"position": "fixed",

};



var divStyle5 = {
    "fontFamily": "'Lato', sans-serif",
    "width": "200px",
    "minHeight": "200px",
    "border": "1px solid #f1f1f1",
    "display": "inline-block",
    backgroundColor: "white",
    boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
    "margin": "25px",

    //"pointerEvents": "none"


};

var img_center_style = {

    //"position": "relative",
    //"top": "50%",
    //transform: "translateY(-200px)",
    transform: "translateY(50px) translateX(60px)",
    //避免進入子元件，觸發Mouseout
    //Avoid enter child , avoid from entering Mouseout
    "pointerEvents": "none"
};





var Comment_5 = React.createClass({
    onLinkClicked () {
        console.log('Clicked!');
        //console.log(React.findDOMNode(this).classList())
    },

    onSomeButtonClicked() {
        const { userId, dispatch } = this.props
        dispatch({type: 'USER_FETCH_REQUESTED', payload: {userId}})
    },

    onMouseEnterHandler: function() {
        this.setState({
            hover: true
{'fraction_non_alphanumeric': 0.18684483354452253, 'fraction_numerical': 0.03847483008869946, 'mean_word_length': 2.4631033107299563, 'pattern_counts': {'":': 52, '<': 19, '<?xml version=': 0, '>': 21, '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': '229036', 'n_tokens_mistral': 3230, 'n_tokens_neox': 2957, 'n_words': 661}