Google DWIMages

Direct links to images and pages on Google Images

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

You will need to install an extension such as Tampermonkey to install this 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          Google DWIMages
// @description   Direct links to images and pages on Google Images
// @author        chocolateboy
// @copyright     chocolateboy
// @version       4.1.1
// @namespace     https://github.com/chocolateboy/userscripts
// @license       GPL
// @include       https://www.google.tld/search?*tbm=isch*
// @include       https://www.google.tld/search?*udm=2*
// @require       https://unpkg.com/[email protected]/dist/index.iife.min.js
// @grant         unsafeWindow
// @run-at        document-start
// ==/UserScript==

// NOTE This file is generated from src/google-dwimages.user.ts and should not be edited directly.

"use strict";
(() => {
  // src/lib/util/assign.ts
  var { assign } = Object;

  // src/lib/util/constant.ts
  var constant = (value) => (..._args) => value;

  // src/lib/observer.ts
  var INIT = { childList: true, subtree: true };
  var done = constant(false);
  var resume = constant(true);
  var observe = ((...args) => {
    const [target, init, callback] = args.length === 3 ? args : args.length === 2 ? args[0] instanceof Element ? [args[0], INIT, args[1]] : [document.body, args[0], args[1]] : [document.body, INIT, args[0]];
    const onMutate = (mutations, observer2) => {
      observer2.disconnect();
      const resume2 = callback({ mutations, observer: observer2, target });
      if (resume2 !== false) {
        observer2.observe(target, init);
      }
    };
    const observer = new MutationObserver(onMutate);
    queueMicrotask(() => onMutate([], observer));
    return observer;
  });

  // src/lib/xhr.ts
  var $unsafeWindow = GMCompat.unsafeWindow;
  var hookResponse = (onResponse2, onError) => {
    const xhrProto = $unsafeWindow.XMLHttpRequest.prototype;
    const oldSend = xhrProto.send;
    function send(body = null) {
      const oldOnReadyStateChange = this.onreadystatechange;
      if (onError) {
        this.addEventListener("error", onError);
      }
      this.onreadystatechange = function(event) {
        if (this.readyState === this.DONE && this.status === 200) {
          onResponse2(this, this.responseURL);
        }
        if (oldOnReadyStateChange) {
          oldOnReadyStateChange.call(this, event);
        }
      };
      oldSend.call(this, body);
    }
    xhrProto.send = GMCompat.export(send);
    return () => {
      xhrProto.send = oldSend;
    };
  };

  // src/google-dwimages.user.ts
  // @license       GPL
  var EVENTS = [
    "auxclick",
    "click",
    "contextmenu",
    "focus",
    "focusin",
    "keydown",
    "mousedown",
    "touchstart"
  ];
  var IMAGE_DATA = /\[("[^"]+"),\d+,\d+\],[^,]+,[^,]+,"rgb\(\d+,\d+,\d+\)"/g;
  var LINK_TARGET = "_blank";
  var RESULT = `:scope > :is([data-lpage], [data-ri]):not([data-gd-status="${"done" /* DONE */}"])`;
  var RESULTS = ":has(> :is([data-lpage], [data-ri]))";
  var RESULTS_ENDPOINT = "/search";
  var SEEN = /* @__PURE__ */ new Map();
  var DATA_ID = 0;
  var RESULT_ID = 0;
  var stopPropagation = (e) => {
    e.stopPropagation();
  };
  var extractImageUrls = (text) => {
    text.matchAll(IMAGE_DATA).forEach((match, i) => {
      if (i % 2) {
        return;
      }
      const $url = JSON.parse(match[1]);
      const url = JSON.parse(`"${$url}"`);
      SEEN.set(++DATA_ID, url);
    });
  };
  var onResponse = (xhr, uri) => {
    if (URL.parse(uri)?.pathname === RESULTS_ENDPOINT) {
      extractImageUrls(xhr.responseText.replaceAll('\\"', '"'));
    }
  };
  var onResult = (result) => {
    const data = result.dataset;
    data.gdStatus ||= "pending" /* PENDING */;
    const id = Number(data.gdId ||= String(++RESULT_ID));
    const href = SEEN.get(id);
    if (!href) {
      console.debug(`can't find URL for result ${id}`);
      return;
    }
    const imageLink = result.querySelector(":scope a");
    if (!imageLink) {
      console.warn("can't find image link in result:", result);
      return;
    }
    const image = imageLink.querySelector(":scope img");
    if (!image) {
      console.warn("can't find image in result link:", { result, link: imageLink });
      return;
    }
    for (const event of EVENTS) {
      result.addEventListener(event, stopPropagation);
    }
    observe(imageLink, { attributes: true }, () => {
      assign(imageLink, {
        href,
        title: image.alt,
        target: LINK_TARGET
        // make it consistent with the page link
      });
    });
    SEEN.delete(id);
    data.gdStatus = "done" /* DONE */;
  };
  var run = () => {
    const results = document.querySelector(RESULTS);
    if (!results) {
      console.warn("can't find results container");
      return;
    }
    const script = [...document.scripts].findLast((it) => !it.src && IMAGE_DATA.test(it.textContent));
    if (!script) {
      console.warn("can't find initial data");
      return;
    }
    extractImageUrls(script.textContent);
    observe(results, { childList: true }, () => {
      results.querySelectorAll(RESULT).forEach(onResult);
    });
  };
  hookResponse(onResponse);
  document.addEventListener("DOMContentLoaded", run);
})();