<commit_before>function createMessageChannel() {
  App.messages = App.cable.subscriptions.create({
        channel: 'MessagesChannel', chat_id: parseInt($("#message_chat_id").val())
        },
        {
        received: function(data) {
          $("#messages").removeClass('hidden')
          return $('#messages').append(this.renderMessage(data));
        },
        renderMessage: function(data) {
          return "<p class='message-line'>" + "<img class='message-pic'" + "src='" + data.user + "'" +"alt='photo'" + "width=30" + "height=30" + ">" + data.username + ": " + data.message + "</p>";
        },
      });

  return App.messages;
}<commit_msg>add span to message rendering<commit_after>function createMessageChannel() {
  App.messages = App.cable.subscriptions.create({
        channel: 'MessagesChannel', chat_id: parseInt($("#message_chat_id").val())
        },
        {
        received: function(data) {
          $("#messages").removeClass('hidden')
          return $('#messages').append(this.renderMessage(data));
        },
        renderMessage: function(data) {
          return "<p class='message-line'>" + "<img class='message-pic'" + "src='" + data.user + "'" +"alt='Image'" + "width=30" + "height=30" + ">" + "<span>" + data.username + ": " + data.message + "</span>" +"</p>";
        },
      });

  return App.messages;
}
{'fraction_non_alphanumeric': 0.20636094674556213, 'fraction_numerical': 0.005917159763313609, 'mean_word_length': 2.967741935483871, 'pattern_counts': {'":': 2, '<': 11, '<?xml version=': 0, '>': 11, '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': '3389512', 'n_tokens_mistral': 398, 'n_tokens_neox': 395, 'n_words': 66}