☰

GitHub Gist Link

Adds a Gist link to GitHub profile pages.

As of 2025-02-26. See the latest version.

  1. // ==UserScript==
  2. // @name         GitHub Gist Link
  3. // @description  Adds a Gist link to GitHub profile pages.
  4. // @icon         https://github.githubassets.com/favicons/favicon-dark.svg
  5. // @version      1.0
  6. // @author       afkarxyz
  7. // @namespace    https://github.com/afkarxyz/misc-scripts/
  8. // @supportURL   https://github.com/afkarxyz/misc-scripts/issues
  9. // @license      MIT
  10. // @match        https://github.com/*
  11. // @exclude      https://gist.github.com/*
  12. // @grant        none
  13. // @run-at       document-idle
  14. // ==/UserScript==
  15.  
  16. (function() {
  17.     'use strict';
  18.     
  19.     function isProfilePage() {
  20.         return /^\/[^\/]+\/?$/.test(window.location.pathname);
  21.     }
  22.     
  23.     function addGistLink() {
  24.         if (!isProfilePage()) return;
  25.         
  26.         const usernameElement = document.querySelector('.p-nickname.vcard-username');
  27.         
  28.         if (usernameElement && !usernameElement.querySelector('.gist-link-userscript')) {
  29.             const currentURL = window.location.pathname;
  30.             const username = currentURL.split('/')[1];
  31.             
  32.             const linkContainer = document.createElement('span');
  33.             linkContainer.className = 'gist-link-container';
  34.             
  35.             const gistLink = document.createElement('a');
  36.             gistLink.href = `https://gist.github.com/${username}`;
  37.             gistLink.textContent = 'Gist';
  38.             gistLink.className = 'Link--secondary gist-link-userscript';
  39.             gistLink.style.textDecoration = 'none';
  40.             
  41.             linkContainer.appendChild(gistLink);
  42.             linkContainer.appendChild(document.createTextNode(' · '));
  43.             
  44.             usernameElement.insertBefore(linkContainer, usernameElement.firstChild);
  45.         }
  46.     }
  47.     
  48.     function observeForUsernameElement() {
  49.         if (!isProfilePage()) return;
  50.         
  51.         const usernameObserver = new MutationObserver((mutations, observer) => {
  52.             const usernameElement = document.querySelector('.p-nickname.vcard-username');
  53.             if (usernameElement) {
  54.                 addGistLink();
  55.                 observer.disconnect();
  56.             }
  57.         });
  58.         
  59.         usernameObserver.observe(document.body, { 
  60.             childList: true, 
  61.             subtree: true 
  62.         });
  63.     }
  64.     
  65.     if (document.readyState === 'complete' || document.readyState === 'interactive') {
  66.         addGistLink();
  67.     } else {
  68.         document.addEventListener('DOMContentLoaded', addGistLink);
  69.     }
  70.     
  71.     let lastUrl = location.href;
  72.     const urlChangeObserver = new MutationObserver(() => {
  73.         const url = location.href;
  74.         if (url !== lastUrl) {
  75.             lastUrl = url;
  76.             if (document.querySelector('.p-nickname.vcard-username')) {
  77.                 addGistLink();
  78.             } else {
  79.                 observeForUsernameElement();
  80.             }
  81.         }
  82.     });
  83.     
  84.     urlChangeObserver.observe(document, {
  85.         subtree: true, 
  86.         childList: true
  87.     });
  88.     
  89.     window.addEventListener('popstate', function() {
  90.         if (document.querySelector('.p-nickname.vcard-username')) {
  91.             addGistLink();
  92.         } else {
  93.             observeForUsernameElement();
  94.         }
  95.     });
  96.     
  97.     observeForUsernameElement();
  98. })();