view tweetdeck-large-image.user.js @ 55:19c391840d4a

Rewrite the whole thing to use observer instead And holy crap plain javascript is stupid. Doesn't help I'm not using smarter loop method.
author nanaya <me@nanaya.pro>
date Sat, 07 Jul 2018 01:29:36 +0900
parents 2e1cae72a63e
children 09f735548b2c
line wrap: on
line source

// ==UserScript==
// @name         Tweetdeck large image
// @namespace    https://myconan.net
// @version      2.0.0
// @description  No more stupid link for images in tweetdeck
// @author       nanaya
// @match        https://tweetdeck.twitter.com/*
// @grant        none
// @downloadURL  https://bitbucket.org/!api/2.0/snippets/nanayapro/TK64/tip/files/tweetdeck-large-image.user.js
// ==/UserScript==

;(function() {
  "use strict";

  // loop through passed nodes (or body if called without arguments)
  var run = function(nodes) {
    if (nodes === undefined) {
      nodes = [document.body];
    }

    for (var i = 0; i < nodes.length; i++) {
      // first try fixing itself
      fix(nodes[i]);

      // and then find all the links inside
      var links = nodes[i].querySelectorAll(".js-media-image-link");

      for (var j = 0; j < links.length; j++) {
        fix(links[j]);
      }
    }
  };

  var fix = function(link) {
    // basic sanity check
    if (!link.classList.contains("js-media-image-link")) {
      return;
    }

    // don't run again if already run on passed link
    if (link._ecUserscript) {
      return;
    }
    link._ecUserscript = true;

    var image = link.querySelector(".media-img");
    var url;

    if (image === null) {
      // sometimes the image is just background image of the link.
      // strip all query strings and original :size suffix
      url = getComputedStyle(link).backgroundImage.replace(/^url\(('|")?(.+?)(?::small)?(?:\?.*)?\1\)$/, "$2");
    } else {
      url = image.src.replace(/:[a-z0-9]+(?:\?.*)?$/, "");
    }

    link.setAttribute("href", url + ":orig");

  };

  var onMutate = function(mutations) {
    for (var mutation in mutations) {
      run(mutation.addedNodes);
    }
  };

  // the observer
  var observer = new MutationObserver(onMutate);

  // start the observer
  observer.observe(document, { childList: true, subtree: true});
  // initial run on existing document
  run();
}).call();