☰

Github Commit Diff

Adds button to show diff (or patch) file for commit

As of 2014-02-27. See the latest version.

  1. // ==UserScript==
  2. // @name        Github Commit Diff
  3. // @namespace   https://greatest.deepsurf.us/scripts/77
  4. // @description Adds button to show diff (or patch) file for commit
  5. // @author      jerone
  6. // @homepage    https://github.com/jerone/UserScripts/tree/master/Github_Commit_Diff
  7. // @homepageURL https://github.com/jerone/UserScripts/tree/master/Github_Commit_Diff
  8. // @downloadURL https://greatest.deepsurf.us/scripts/77/code.user.js
  9. // @include     http*://github.com/*
  10. // @version     1.20140227141649
  11. // @grant       none
  12. // @updateURL https://greatest.deepsurf.us/scripts/77/code.meta.js
  13. // ==/UserScript==
  14.  
  15.  
  16. (function(){
  17.  
  18.     function addButton() {
  19.         if(!/\/commit\//.test(location.href) || !document.querySelector(".explain")) return;
  20.         
  21.         var r;
  22.         if((r = document.querySelector(".GithubCommitDiffButton"))) r.parentElement.removeChild(r);
  23.         
  24.         function getPatchOrDiffHref(type){
  25.             return (document.querySelector("link[type='text/plain+" + type + "']") 
  26.                || { href: location.href + "." + type }).href;
  27.         };
  28.         
  29.         var b = document.querySelector(".explain .minibutton");
  30.            
  31.         var s = document.createElement("span");
  32.         s.textContent = " ";
  33.         s.classList.add("octicon", "octicon-diff");
  34.         s.style.color = "#333";  // set color because of css selector `p.explain .octicon`;
  35.         
  36.         var a = document.createElement("a");
  37.         a.classList.add("GithubCommitDiffButton", "minibutton", "tooltipped", "tooltipped-s");
  38.         a.setAttribute("href", getPatchOrDiffHref("diff"));
  39.         a.setAttribute("title", "Show commit diff.\r\nHold Shift to open commit patch.");
  40.         a.setAttribute("rel", "nofollow");
  41.         a.setAttribute("aria-label", a.getAttribute("title"));
  42.         a.style.marginLeft = "10px";  // give us some room;
  43.         a.appendChild(s);
  44.         a.appendChild(document.createTextNode("Diff"));
  45.     
  46.         b.parentNode.insertBefore(a, b);
  47.         
  48.         a.addEventListener("click", function(e){
  49.             if(e.shiftKey) {
  50.                 e.preventDefault();
  51.                 location.href = getPatchOrDiffHref("patch");
  52.             }
  53.         }, false);
  54.     }
  55.     
  56.     // init;
  57.     addButton();
  58.     
  59.     // on pjax;
  60.     $(document).on('pjax:success', addButton);
  61.  
  62. })();