<commit_before>const React = require("react");
const { DOM: dom, PropTypes } = React;

const { getSourceText } = require("../queries");
const { bindActionCreators } = require("redux");
const { connect } = require("react-redux");
const actions = require("../actions");
const Isvg = React.createFactory(require("react-inlinesvg"));

require("codemirror/lib/codemirror.css");
require("./Editor.css");
require("codemirror/mode/javascript/javascript");
const CodeMirror = require("codemirror");

const Editor = React.createClass({
  propTypes: {
    selectedSource: PropTypes.object,
    sourceText: PropTypes.string,
    addBreakpoint: PropTypes.function
  },

  componentDidMount() {
    this.editor = CodeMirror.fromTextArea(this.refs.editor, {
      mode: "javascript",
      lineNumbers: true,
      lineWrapping: true,
      smartIndent: false,
      matchBrackets: true,
      readOnly: true,
      gutters: ["breakpoints"]
    });

    function makeMarker() {
      let marker = document.createElement("div");
      marker.className = "editor breakpoint";
      React.render(
        React.createElement(Isvg, {
          src: "js/components/images/breakpoint.svg#base-path___2142144446"<commit_msg>ReactDOM.render instead of React.render<commit_after>const ReactDOM = require("react-dom");
const React = require("react");
const { DOM: dom, PropTypes } = React;

const { getSourceText } = require("../queries");
const { bindActionCreators } = require("redux");
const { connect } = require("react-redux");
const actions = require("../actions");
const Isvg = React.createFactory(require("react-inlinesvg"));

require("codemirror/lib/codemirror.css");
require("./Editor.css");
require("codemirror/mode/javascript/javascript");
const CodeMirror = require("codemirror");

const Editor = React.createClass({
  propTypes: {
    selectedSource: PropTypes.object,
    sourceText: PropTypes.string,
    addBreakpoint: PropTypes.function
  },

  componentDidMount() {
    this.editor = CodeMirror.fromTextArea(this.refs.editor, {
      mode: "javascript",
      lineNumbers: true,
      lineWrapping: true,
      smartIndent: false,
      matchBrackets: true,
      readOnly: true,
      gutters: ["breakpoints"]
    });

    function makeMarker() {
      let marker = document.createElement("div");
      marker.className = "editor breakpoint";
      ReactDOM.render(
        React.createElement(Isvg, {
          src: "js/components/images/breakpoint.svg#base-path___2142144446"
{'fraction_non_alphanumeric': 0.14199029126213591, 'fraction_numerical': 0.008090614886731391, 'mean_word_length': 3.995959595959596, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '735675', 'n_tokens_mistral': 749, 'n_tokens_neox': 733, 'n_words': 141}