Google Images direct link.user.js

// ==UserScript==
// @name           Google Images direct link
// @namespace      http://userscripts.org/users/lorentz
// @description    Add direct link to images and pages in google image search
// @include        http*://images.google.*/images*
// @include        http*://www.google.*/images*
// @include        http*://www.google.*/webhp*
// @include        http*://www.google.*/search?*
// @include        http*://www.google.*/imgres*
// @include        http*://images.google.*/search?*
// @include        https://encrypted.google.com/search?*
// @version        5.2
// @grant          none
// @icon           http://s3.amazonaws.com/uso_ss/icon/78355/large.png
// @updateURL      https://userscripts.org/scripts/source/78355.meta.js
// @downloadURL    https://userscripts.org/scripts/source/78355.user.js
// @note           similar search image support AutoPager.
// ==/UserScript==

/**
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 2 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

var isUndefined = function(val) {
  return ((typeof val) === 'undefined');
}
var decode = function(component) {
  if (isUndefined(component))
    return false;
  return decodeURIComponent(component);
}

var doubleDecode = function(component) {
  if (isUndefined(component))
    return false;
  var tmp = decodeURIComponent(component);
  tmp = decodeURIComponent(tmp);
  return tmp;
}

var parseUrl = function(url) {
  var pos = url.indexOf('?');
  if (pos < 0)
    return [];
  var qparms = url.substring(pos + 1);
  var rawparams = qparms.split('&');
  var par = [];
  for (var i = 0; i < rawparams.length; i++) {
    var p = rawparams[i].split("=");
    par[p[0]] = p[1];
  }
  return par;
}

var getImageLinks = function(url) {
  var param = parseUrl(url);
  var links = new Object();
  links.toImgHref = decode(param["imgurl"]);
  links.toPageHref = decode(param["url"]);
  return links;
}

var getNewImageLinks = function(url) {
  var param = parseUrl(url);
  var links = new Object();
  links.toImgHref = doubleDecode(param["imgurl"]);
  links.toPageHref = decode(param["imgrefurl"]);
  return links;
}

var firstOrNull = function(elems) {
  return (elems.length > 0) ? elems[0] : null;
}

var imgTable = firstOrNull(document.getElementsByClassName('images_table'));
if (imgTable) { // for basic version
  var imgCell = imgTable.getElementsByTagName('td');
  for (j = 0; j < imgCell.length; j++) {
    var imageAnchor = imgCell[j].getElementsByTagName('a')[0];
    var domainText = imgCell[j].getElementsByTagName('cite')[0];
    console.log(imageAnchor.href);
    var links = getImageLinks(imageAnchor.href);
    //links.toPageHref = imageAnchor.href; // TODO fixme
    links.toImgHref = imageAnchor.href; // TODO fixme

    domainText.innerHTML = '<a href="' + links.toPageHref + '">' + domainText.innerHTML + '/&hellip;<\a>';
    imageAnchor.href = links.toImgHref;
  }
} else { // standard version
  console.log("standard version");
  var stopEvent = function(event) {
    event.stopPropagation()
  }

  var fixStyle = function(target) {
    var parent = target.parentNode;
    parent.style.height = target.style.height;
    parent.style.width = target.style.width;
    parent.style.left = target.style.left;
    target.style.left = 'auto';
  }

  var fixBoxObserver = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      var target = mutation.target;
      var parent = mutation.target.parentNode;
      if (mutation.attributeName === 'style' && target.style.left !== 'auto') {
        fixStyle(target);
      }
    });
  });
  var fixBoxMutationConfig = {
    attributes: true,
    childList: true,
    characterData: false,
    subtree: false
  };

  var fixImageBox = function(image) {
    if (/\blinkOk\b/.test(image.className)) {
      return;
    }
    var span = image.querySelector('span.rg_ilmn');
    if (span !== null) {
      var a = firstOrNull(image.getElementsByTagName('a'));
      var links = getNewImageLinks(a.href);
      a.href = links.toImgHref;
      a.addEventListener('click', stopEvent, false);
      a.addEventListener('mousedown', stopEvent, false);

      var newContainer = document.createElement('div');
      newContainer.className = 'newCont';

      a.parentNode.appendChild(newContainer);
      newContainer.appendChild(a);
      newContainer.appendChild(span.parentNode);

      fixStyle(a);

      var desc = span.innerHTML;
      span.innerHTML = '<a style="color:#fff" href="' + links.toPageHref + '">' + desc + '</a>';
      image.className += ' linkOk'
      fixBoxObserver.observe(a, fixBoxMutationConfig);
    } else {
      console.log("incomplete span");
      image.className += ' notComplete';
    }
  }

  var fixImages = function() {
    var imagesContainer = document.getElementById('rg_s');
    if (imagesContainer == null) return;
    var images = imagesContainer.getElementsByClassName('rg_di');
    for (var i = 0; i < images.length; i++) {
      fixImageBox(images[i]);
    }
  }

  var newBoxMutationConfig = {
    attributes: false,
    childList: true,
    characterData: false,
    subtree: true
  };
  var newBoxObserver = new MutationObserver(function(mutations) {
    var needFix = false;
    mutations.forEach(function(mutation) {
      needFix = needFix || mutation.target.id == 'rg_s';
    });
    if (needFix)
      fixImages();
  });

  fixImages();
  newBoxObserver.observe(document.body, newBoxMutationConfig);

  var css = [];
  var i = 0;
  css[i++] = '.newCont { position: relative; }';
  css[i++] = '.newCont .rg_ilmbg { display: none; }';
  css[i++] = '.newCont:hover .rg_ilmbg { display: block; }';

  css[i++] = '.imgSiteLnk {'; //img preview
  css[i++] = '  background-color: rgba(255, 255, 255, 0.77);';
  css[i++] = '  bottom: 0;';
  css[i++] = '  color: #000000;';
  css[i++] = '  display: block;';
  css[i++] = '  line-height: normal;';
  css[i++] = '  position: absolute;';
  css[i++] = '  text-decoration: none;';
  css[i++] = '  width: 100%; ';
  css[i++] = '  display: none }';
  css[i++] = '.imgPrev:hover .imgSiteLnk { display: block }'; //img preview
  var style = document.createElement('style');
  style.type = 'text/css';
  style.appendChild(document.createTextNode(css.join('\n')));
  document.head.appendChild(style);

  //img preview in google search (only links to page)
  var fixImagePreview = function(div) {
    var images = document.getElementsByClassName('bicc');
    console.log('img preview in google search ' + images.length);
    for (var i = 0; i < images.length; i++) {
      var div = images[i];
      var el = div.getElementsByTagName('a');
      if (el.length == 1) {
        div.className += ' imgPrev';
        //div.style.border = '4em solid black';
        var href = el[0].href;
        var link = doubleDecode(parseUrl(href)['imgil']);
        if (link === false) continue;
        link = decode(link.split(';')[5]);

        var a = document.createElement('a');
        a.href = link;
        a.className = 'imgSiteLnk';
        a.textContent = link.split('/')[2];
        div.appendChild(a);
      }
    }
  }
  var searchObserver = new MutationObserver(function(mutations) {
    fixImagePreview();
    fixSimilars();
  });
  searchObserver.observe(document.body, {
    attributes: false,
    childList: true,
    characterData: false,
    subtree: true
  });

  function fixSimilars() {
    // visually similar search img preview (oly links to image)
    var similars = document.querySelectorAll('div#ires div.th a');
    console.log('visually similar search ' + similars.length)
    for (var i = 0; i < similars.length; i++) {
      var a = similars[i];
      var href = getNewImageLinks(a.href);
      //console.log(a.href,href);
      if (href.toImgHref === false) {
        continue;
      }
      var newA = document.createElement('a');
      newA.href = href.toImgHref;
      newA.appendChild(a.firstChild);
      a.parentNode.replaceChild(newA, a);
    }
  }

  fixSimilars();


  console.log('end standard version');
} //end standard version