☰

Reddit link expander

Changes continue this thread links so that they load inline

As of 22/01/2015. See the latest version.

// ==UserScript==
// @name           Reddit link expander
// @description    Changes continue this thread links so that they load inline
// @author         James Skinner <[email protected]> (http://github.com/spiralx)
// @namespace      http://spiralx.org/
// @match          *://*.reddit.com/r/*/comments/*
// @version        0.1.0
// @grant          GM_getResourceURL
// @run-at         document-start
// @resource       spinner http://cdn.www.easportsworld.com/static/20130920.102812/images/prod/clubs/sw/common/spinner.gif
// @resource       expand http://www.iba-berlin.com/design/iba_berlin/javascript/partner_ajax/images/icon_expand.gif
// @require        https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.js
// @require        https://greasyfork.org/scripts/7602-mutation-observer/code/mutation-observer.js
// ==/UserScript==

var spinnerUrl = GM_getResourceURL('spinner'),
    expandUrl = GM_getResourceURL('expand');


var observer = new MutationSummary({
  callback: function(summaries) {
    //console.info('Added %d spans', summaries[0].added.length);
    
    summaries[0].added.forEach(function(elem) {
      var $span = jQuery(elem),
        $a = $span.children('a'),
        href = $a.prop('href');
        
      //console.log(href);

      jQuery('<img src="' + expandUrl + '">')
        .css({
          display: 'inline-block',
          position: 'relative',
          top: '1px',
          marginRight: '4px',
          visibility: 'visible'
        })
        .prependTo($a);

      $a
        .css('font-size', '1.1em')
        .one('click', function() {
          $span
            .removeClass('deepthread')
            .html('<img src="' + spinnerUrl + '">');
          
          jQuery.get(href, function(data) {
            var $page = jQuery(data),
                $child = jQuery('.nestedlisting > .comment > .child', $page);
            
            $span
              .parentsUntil('.comment')
              .last()
              .replaceWith($child);
          });
          
          return false;
        });
    });
  },
  rootNode: document.body,
  queries: [
    { element: 'span.deepthread' }
  ]
});