<commit_before><polymer-element name="noflo-graph-inspector" attributes="graph">
  <style>
    noflo-graph-inspector label span {
      display: block;
      font-size: 8pt;
      padding-top: 8px;
    }
    noflo-graph-inspector textarea {
      width: 100%;
      height: 210px;
      border: none;
      font-family: "SourceCodePro",Helvetica,Arial,sans-serif;
      padding: 8px;
      background-color: hsl(184, 50%, 11%);
      color: hsl(184, 40%, 89%);
    }
  </style>
  <template>
    <h1 on-keyup="{{ updateName }}" contenteditable>{{ graph.properties.name }}</h1>
    <template if="{{ graph.properties.environment.runtime == 'html' }}">
    <label>
      <span>Preview contents</span>
      <textarea on-keyup="{{ updateContent }}">
        {{ graph.properties.environment.content }}
      </textarea>
    </label>
    </template>
  </template>
  <script>
    Polymer('noflo-graph-inspector', {
      updateName: function (event, detail, sender) {
        this.graph.properties.name = sender.innerText;
      },
      updateContent: function (event, detail, sender) {
        this.graph.properties.environment.content = sender.value;
      }
    });
  </script>
</polymer-element><commit_msg>Update graph on blur, not on every character<commit_after><polymer-element name="noflo-graph-inspector" attributes="graph">
  <style>
    noflo-graph-inspector label span {
      display: block;
      font-size: 8pt;
      padding-top: 8px;
    }
    noflo-graph-inspector textarea {
      width: 100%;
      height: 210px;
      border: none;
      font-family: "SourceCodePro",Helvetica,Arial,sans-serif;
      padding: 8px;
      background-color: hsl(184, 50%, 11%);
      color: hsl(184, 40%, 89%);
    }
  </style>
  <template>
    <h1 on-blur="{{ updateName }}" contenteditable>{{ graph.properties.name }}</h1>
    <template if="{{ graph.properties.environment.runtime == 'html' }}">
    <label>
      <span>Preview contents</span>
      <textarea on-blur="{{ updateContent }}">
        {{ graph.properties.environment.content }}
      </textarea>
    </label>
    </template>
  </template>
  <script>
    Polymer('noflo-graph-inspector', {
      updateName: function (event, detail, sender) {
        this.graph.properties.name = sender.innerText;
      },
      updateContent: function (event, detail, sender) {
        this.graph.properties.environment.content = sender.value;
      }
    });
  </script>
</polymer-element>
{'fraction_non_alphanumeric': 0.15633976200246205, 'fraction_numerical': 0.02051702913418137, 'mean_word_length': 2.809375, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, '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': '5431674', 'n_tokens_mistral': 832, 'n_tokens_neox': 763, 'n_words': 154}