Greasy Fork is available in English.
Direct links to images and pages on Google Images
// ==UserScript==
// @name Google DWIMages
// @description Direct links to images and pages on Google Images
// @author chocolateboy
// @copyright chocolateboy
// @version 3.0.2
// @namespace https://github.com/chocolateboy/userscripts
// @license GPL
// @include https://www.google.tld/search?*tbm=isch*
// @include https://www.google.tld/search?*udm=2*
// @grant none
// ==/UserScript==
// NOTE This file is generated from src/google-dwimages.user.ts and should not be edited directly.
"use strict";
(() => {
// src/lib/observer.ts
var DUMMY_MUTATIONS = [];
var INIT = { childList: true, subtree: true };
var observe = (target, ...args) => {
const [init, callback] = args.length === 1 ? [INIT, args[0]] : args;
const $callback = (mutations, observer2) => {
observer2.disconnect();
const result = callback(mutations, observer2);
if (!result) {
observer2.observe(target, init);
} else if (typeof result === "function") {
queueMicrotask(result);
}
};
const observer = new MutationObserver($callback);
queueMicrotask(() => $callback(DUMMY_MUTATIONS, observer));
return observer;
};
// src/lib/util.ts
var constant = (value) => (..._args) => value;
// src/google-dwimages.user.ts
// @license GPL
var EVENTS = [
"auxclick",
"click",
"contextmenu",
"focus",
"focusin",
"keydown",
"mousedown",
"touchstart"
];
var LINK_TARGET = "_blank";
var RESULT = ":scope > :is([data-lpage], [data-ri]):not([data-status])";
var RESULTS = ":has(> :is([data-lpage], [data-ri]))";
var done = constant(true);
var stopPropagation = (e) => {
e.stopPropagation();
};
var onImageLink = (link, result) => {
const { searchParams: params } = new URL(link.href);
const src = params.get("imgurl");
if (!src) {
console.warn("Can't find image URL in result link:", { result, link, params });
return;
}
const image = link.querySelector(":scope img");
if (!image) {
console.warn("Can't find image in result link:", { result, link });
return;
}
link.href = src;
link.title = image.alt;
link.target = LINK_TARGET;
result.dataset.status = "fixed" /* FIXED */;
image.parentElement.replaceChild(image, image);
};
var onResult = (result) => {
result.dataset.status = "pending" /* PENDING */;
for (const event of EVENTS) {
result.addEventListener(event, stopPropagation);
}
const imageLink = result.querySelector(":scope a");
if (!imageLink) {
console.warn("Can't find image link in result:", result);
return;
}
observe(imageLink, { attributeFilter: ["href"] }, () => {
return imageLink.href && done(onImageLink(imageLink, result));
});
};
var run = () => {
const results = document.querySelector(RESULTS);
if (!results) {
console.warn("Can't find result container");
return;
}
observe(results, { childList: true }, () => {
for (const result of results.querySelectorAll(RESULT)) {
onResult(result);
}
});
};
run();
})();