☰

BetterRabbit

Improves the Rabbit experience

  1. // ==UserScript==
  2. // @name        BetterRabbit
  3. // @namespace   soulweaver
  4. // @description Improves the Rabbit experience
  5. // @include     https://www.rabb.it/*
  6. // @version     1
  7. // @grant       none
  8. // @require https://code.jquery.com/jquery-2.2.3.min.js
  9. // ==/UserScript==
  10.  
  11. var vObs;
  12. var twitchEmotes;
  13. var bttvEmotes;
  14. var gBttvEmotes = {};
  15.  
  16. $(document).ready(function() {
  17.   //alert("Plese don't open chat until the 'Chat ready' alert appers, thanks! *click ok*");
  18.   
  19.   //MutationObserver helper
  20.   var observeDOM = (function(){
  21.     var MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
  22.         eventListenerSupported = window.addEventListener;
  23.  
  24.     return function(obj, callback){
  25.         if( MutationObserver ){
  26.             // define a new observer
  27.             var obs = new MutationObserver(function(mutations, observer){
  28.                 if( mutations[0].addedNodes.length || mutations[0].removedNodes.length )
  29.                     callback(mutations, observer);
  30.             });
  31.             // have the observer observe foo for changes in children
  32.             obs.observe( obj, { childList:true, subtree:true });
  33.         }
  34.         else if( eventListenerSupported ){I 
  35.             obj.addEventListener('DOMNodeInserted', callback, false);
  36.             obj.addEventListener('DOMNodeRemoved', callback, false);
  37.         }
  38.     }
  39.   })();
  40.   
  41.   // Download latest global emotes and store them in a variable
  42.   $.getJSON('https://api.twitch.tv/kraken/chat/emoticon_images?emotesets=0', function(data) {
  43.     twitchEmotes = data;
  44.   });
  45.   
  46.   $.getJSON('https://cdn.rawgit.com/Jiiks/BetterDiscordApp/master/data/emotedata_bttv.json', function(data) {
  47.     bttvEmotes = data;
  48.   });
  49.   
  50.   $.getJSON('https://api.betterttv.net/2/emotes', function(data) {
  51.     $.each(data.emotes, function(key, val) {
  52.       gBttvEmotes[val.code] = val.id;
  53.     });
  54.   });
  55.   
  56.   
  57.   
  58.   
  59.   // Apparently I suck at Javascript and $(document).on just doesn't work. kden. So hacky workaround
  60.   setTimeout(function() {
  61.     //alert('Chat ready');
  62.     console.log('timedone');
  63.     console.log(gBttvEmotes);
  64.     $('.toolbarButton.chatButton > .noCounter > .icon').click(function() { 
  65.      if($(this).hasClass('on')) {
  66.        console.log('Chat gone');
  67.        vObs.disconnect();
  68.      } else {
  69.        console.log('chat here');
  70.        setTimeout(function() {
  71.          observeDOM(document.getElementsByClassName("messages")[0], function(mutation, observer){ 
  72.            vObs = observer;
  73.            //console.log(mutation);
  74.            var message = $(mutation[0].addedNodes[0]).find('span')
  75.            var messageContent = message[0].innerText;
  76.            var messageWords = messageContent.split(/([^\s]+)([\s]|$)/g).filter(function(e){ return e});
  77.            
  78.            var scrollPos = $('.conversationMessageCollectionView').scrollTop();
  79.            var scrollHeight = $('.conversationMessageCollectionView')[0].scrollHeight - $('.conversationMessageCollectionView')[0].clientHeight; 
  80.            
  81.            function callback(array) {
  82.              //console.log(array);
  83.              var content = array.join('');
  84.              message.replaceWith("<span class='messageBody'>" + content + "</span>");
  85.              if (scrollPos >= scrollHeight) {
  86.                $('.conversationMessageCollectionView').scrollTop(10000);
  87.              }
  88.            }
  89.            
  90.            var wordsDone = 0;
  91.            messageWords.forEach(function(w, i, a) {
  92.              //console.log('word: ' + w + " | index: " + i + " | array: " + a);
  93.              
  94.              twitchEmotes.emoticon_sets[0].forEach(function (emote, i2) {
  95.                if (w == emote.code) {
  96.                  a[i] = "<img src='https://static-cdn.jtvnw.net/emoticons/v1/" + emote.id + "/1.0' alt='" + emote.code + "'>";
  97.                }
  98.              });
  99.              
  100.              if (gBttvEmotes.hasOwnProperty(w)) {
  101.                a[i] = "<img src='https://cdn.betterttv.net/emote/" + gBttvEmotes[w] + "/1x'>";
  102.              } else if (bttvEmotes.hasOwnProperty(w)) {
  103.                a[i] = "<img src='https://cdn.betterttv.net/emote/" + bttvEmotes[w] + "/1x'>";
  104.              }
  105.              
  106. //              if(twitchEmotes.emotes.hasOwnProperty(w)) {
  107. //                 a[i] = "<img src='https://static-cdn.jtvnw.net/emoticons/v1/" + twitchEmotes.emotes[w].image_id + "/1.0'>";
  108. //                 //console.log(twitchEmotes.emotes[w]);
  109. //              };
  110.              wordsDone++;
  111.              if(wordsDone === a.length) {
  112.                callback(a);
  113.              }
  114.            });
  115.         });
  116.        }, 1000)  
  117.      }
  118.     });
  119.   }, 6000);
  120. });
  121.  
  122.  
  123.  
  124. console.log('BetterRabbit loaded');