☰

GitHub Gist Copier

Adds copy button to Gist files for easy code copying.

Ajankohdalta 7.4.2025. Katso uusin versio.

  1. // ==UserScript==
  2. // @name         GitHub Gist Copier
  3. // @description  Adds copy button to Gist files for easy code copying.
  4. // @icon         https://github.githubassets.com/favicons/favicon-dark.svg
  5. // @version      1.1
  6. // @author       afkarxyz
  7. // @namespace    https://github.com/afkarxyz/userscripts/
  8. // @supportURL   https://github.com/afkarxyz/userscripts/issues
  9. // @license      MIT
  10. // @run-at       document-end
  11. // @match        https://gist.github.com/*
  12. // @grant        GM_xmlhttpRequest
  13. // @grant        GM_setClipboard
  14. // @connect      githubusercontent.com
  15. // ==/UserScript==
  16.  
  17. (function() {
  18.     'use strict';
  19.  
  20.     function noop() { }
  21.  
  22.     function debounce(f, delay) {
  23.         let timeoutId = null;
  24.         return function (...args) {
  25.             if (timeoutId) {
  26.                 clearTimeout(timeoutId);
  27.             }
  28.             timeoutId = setTimeout(() => {
  29.                 f.apply(this, args);
  30.             }, delay);
  31.         };
  32.     }
  33.  
  34.     function createCopyButton(fileElement) {
  35.         const fileActionElement = fileElement.querySelector('.file-actions');
  36.         if (!fileActionElement) {
  37.             return noop;
  38.         }
  39.  
  40.         const rawButton = fileActionElement.querySelector('a[href*="/raw/"]');
  41.         if (!rawButton) {
  42.             return noop;
  43.         }
  44.         
  45.         const button = document.createElement('button');
  46.         button.className = 'btn-octicon gist-copy-button';
  47.         button.style.marginRight = '5px';
  48.  
  49.         button.innerHTML = `
  50.         <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
  51.             <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
  52.         </svg>
  53.  
  54.         <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success">
  55.             <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
  56.         </svg>
  57.         `;
  58.  
  59.         const copyIcon = button.querySelector('.octicon-copy');
  60.         const checkIcon = button.querySelector('.octicon-check');
  61.  
  62.         let timeoutId = null;
  63.         const copyHandler = (e) => {
  64.             if (timeoutId) {
  65.                 return;
  66.             }
  67.             e.preventDefault();
  68.  
  69.             const rawUrl = rawButton.href;
  70.             
  71.             GM_xmlhttpRequest({
  72.                 method: 'GET',
  73.                 url: rawUrl,
  74.                 onload: function(response) {
  75.                     if (response.status === 200) {
  76.                         GM_setClipboard(response.responseText, { type: 'text', mimetype: 'text/plain' });
  77.                         
  78.                         copyIcon.style.display = 'none';
  79.                         checkIcon.style.display = 'inline-block';
  80.                         
  81.                         timeoutId = setTimeout(() => {
  82.                             copyIcon.style.display = 'inline-block';
  83.                             checkIcon.style.display = 'none';
  84.                             timeoutId = null;
  85.                         }, 500);
  86.                     }
  87.                 },
  88.                 onerror: function(error) {
  89.                     timeoutId = null;
  90.                 }
  91.             });
  92.         };
  93.  
  94.         button.addEventListener('click', copyHandler);
  95.         fileActionElement.insertBefore(button, fileActionElement.firstChild);
  96.  
  97.         return () => {
  98.             button.removeEventListener('click', copyHandler);
  99.             if (timeoutId) {
  100.                 clearTimeout(timeoutId);
  101.             }
  102.             button.remove();
  103.         };
  104.     }
  105.  
  106.     function runGistCopy() {
  107.         let removeAllListeners = noop;
  108.         
  109.         function tryCreateCopyButtons() {
  110.             removeAllListeners();
  111.             const fileElements = [...document.querySelectorAll('.file')];
  112.             const removeListeners = fileElements.map(createCopyButton);
  113.             removeAllListeners = () => {
  114.                 removeListeners.map((f) => f());
  115.                 [...document.querySelectorAll('.gist-copy-button')].forEach((el) => {
  116.                     el.remove();
  117.                 });
  118.             };
  119.         }
  120.  
  121.         setTimeout(tryCreateCopyButtons, 300);
  122.  
  123.         const observer = new MutationObserver(debounce(() => {
  124.             if (document.querySelectorAll('.file').length > 0 &&
  125.                 document.querySelectorAll('.gist-copy-button').length === 0) {
  126.                 tryCreateCopyButtons();
  127.             }
  128.         }, 100));
  129.  
  130.         observer.observe(document.body, {
  131.             childList: true,
  132.             subtree: true
  133.         });
  134.         
  135.         if (window.onurlchange === null) {
  136.             window.addEventListener('urlchange', debounce(tryCreateCopyButtons, 16));
  137.         }
  138.     }
  139.  
  140.     runGistCopy();
  141. })();