<commit_before>import React from 'react';
import axios from 'axios';

class App extends React.Component {

  render() {
    return (
      <Abc/>
    )
  }
}

class Abc extends React.Component {
  render() {
    return (
      <div>
        <button onClick={this.getList}>get List</button>
      </div>
    )
  }
  getList() {
    axios.get('/api/get/xss.com')
      .then( response => { console.dir(response); alert(response); } ) // SUCCESS
      .catch( response => { console.dir(response); } ); // ERROR
  }
}

export default App;<commit_msg>Add get list ui and feature<commit_after>import React from 'react';
import axios from 'axios';

class App extends React.Component {

  render() {
    return (
      <SiteList/>
    )
  }
}

class SiteInfo extends React.Component {
    render() {
        return(
            <li>{this.props.rId} - {this.props.url}, {this.props.count}, {this.props.creation}, {this.props.latest}</li>
        );
    }
}

class SiteList extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      url: "default",
      responseData: [],
    };
    this.getList = this.getList.bind(this);
    this.handleUrl = this.handleUrl.bind(this);
    this.keyDownCheck = this.keyDownCheck.bind(this);
  }
  handleUrl(event) {
    this.setState({
      url: event.target.value
    });
  }

  render() {
    return (
      <div>
        <input placeholder="press enter" type="text" onChange={this.handleUrl} onKeyDown={this.keyDownCheck}></input>
        <button onClick={this.getList}>GET LIST !</button>
        <h3>{this.state.url}</h3>
        {this.state.responseData.map((r, i) => {
          return (
            <SiteInfo rId={r.rId}
              url={r.url}
              count={r.count}
              creation={r.creation}
              latest={r.latest}
              key={i}
            />
          );
        })}
      </div>
    )
  }
  keyDownCheck(event) {
    if (event.keyCode == 13) {
      this.getList();
    }
  }
  getList() {
    axios.get('/api/get/xss.com')
      .then( response => {
        this.setState({
            responseData: response.data
      })})
      .catch( response => { console.dir(response); } );
  }
}

export default App;
{'fraction_non_alphanumeric': 0.1588447653429603, 'fraction_numerical': 0.0018050541516245488, 'mean_word_length': 2.0834492350486786, 'pattern_counts': {'":': 0, '<': 20, '<?xml version=': 0, '>': 25, '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': '1291426', 'n_tokens_mistral': 729, 'n_tokens_neox': 722, 'n_words': 133}