☰

Github raw.githack.com Button

A userscript to add raw.githack.com button on Github.

  1. // ==UserScript==
  2. // @name Github raw.githack.com Button
  3. // @version 0.2.1
  4. // @description A userscript to add raw.githack.com button on Github.
  5. // @homepageURL https://github.com/eight04/raw-githack-button#readme
  6. // @supportURL https://github.com/eight04/raw-githack-button/issues
  7. // @license MIT
  8. // @author eight <eight04@gmail.com> (https://github.com/eight04)
  9. // @namespace https://github.com/eight04
  10. // @include https://github.com/*
  11. // @include https://gist.github.com/*
  12. // @require https://cdnjs.cloudflare.com/ajax/libs/sentinel-js/0.0.7/sentinel.min.js
  13. // @grant none
  14. // ==/UserScript==
  15.  
  16. (() => {
  17.   /* global sentinel */
  18.   const SELCTOR = [
  19.     ".file-actions a.Button[href*='/raw/']:not(.raw-githack-detected)", // gist
  20.     "a[data-testid='raw-button']:not(.raw-githack-detected)", // github
  21.   ].join(",")
  22.  
  23.   sentinel.on(SELCTOR, el => createButton(el));
  24.  
  25.   // replace();
  26.   
  27.   // function replace(btn){
  28.   //   var btns, i;
  29.   //   btns = document.querySelectorAll();
  30.   //   for (i = 0; i < btns.length; i++) {
  31.   //     if (btns[i].textContent == "Raw") {
  32.   //       createButton(btns[i]);
  33.   //     }
  34.   //   }
  35.   // }
  36.  
  37.   function createButton(btn) {
  38.     btn.classList.add("raw-githack-detected");
  39.     if (btn.textContent.trim() !== "Raw") {
  40.       return;
  41.     }
  42.  
  43.     var url = btn.href;
  44.     if (url.indexOf("gist.github.com") >= 0) {
  45.       url = url.replace("gist.github.com", "gist.githack.com");
  46.     } else {
  47.       url = url.replace(/github\.com\/([^/]+\/[^/]+)\/raw/, "raw.githack.com/$1");
  48.     }
  49.  
  50.     var newBtn = btn.cloneNode(false);
  51.     newBtn.href = url;
  52.     newBtn.textContent = "Raw Githack";
  53.     newBtn.removeAttribute("id");
  54.  
  55.     btn.parentNode.insertBefore(newBtn, btn.nextSibling);
  56.     
  57.     if (!/btn-group|ButtonGroup/.test(btn.parentNode.className)) {
  58.       const parent = btn.parentNode;
  59.       const group = document.createElement("div");
  60.       group.className = "btn-group";
  61.       while (parent.childNodes.length) {
  62.         group.appendChild(parent.childNodes[0]);
  63.       }
  64.       parent.appendChild(group);
  65.     }
  66.  
  67.     const group = btn.parentNode;
  68.     for (let i = 0; i < group.children.length; i++) {
  69.       if (i < group.children.length - 1) {
  70.         group.children[i].classList.add("rounded-right-0", "border-right-0");
  71.       }
  72.       if (i >= 1) {
  73.         group.children[i].classList.add("rounded-left-0");
  74.       }
  75.     }
  76.   }
  77. })();