<commit_before>import {HotKeys} from "react-hotkeys"

import AutoWidth from "./AutoWidth"
import ChartBench from "../containers/ChartBench"
import DevTools from "../containers/DevTools"
import KeySelect from "./KeySelect"


const keyMap = {
  commit: "ctrl+enter",
  left: ["left", "h"],
  redo: "ctrl+shift+z",
  right: ["right", "l"],
  undo: "ctrl+z",
}


const Bench = ({
  charts,
  enableDevTools,
  gitHubCommitUrl,
  initialWidth,
  isDevToolsEnabled,
  lastUpdatedOn,
  packageVersion,
  benchKey,
  setBenchKey,
}) => (
  <HotKeys keyMap={keyMap}>
    <h1>OpenChordCharts bench</h1>
    <p>
      This page shows renderings of OpenChordCharts
      {" "}
      <a href="https://github.com/openchordcharts/sample-data">sample JSON files</a>.
    </p>
    <p>
      Version {packageVersion}, last updated on
      {" "}
      <a href={gitHubCommitUrl}>{lastUpdatedOn}</a>.
    </p>
    <p>
      <label>
        <input
          checked={isDevToolsEnabled}
          onChange={(event) => enableDevTools(event.target.checked)}
          type="checkbox"
        />
        Enable redux dev-tools.
      </label>
    </p>
    {isDevToolsEnabled && <DevTools />}
    <p>
      Note: add <code><a href="?debug_session=1">?debug_session=1</a></code> to URL to keep state in localStorage.
    </p>
    <p>
      Current key:
      {" "}
      <KeySelect
        onChange={(value) => { setBenchKey(value) }}
        value={benchKey}
      />
    </p>
    <section>
      <AutoWidth initialWidth={initialWidth}>
        {
          charts.map((chart, idx) => (
            <ChartBench key={idx} slug={chart.slug} title={chart.title} />
          ))
        }
      </AutoWidth>
    </section>
  </HotKeys>
)


export default Bench
<commit_msg>Change title<commit_after>import {HotKeys} from "react-hotkeys"

import AutoWidth from "./AutoWidth"
import ChartBench from "../containers/ChartBench"
import DevTools from "../containers/DevTools"
import KeySelect from "./KeySelect"


const keyMap = {
  commit: "ctrl+enter",
  left: ["left", "h"],
  redo: "ctrl+shift+z",
  right: ["right", "l"],
  undo: "ctrl+z",
}


const Bench = ({
  charts,
  enableDevTools,
  gitHubCommitUrl,
  initialWidth,
  isDevToolsEnabled,
  lastUpdatedOn,
  packageVersion,
  benchKey,
  setBenchKey,
}) => (
  <HotKeys keyMap={keyMap}>
    <h1>OpenChordCharts sample data</h1>
    <p>
      This page shows renderings of OpenChordCharts
      {" "}
      <a href="https://github.com/openchordcharts/sample-data">sample JSON files</a>.
    </p>
    <p>
      Version {packageVersion}, last updated on
      {" "}
      <a href={gitHubCommitUrl}>{lastUpdatedOn}</a>.
    </p>
    <p>
      <label>
        <input
          checked={isDevToolsEnabled}
          onChange={(event) => enableDevTools(event.target.checked)}
          type="checkbox"
        />
        Enable redux dev-tools.
      </label>
    </p>
    {isDevToolsEnabled && <DevTools />}
    <p>
      Note: add <code><a href="?debug_session=1">?debug_session=1</a></code> to URL to keep state in localStorage.
    </p>
    <p>
      Current key:
      {" "}
      <KeySelect
        onChange={(value) => { setBenchKey(value) }}
        value={benchKey}
      />
    </p>
    <section>
      <AutoWidth initialWidth={initialWidth}>
        {
          charts.map((chart, idx) => (
            <ChartBench key={idx} slug={chart.slug} title={chart.title} />
          ))
        }
      </AutoWidth>
    </section>
  </HotKeys>
)


export default Bench

{'fraction_non_alphanumeric': 0.15649183147033535, 'fraction_numerical': 0.002292920607623961, 'mean_word_length': 2.4865134865134864, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 75, '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': '6478152', 'n_tokens_mistral': 1175, 'n_tokens_neox': 1168, 'n_words': 242}