On a script info page it shows its https:// icon from the script meta block
اعتبارا من
// ==UserScript==
// @name GreasyFork scripts icon (https)
// @namespace wOxxOm.scripts
// @description On a script info page it shows its https:// icon from the script meta block
// @icon http://icons.iconarchive.com/icons/custom-icon-design/mono-general-1/64/information-icon.png
// @version 1.0.2
// @author wOxxOm
// @include /^https://greasyfork\.org/(.*?/)?scripts/\d+.*$/
// @run-at document-start
// @grant GM_xmlhttpRequest
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==
var scriptID = location.href.match(/scripts\/(\d+)/)[1];
var iconsrc = GM_getValue(scriptID);
if (iconsrc && iconsrc.match(/^https:\/\//))
addIcon(iconsrc);
else
GM_xmlhttpRequest({
method: 'GET',
url: location.href.replace(/(scripts\/\d+[^/]+)(\/.*)?$/,'$1/code/1.user.js'),
timeout: 5000,
onprogress: parseIcon,
onload: parseIcon
});
function parseIcon(r) {
if (!iconsrc) {
var m = r.responseText.match(/\n\s*\/\/\s+@icon\s+(https:\/\/.*?)[\s\r\n]/);
if (m)
addIcon(m[1], r);
}
}
function addIcon(url, response) {
var h2 = document.querySelector('#script-info header h2');
h2 ? __add(h2) : __wait();
function __add(h2) {
if (!h2)
h2 = document.querySelector('#script-info header h2');
console.log(h2);
if (h2) {
var div = h2.insertAdjacentHTML('afterbegin','<div style="\
position: absolute;\
width: 80px;\
margin-left: calc(-80px - 1ex);\
display: inline-block;\
text-align: right"></div>')
var img = h2.firstChild.appendChild(document.createElement('img'));
img.maxWidth = img.maxHeight = 64;
img.style.setProperty('width', 'auto');
img.style.setProperty('height', 'auto');
img.src = url;
iconsrc = url;
GM_setValue(scriptID, iconsrc)
if (response && (response.readyState != 4)) // not DONE loading
response.abort();
}
}
function __wait() {
var ob = new MutationObserver(function(mutations){
for (var i=0, ml=mutations.length, m; (i<ml) && (m=mutations[i]); i++) {
if (m.target.localName == 'h2') {
__add();
ob.disconnect();
return;
}
}
});
ob.observe(document, {subtree:true, childList:true});
}
}