<commit_before>import {Component} from 'react'
import {HotKeys} from 'react-hotkeys'
import {observer} from 'mobx-react'
import DevTools from 'mobx-react-devtools'
import r from 'r-dom'

import {appState, chartStore} from '../stores'
import ChartBench from './ChartBench'
import NoteSelect from './NoteSelect'

@observer
export default class App extends Component {
  handleBenchKeyChange = (key) => {
    appState.benchKey = key
  }
  render () {
    const keyMap = {
      commit: 'ctrl+enter',
      left: ['left', 'h'],
      redo: 'ctrl+shift+z',
      right: ['right', 'l'],
      undo: 'ctrl+z'
    }
    const {gitHubCommitUrl, lastUpdatedOn, packageVersion} = this.props
    return r(HotKeys, {keyMap}, [
      r(DevTools, null),
      r('h1', 'OpenChordCharts sample data'),
      r('p', [
        'This page shows renderings of OpenChordCharts ',
        r('a', { href: 'https://github.com/openchordcharts/sample-data' }, 'sample JSON files'),
        '.'
      ]),
      r('p', [
        `zVersion ${packageVersion}, last updated on `,
        r('a', { href: gitHubCommitUrl }, lastUpdatedOn),
        '.'
      ]),
      r('p', [
        'Current key: ',
        r(NoteSelect, {
          onChange: this.handleBenchKeyChange,
          value: appState.benchKey
        })<commit_msg>Fix typo<commit_after>import {Component} from 'react'
import {HotKeys} from 'react-hotkeys'
import {observer} from 'mobx-react'
import DevTools from 'mobx-react-devtools'
import r from 'r-dom'

import {appState, chartStore} from '../stores'
import ChartBench from './ChartBench'
import NoteSelect from './NoteSelect'

@observer
export default class App extends Component {
  handleBenchKeyChange = (key) => {
    appState.benchKey = key
  }
  render () {
    const keyMap = {
      commit: 'ctrl+enter',
      left: ['left', 'h'],
      redo: 'ctrl+shift+z',
      right: ['right', 'l'],
      undo: 'ctrl+z'
    }
    const {gitHubCommitUrl, lastUpdatedOn, packageVersion} = this.props
    return r(HotKeys, {keyMap}, [
      r(DevTools, null),
      r('h1', 'OpenChordCharts sample data'),
      r('p', [
        'This page shows renderings of OpenChordCharts ',
        r('a', { href: 'https://github.com/openchordcharts/sample-data' }, 'sample JSON files'),
        '.'
      ]),
      r('p', [
        `Version ${packageVersion}, last updated on `,
        r('a', { href: gitHubCommitUrl }, lastUpdatedOn),
        '.'
      ]),
      r('p', [
        'Current key: ',
        r(NoteSelect, {
          onChange: this.handleBenchKeyChange,
          value: appState.benchKey
        })
{'fraction_non_alphanumeric': 0.15158546017014696, 'fraction_numerical': 0.0007733952049497294, 'mean_word_length': 2.706303724928367, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 2, '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': '6848784', 'n_tokens_mistral': 836, 'n_tokens_neox': 829, 'n_words': 209}