☰

Greasyfork Script Icon

Displays the clickable favicon of scripts.

  1. // ==UserScript==
  2. // @name         Greasyfork Script Icon
  3. // @description  Displays the clickable favicon of scripts.
  4. // @icon         https://greatest.deepsurf.us/vite/assets/blacklogo96-CxYTSM_T.png
  5. // @version      1.4
  6. // @author       afkarxyz
  7. // @namespace    https://github.com/afkarxyz/userscripts/
  8. // @supportURL   https://github.com/afkarxyz/userscripts/issues
  9. // @license      MIT
  10. // @match        https://greatest.deepsurf.us/*/scripts/*
  11. // @match        https://sleazyfork.org/*/scripts/*
  12. // @grant        none
  13. // @run-at       document-start
  14. // ==/UserScript==
  15.  
  16. (function() {
  17.     'use strict';
  18.     
  19.     function addIconToHeader() {
  20.         const firstListItem = document.querySelector('.script-show-applies-to .block-list li:first-child');
  21.         const h2Element = document.querySelector('header h2');
  22.         if (!firstListItem || !h2Element || h2Element.querySelector('img')) return false;
  23.  
  24.         const domain = (firstListItem.querySelector('a')?.textContent || firstListItem.textContent).trim();
  25.         if (!domain) return false;
  26.  
  27.         h2Element.style.cssText = 'display:flex;align-items:center;gap:10px;margin:0;min-height:32px;';
  28.         
  29.         const iconLink = document.createElement('a');
  30.         iconLink.href = `http://${domain}`;
  31.         iconLink.target = '_blank';
  32.         iconLink.style.cssText = 'text-decoration:none;display:flex;align-items:center;';
  33.         
  34.         const iconImg = document.createElement('img');
  35.         iconImg.src = `https://t1.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://${domain}&size=64`;
  36.         iconImg.style.cssText = 'width:32px;height:32px;flex-shrink:0;cursor:pointer;display:block;';
  37.         
  38.         iconImg.title = `Visit ${domain}`;
  39.         
  40.         const textSpan = document.createElement('span');
  41.         textSpan.style.cssText = 'display:flex;align-items:center;flex:1;';
  42.         textSpan.textContent = h2Element.textContent;
  43.         
  44.         iconLink.appendChild(iconImg);
  45.         h2Element.replaceChildren(iconLink, textSpan);
  46.         
  47.         return true;
  48.     }
  49.  
  50.     function init(attempts = 10) {
  51.         if (addIconToHeader() || attempts < 1) return;
  52.         setTimeout(() => init(attempts - 1), 50);
  53.     }
  54.  
  55.     document.readyState === 'loading' 
  56.         ? document.addEventListener('DOMContentLoaded', () => init())
  57.         : init();
  58.  
  59.     new MutationObserver(() => init(5)).observe(document.documentElement, {
  60.         childList: true,
  61.         subtree: true
  62.     });
  63. })();