Reddit link expander

Changes continue this thread links so that they load inline

Versione datata 22/01/2015. Vedi la nuova versione l'ultima versione.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==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' }
  ]
});