<commit_before>var React = require('react');
var ReactDOM = require('react-dom');


var CommentList = React.createClass({
  render: function(){
    return (
      <div className='commentList'>
        Hello, world! I am a CommentList.
      </div>
    );
  }
});

var CommentForm = React.createClass({
  render: function(){
    return (
      <div className="commentForm">
        Hello, world! I am a CommentForm.
      </div>
    );
  }
});

var CommentBox = React.createClass({
  render: function(){
    return (
      <div classname="commentBox">
        <h1>Comments</h1>
        <CommentList />
        <CommentForm />
      </div>
    );<commit_msg>step3 . tutorail 5/6/7. add props and marked<commit_after>var React = require('react');
var ReactDOM = require('react-dom');


var Comment = React.createClass({
  rawMarkup: function(){
    var rawMarkup = marked(this.props.children.toString(), {sanitize: true});
    return {__html: rawMarkup};
  },
  render: function(){
    return (
      <div className="comment">
        <h2 className="commentAuthor">
          {this.props.author}
        </h2>
        <span dangerouslySetInnerHTML={this.rawMarkup()} />
      </div>
    );
  }
});

var CommentList = React.createClass({
  render: function(){
    return (
      <div className='commentList'>
        <Comment author="<NAME>">This is one comment</Comment>
        <Comment author="<NAME>">This is *another* comment</Comment>
      </div>
    );
  }
});

var CommentForm = React.createClass({
  render: function(){
    return (
      <div className="commentForm">
        Hello, world! I am a CommentForm.
      </div>
    );
  }
});

var CommentBox = React.createClass({
  render: function(){
    return (
      <div className="commentBox">
        <h1>Comments</h1>
        <CommentList />
        <CommentForm />
      </div>
    );
{'fraction_non_alphanumeric': 0.15492957746478872, 'fraction_numerical': 0.005417118093174431, 'mean_word_length': 2.5587668593448942, 'pattern_counts': {'":': 0, '<': 34, '<?xml version=': 0, '>': 34, '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': '5355686', 'n_tokens_mistral': 569, 'n_tokens_neox': 563, 'n_words': 131}