☰

GreasyFork script icon

On a script info page it shows its icon from the script meta block

当前为 2014-12-12 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        GreasyFork script icon
  3. // @namespace   wOxxOm.scripts
  4. // @description On a script info page it shows its icon from the script meta block
  5. // @icon        https://icons.iconarchive.com/icons/custom-icon-design/mono-general-1/64/information-icon.png
  6. // @version     1.1
  7. // @author      wOxxOm
  8. // @include     /^https://greasyfork\.org/(.*?/)?scripts/\d+.*$/
  9. // @run-at      document-start
  10. // @grant       GM_xmlhttpRequest
  11. // @grant       GM_setValue
  12. // @grant       GM_getValue
  13. // ==/UserScript==
  14.  
  15. var scriptID = location.href.match(/scripts\/(\d+)/)[1];
  16. var iconsrc = GM_getValue(scriptID);
  17.  
  18. if (iconsrc && iconsrc.match(/^data:image|https:/))
  19.   addIcon();
  20. else {
  21.   GM_xmlhttpRequest({
  22.     method: 'GET',
  23.     url: location.href.replace(/(scripts\/\d+[^/]+)(\/.*)?$/,'$1/code/1.user.js'),
  24.     timeout: 10000,
  25.     onload: function (r) {
  26.       var m = r.responseText.match(/\n\s*\/\/\s+@icon\s+(https?)(:\/\/.*?)[\s\r\n]/);
  27.       if (!m)
  28.         return;
  29.  
  30.       if (m[1] == 'https')
  31.         return addIcon(m[1]+m[2]);
  32.         
  33.       // download http icon and store it in script db if it's small
  34.       GM_xmlhttpRequest({
  35.         method: 'GET',
  36.         url: m[1]+m[2],
  37.         timeout: 10000,
  38.         headers: {'Accept':'image/png,image/*;q=0.8,*/*;q=0.5'},
  39.         overrideMimeType: 'text\/plain; charset=x-user-defined',
  40.         onload: function(ri) {
  41.           var rb = ri.response, rbl = rb.length;
  42.           if (rbl > 100000) {
  43.             console.log('Script icon exceeds 100k, ignoring');
  44.             return;
  45.           }
  46.  
  47.           var ext = ri.finalUrl.substr(ri.finalUrl.lastIndexOf('.')+1).toLowerCase();
  48.           var mime = ['png','bmp','gif'].indexOf(ext) >= 0 ? ext : ext.match(/'^jpe?g?/) ? 'jpeg' : ext=='ico' ? 'x-icon' : null;
  49.           if (!mime)
  50.             return;
  51.  
  52.           var rb8 = new Uint8Array(rbl)
  53.           for (var i=0; i<rbl; i++)
  54.             rb8[i] = rb.charCodeAt(i);
  55.           var rbs = String.fromCharCode.apply(null, rb8);
  56.  
  57.           addIcon('data:image' + mime + ';base64,' + btoa(rbs));
  58.         }
  59.       });
  60.     }
  61.   });
  62. }
  63.  
  64. function addIcon(url) {
  65.   if (url)
  66.     iconsrc = url;
  67.   
  68.   var h2 = document.querySelector('#script-info header h2');
  69.   h2 ? __add(h2) : __wait();
  70.  
  71.   function __add(h2) {
  72.     if (!h2)
  73.       if (!(h2 = document.querySelector('#script-info header h2')))
  74.         return;
  75.  
  76.     h2.insertAdjacentHTML('afterbegin','<div style="\
  77.         position: absolute;\
  78.         width: 80px;\
  79.         margin-left: calc(-80px - 1ex);\
  80.         display: inline-block;\
  81.         text-align: right"></div>')
  82.     var img = h2.firstChild.appendChild(document.createElement('img'));
  83.     img.style.maxWidth = img.style.maxHeight = '64px';
  84.     img.style.width = img.style.height = 'auto';
  85.     img.src = iconsrc;
  86.  
  87.     GM_setValue(scriptID, iconsrc);
  88.   }
  89.  
  90.   function __wait() {
  91.     var ob = new MutationObserver(function(mutations){
  92.       for (var i=0, ml=mutations.length, m; (i<ml) && (m=mutations[i]); i++) {
  93.         if (m.target.localName == 'h2') {
  94.           __add();
  95.           ob.disconnect();
  96.           return;
  97.         }
  98.       }
  99.     });
  100.     ob.observe(document, {subtree:true, childList:true});
  101.   }
  102. }