Readd Google Image search result entry's image bottom panel as bottom-right image size information and link it to the direct image resource.
// ==UserScript==
// @name Google Image Direct Link Patch
// @namespace GoogleImageDirectLinkPatch
// @version 1.3.16
// @license AGPL v3
// @author jcunews
// @description Readd Google Image search result entry's image bottom panel as bottom-right image size information and link it to the direct image resource.
// @website https://greasyfork.org/en/users/85671-jcunews
// @include /^https:\/\/www\.google\.(co\.)?[a-z]{2,3}\/search.*(tbm=isch|udm=2)/
// @include /^https:\/\/www\.google\.com(\.[a-z]{2,3})?\/search.*(tbm=isch|udm=2)/
// @grant none
// @run-at document-start
// ==/UserScript==
((cnt, xo, cd) => {
function processEntries() {
if (!cd) return;
cnt.querySelectorAll('div>h3:not(.paneled_gidlp)').forEach((e, a, o, id, d) => {
e.classList.add("paneled_gidlp");
e.insertBefore(a = document.createElement("A"), e.firstChild).className = "panel_gidlp";
a.rel = "nofollow noopener noreferrer";
o = cd[e.closest('[jsdata]').getAttribute("jsdata").match(/[^;]+$/)?.[0]];
a.dataset.ow = o?.[1]?.[3]?.[2] || "???";
a.dataset.oh = o?.[1]?.[3]?.[1] || "???";
a.href = o?.[1]?.[3]?.[0] || 'javascript:void("Image URL is not found")'
})
}
xo = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function(mtd, url) {
if (url.startsWith("/search?")) {
this.addEventListener("load", (v, z) => {
if ((v = this.responseText.split(";[")).length) try {
JSON.parse("[" + v[v.length - 1])[0].forEach(a => {
try {
cd[a[0]] = JSON.parse(a[1])
} catch(z) {}
})
} catch(z) {}
})
}
return xo.apply(this, arguments)
};
addEventListener("load", (a, mo, ht) => {
if (Array.from(document.querySelectorAll('script:not([src])')).some(e => {
if (e = e.text.match(/var [a-z]=(\{".*?\});/)) {
cd = JSON.parse(e[1]);
return true
}
})) {
document.documentElement.appendChild(a = document.createElement("STYLE")).id = "css_gidpl";
a.innerHTML = `
#rso div>h3>.panel_gidlp {
position: absolute; z-index: 1; right: 0; bottom: 0; font-size: 10pt; line-height: normal;
}
#rso div>h3>.panel_gidlp:before {
border-radius: .2em; padding: 0 .3ex; background-color: #444; color: #fff; content: attr(data-ow) "x" attr(data-oh);
}
#rso div>h3>.panel_gidlp:visited:before {
color: #f9f;
}`
}
if (cnt = document.querySelector("#rso div[jsmodel][jsdata]")) {
(mo = new MutationObserver(recs => {
clearTimeout(ht);
ht = setTimeout(processEntries, 500);
})).observe(cnt, {childList: true});
processEntries()
}
})
})();