<commit_before>import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import JSONTree from 'react-json-tree';
import { Button, Panel } from 'react-bootstrap';
var fileDownload = require('react-file-download');

import actionResponse from './structures/ActionResponse.json';
import actionRequest from './structures/ActionRequest.json';
import metadataRequest from './structures/MetadataRequest.json';
import metadataResponse from './structures/MetadataResponse.json';
import configurationValue from './structures/ConfigurationValue.json';

const theme = {
  scheme: 'monokai',
  author: '<NAME> (http://www.monokai.nl)',
  base00: '#272822',
  base01: '#383830',
  base02: '#49483e',
  base03: '#75715e',
  base04: '#a59f85',
  base05: '#f8f8f2',
  base06: '#f5f4f1',
  base07: '#f9f8f5',
  base08: '#f92672',
  base09: '#fd971f',
  base0A: '#f4bf75',
  base0B: '#a6e22e',
  base0C: '#a1efe4',
  base0D: '#66d9ef',
  base0E: '#ae81ff',
  base0F: '#cc6633'
};

class MetadataViewer extends Component {
  constructor(props) {
    super(props);
  }

  render  () {
    const listItems = this.props.metadata.configurationValues.map((value) =><p>{value.developerName}</p>);
    const listActions = this.props.metadata.actions.map((value) =><p>{value.developerName}</p>);

    return (
      <div>
      <Panel header="List of configurationValues" bsStyle="success">
        {listItems}
      </Panel>
      <Panel header="List of actions" bsStyle="success">
        {listActions}
      </Panel>
      </div>
    );
  }
}

class App extends Component {
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <h2>WhomiBoo</h2>
        </div>
        <p>This project is under active development and is not fully functional.</p>
        <p className="App-intro">
          <br/>
          <Button bsStyle="primary" className="square" onClick={() => fileDownload(JSON.stringify(actionResponse, null, 2), 'MessageActionRequestProfile.json')}>
              Message Action Request Profile (static)
          </Button> <br/><br/>
          <Button bsStyle="primary" onClick={() => fileDownload(JSON.stringify(actionResponse, null, 2), 'MessageActionResponseProfile.json')}>
              Message Action Response Profile (static)
          </Button> <br/><br/>
          <Button bsStyle="primary" onClick={() => fileDownload(JSON.stringify(metadataRequest, null, 2), 'MetadataRequestProfile.json')}>
              Metadata Request Profile
          </Button><br/><br/><commit_msg>added types<commit_after>import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
{/**import JSONTree from 'react-json-tree';**/}
import { Button, Panel } from 'react-bootstrap';
var fileDownload = require('react-file-download');

import actionResponse from './structures/ActionResponse.json';
import actionRequest from './structures/ActionRequest.json';
import metadataRequest from './structures/MetadataRequest.json';
import metadataResponse from './structures/MetadataResponse.json';
import configurationValue from './structures/ConfigurationValue.json';

class MetadataViewer extends Component {
  constructor(props) {
    super(props);
  }

  render  () {
    const listConfig = this.props.metadata.configurationValues.map((value) => <p>{value.developerName}</p>);
    const listActions = this.props.metadata.actions.map((value) => <p>{value.developerName}</p>);
    const listTypes = this.props.metadata.install.typeElements.map((value) => <p>{value.developerName}</p>);

    return (
      <div>
      <Panel header="List of configurationValues" bsStyle="success">
        {listConfig}
      </Panel>
      <Panel header="List of actions" bsStyle="success">
        {listActions}
      </Panel>
      <Panel header="List of types" bsStyle="success">
        {listTypes}
      </Panel>
      </div>
    );
  }
}

class App extends Component {
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <h2>WhomiBoo</h2>
        </div>
        <p>This project is under active development and is not fully functional.</p>
        <p className="App-intro">
          <br/>
          <Button bsStyle="primary" className="square" onClick={() => fileDownload(JSON.stringify(actionResponse, null, 2), 'MessageActionRequestProfile.json')}>
              Message Action Request Profile (static)
          </Button> <br/><br/>
          <Button bsStyle="primary" onClick={() => fileDownload(JSON.stringify(actionResponse, null, 2), 'MessageActionResponseProfile.json')}>
              Message Action Response Profile (static)
          </Button> <br/><br/>
          <Button bsStyle="primary" onClick={() => fileDownload(JSON.stringify(metadataRequest, null, 2), 'MetadataRequestProfile.json')}>
              Metadata Request Profile
          </Button><br/><br/>
{'fraction_non_alphanumeric': 0.15387763454061795, 'fraction_numerical': 0.019643953345610803, 'mean_word_length': 3.4517304189435336, 'pattern_counts': {'":': 0, '<': 70, '<?xml version=': 0, '>': 81, 'https://': 0, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 10, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3539690', 'n_tokens_mistral': 1468, 'n_tokens_neox': 1408, 'n_words': 332}