MinecraftChat/app/client/services/buffer.js

/**
 * Buffer Service
 */

module.exports = function(socket) {

  socket.on('buffer:info', function(string) {
    $('#buffer').append('<span style="color:#2976A9;">[i] ' + string + '</span><br>\n');
    $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
  });

  socket.on('buffer:success', function(string) {
    $('#buffer').append('<span style="color:#4AA937;">[i] ' + string + '</span><br>\n');
    $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
  });

  socket.on('buffer:error', function(string) {
    $('#buffer').append('<span style="color:#D62D18;">[i] ' + error + '</span><br>')
    $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
  });

  socket.on('bot:message', function(string) {
    $('#buffer').append(string + '<br>');
    $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
  });

  socket.on('reconnect', function() {
    $('#buffer').append('<span style="color:#4AA937;">&gt; Connected to chat server established</span><br>')
    $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
  });

  socket.on('disconnect', function() {
    $('#buffer').append('<span style="color:#D62D18;">&gt; Connection to chat server has been lost. Reconnecting...</span><br>')
    $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
  });

  // service exposes this
  return {
    append: function(string) {
      $('#buffer').append(string + '<br>\n');
      $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
    }
  }
};