☰

Github raw.githack.com Button

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

目前为 2024-11-20 提交的版本。查看 最新版本。

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