Giphy on hipchat (no integration needed)

hipchat-giphy

(function () {
  function giphy(word, callback) {
    var xhr = new XMLHttpRequest();
    var url = 'https://api.giphy.com/v1/gifs/translate?rating=pg-13&api_key=dc6zaTOxFJmzC&s=' + encodeURIComponent(word);
    xhr.open('GET', url);
    xhr.onreadystatechange = function(e) {
      if(xhr.readyState === 4) {
        var url = JSON.parse(e.target.responseText).data.images.fixed_height.url;
        callback(url);
      }
    };
    xhr.send();
  }

  var command = '/giphy';


  var temp = chat.send_message.bind(chat);
  chat.send_message = function() {
    console.log('something');
    var messageBox = document.querySelector('#message_input');
    var index = messageBox.value.indexOf(command);
    if(index > -1) {
      var text = messageBox.value.split(command);
      console.log(text);
      giphy(text[1], function(url) {
        messageBox.value = url;
        temp();
      });
    }
    temp();
  };

})();

uses command /giphy like the good old days :)

Which of the many packaged files should we add this to? chat.html?