<commit_before>/** @jsx React.DOM */

var React = require("react");
var ReactDOM = require("react-dom");
var $ = require("jquery");
var _ = require("underscore");

var Footer = require("common/commonComponents").Footer;

var Content = React.createClass({

      // Just to show it's possible to manipulate DOM with JQuery inside React
      componentDidMount: function() {
        var self = this;
        var counter = 0;
//        setInterval(function() {
//            counter++;
 //           $(self.refs)
  //            .find(".jqueryUptadable")
   //           .text("Updated by JQuery! -> "+counter);
    //    },1000);
        console.debug("interval set");

      },

      render: function() {
        return (
            <div className="reactComponentContainer">
                    <h1>Hello {this.props.name}</h1>
                    <p>This is rendered with a React JSX Component! yeah2</p>
                    <div>
                        <img src="img/logo.png"/>
                    </div>
                    <div className="jqueryUptadable">
                        This should be updated soon by JQuery
                    </div>
            </div>
        );
      }

});

var Home = React.createClass({
      render: function() {
        imgStyle = {
            position: 'absolute',
            top: '10px',
            left: '10px'
        };
        return (
            <div className="reactComponentContainer">
               <Content name={this.props.name}/>
               <img id="image" style={imgStyle} src="" />
               <p id="feedback">not logged in</p>
               <Footer/>
            </div>
        );
      }
});

exports.Home = Home;
exports.Content = Content;<commit_msg>Add a button to launch a photo search<commit_after>/** @jsx React.DOM */

var React = require("react");
var ReactDOM = require("react-dom");
var $ = require("jquery");
var _ = require("underscore");
var VinylCollection = require('vinylcollection');

var Footer = require("common/commonComponents").Footer;

var Content = React.createClass({

      // Just to show it's possible to manipulate DOM with JQuery inside React
      componentDidMount: function() {
        var self = this;
        var counter = 0;
//        setInterval(function() {
//            counter++;
 //           $(self.refs)
  //            .find(".jqueryUptadable")
   //           .text("Updated by JQuery! -> "+counter);
    //    },1000);
        console.debug("interval set");

      },

      render: function() {
        return (
            <div className="reactComponentContainer">
                    <h1>Hello {this.props.name}</h1>
                    <p>This is rendered with a React JSX Component! yeah2</p>
                    <div>
                        <img src="img/logo.png"/>
                    </div>
                    <div className="jqueryUptadable">
                        This should be updated soon by JQuery
                    </div>
            </div>
        );
      }

});

var Home = React.createClass({
      render: function() {
        imgStyle = {
            position: 'absolute',
            top: '10px',
            left: '10px'
        };
        return (
            <div className="reactComponentContainer">
               <Content name={this.props.name}/>
               <img id="image" style={imgStyle} src="" />
               <p id="feedback">not logged in</p>
               <button onClick={VinylCollection.photoSearch}>Search for an album</button>
               <Footer/>
            </div>
        );
      }
});

exports.Home = Home;
exports.Content = Content;
{'fraction_non_alphanumeric': 0.136891592920354, 'fraction_numerical': 0.00663716814159292, 'mean_word_length': 1.5436005625879043, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 43, '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': '4488103', 'n_tokens_mistral': 985, 'n_tokens_neox': 937, 'n_words': 238}