<commit_before>let {RaisedButton,AppBar,TimePicker,Card,CardTitle,CardHeader,CardMedia,CardActions,CardText,FlatButton,Avatar} = mui,
  App = React.createClass({

  childContextTypes: {
    muiTheme: React.PropTypes.object
  },
  getChildContext(){
    return {
      muiTheme: mui.Styles.ThemeManager.getMuiTheme(mui.Styles.LightRawTheme)
    }
  },

  getInitialState(){
    return {
      counter: 0
    }
  },

  _handleTap(e){
    e.preventDefault()
    console.log('it worked ------- !')
    console.log(e)

    this.setState({
      counter: ++this.state.counter
    })
  },

  render(){
    return (

      <div>

        //The 12hr format
        <TimePicker
          format="ampm"
          hintText="12hr Format" />


        <Card initiallyExpanded={false}>
          <CardHeader
            title="Title"
            subtitle="Subtitle"
            avatar={<Avatar style={{color:'red'}}>A</Avatar>}
            showExpandableButton={true}>
          </CardHeader>
          <CardText expandable={true}>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
            Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
            Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
          </CardText>
          <CardActions expandable={true}>
            <RaisedButton primary label='Join' onTouchTap={this._handleTap} />
          </CardActions>
          <CardText expandable={true}>
            <p>You've pressed the button <b>{this.state.counter}</b> times.</p>
          </CardText>
        </Card>
      </div>
    )
  }
})

Meteor.startup(()=>{
  React.render(<App />, document.body)
})<commit_msg>styled form<commit_after>let {RaisedButton,AppBar,TimePicker,Card,CardTitle,CardHeader,CardMedia,CardActions,CardText,FlatButton,Avatar,TextField,Snackbar,SelectField,Paper,Divider} = mui,
  App = React.createClass({

  childContextTypes: {
    muiTheme: React.PropTypes.object
  },
  getChildContext(){
    return {
      muiTheme: mui.Styles.ThemeManager.getMuiTheme(mui.Styles.LightRawTheme)
    }
  },

  getInitialState(){

    return {
      counter: 0
    }
  },

  _handleTap(e){
    e.preventDefault()
    console.log('it worked ------- !')
    console.log(e)

    this.setState({
      counter: ++this.state.counter
    })
  },

  render(){
    return (

      <div>


        <TimePicker
          format="ampm"
          hintText="Start Time" />
        <TimePicker
          format="ampm"
          hintText="End Time" />
        <TextField
          hintText="Location"
          hintStyle={{color: 'red'}} />
        <TextField
          hintText="Num Attending"
          hintStyle={{color: 'red'}} />
        <TextField
            hintText="Notes"
            hintStyle={{color: 'red'}} />

        <RaisedButton primary label='Create New Meeting' onTouchTap={this._handleTap} />
        <Card initiallyExpanded={false}>
          <CardHeader
            title="Title"
            subtitle="Subtitle"
            avatar={<Avatar style={{color:'red'}}>A</Avatar>}
            showExpandableButton={true}>
          </CardHeader>
          <CardText expandable={true}>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
            Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
            Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
          </CardText>
          <CardActions expandable={true}>
            <RaisedButton primary label='Join' onTouchTap={this._handleTap} />
            <RaisedButton
                      onTouchTap={this.handleTouchTap}
                      label="Add to my calendar"
                    />
            <Snackbar
                      open={this.state.open}
                      message={this.state.message}
                      action="undo"
                      autoHideDuration={this.state.autoHideDuration}
                      onActionTouchTap={this.handleActionTouchTap}
                      onRequestClose={this.handleRequestClose}
                    />
          </CardActions>
          <CardText expandable={true}>
            <p>You've pressed the button <b>{this.state.counter}</b> times.</p>
          </CardText>
        </Card>
      </div>
    )
  }
})

Meteor.startup(()=>{
  React.render(<App />, document.body)
})
{'fraction_non_alphanumeric': 0.12192963044921443, 'fraction_numerical': 0.0013277273733126797, 'mean_word_length': 2.033557046979866, 'pattern_counts': {'":': 0, '<': 52, '<?xml version=': 0, '>': 54, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5956014', 'n_tokens_mistral': 1399, 'n_tokens_neox': 1355, 'n_words': 242}