☰

Collapsable Diffs and Linked Branches (GitHub)

Some small changes to GitHub's pull request interface

As of 2016-01-26. See the latest version.

  1. // ==UserScript==
  2. // @name        Collapsable Diffs and Linked Branches (GitHub)
  3. // @namespace   chriskim06
  4. // @description Some small changes to GitHub's pull request interface
  5. // @include     https://github.com/*
  6. // @require     http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
  7. // @version     1.3.5
  8. // @grant       none
  9. // @locale      en
  10. // ==/UserScript==
  11.  
  12. this.$ = this.jQuery = jQuery.noConflict(true);
  13.  
  14. $(function() {
  15.     
  16.   function collapsable() {
  17.     if ($('#files').length) {
  18.       var expanded = '<a class="octicon-btn custom-collapsable" href="javascript:void(0)" onclick="return false;"><span class="octicon octicon-triangle-down "></span></a>';
  19.       $('#files').find('div[id^="diff-"]').each(function() {
  20.         var diff = $(this);
  21.         if (!diff.find('.file-info:first-child').is('a')) {
  22.           diff.find('.file-info').prepend(expanded);
  23.           var area = diff.children('.data.highlight.blob-wrapper');
  24.           diff.find('.octicon-btn.custom-collapsable').on('click', function() {
  25.             var icon = $(this).children(':first');
  26.             if (icon.hasClass('octicon-triangle-down')) {
  27.               icon.attr('class', 'octicon octicon-triangle-right');
  28.               area.hide();
  29.             } else {
  30.               icon.attr('class', 'octicon octicon-triangle-down');
  31.               area.show();
  32.             }
  33.           });
  34.         }
  35.       });
  36.     }
  37.   }
  38.   
  39.   function makeLinks() {
  40.     if ($('#partial-discussion-header').length) {
  41.       $('span.commit-ref.current-branch').each(function() {
  42.         var repo = $('.entry-title a[data-pjax]').text();
  43.         var baseUrl = 'https://github.com';
  44.         var branch = $(this).text();
  45.         if (branch.indexOf(':') === -1) {
  46.           baseUrl += $('.entry-title a[data-pjax]').attr('href') + '/tree/';
  47.           $(this).wrap('<a href="' + baseUrl + branch + '"></a>');
  48.         } else {
  49.           var fork = branch.split(':');
  50.           baseUrl += '/' + fork[0] + '/' + repo + '/tree/';
  51.           $(this).wrap('<a href="' + baseUrl + fork[1] + '"></a>');
  52.         }
  53.       });
  54.     }
  55.   }
  56.   
  57.   makeLinks();
  58.   collapsable();
  59.  
  60.   window.$(document).on('pjax:end', function() {
  61.     makeLinks();
  62.     collapsable();
  63.   });
  64.   
  65. });