☰

Collapsable Diffs and Linked Branches (GitHub)

Adds a toggle to collapse diffs in GitHub's pull request and commit diff interfaces

Pada tanggal 11 Mei 2016. Lihat %(latest_version_link).

  1. // ==UserScript==
  2. // @name        Collapsable Diffs and Linked Branches (GitHub)
  3. // @namespace   chriskim06
  4. // @description Adds a toggle to collapse diffs in GitHub's pull request and commit diff interfaces
  5. // @include     https://github.com/*
  6. // @require     http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
  7. // @require     https://greatest.deepsurf.us/scripts/5392-waitforkeyelements/code/WaitForKeyElements.js?version=19641
  8. // @version     1.4.6
  9. // @grant       none
  10. // @locale      en
  11. // ==/UserScript==
  12.  
  13. this.$ = this.jQuery = jQuery.noConflict(true);
  14.  
  15. $(function() {
  16.  
  17.   waitForKeyElements('#files > div[id^="diff-"]', addDiffCollapseButtons);
  18.   waitForKeyElements('.diffbar-item.dropdown.js-menu-container', addCollapseAllButton);
  19.   waitForKeyElements('#partial-discussion-header', makeLinks);
  20.   
  21.   function addDiffCollapseButtons(jNode) {
  22.     // Add buttons in each header to allow folding the diff
  23.     var expanded = 'M0 5l6 6 6-6H0z';
  24.     var collapsed = 'M0 14l6-6L0 2v12z';
  25.     var info = jNode.find('.file-info');
  26.     if (!info.children().first().is('a')) {
  27.       // If the button isn't there add it and add the event handler
  28.       info.prepend(
  29.         '<a class="octicon-btn custom-collapsable" href="javascript:void(0)">' +
  30.           '<svg height="16" width="12" xmlns="http://www.w3.org/2000/svg">' +
  31.             '<path d="' + expanded + '" />' +
  32.           '</svg>' +
  33.         '</a>'
  34.       );
  35.       jNode.find('.octicon-btn.custom-collapsable').on('click', function() {
  36.         // Toggle the visibility of the diff and the direction of the arrow
  37.         var icon = $(this).find('path');
  38.         jNode.children('.data.highlight.blob-wrapper').toggle();
  39.         icon.attr('d', (icon.attr('d') === collapsed) ? expanded : collapsed);
  40.         var collapseAllButton = $('#diff-collapse-button');
  41.         if (collapseAllButton.length) {
  42.           var state = $('#files').find('div[id^="diff-"]').children('.data.highlight.blob-wrapper').is(':visible');
  43.           collapseAllButton.attr('data-toggle-state', state ? 'expanded' : 'collapsed');
  44.           collapseAllButton.text(state ? 'Collapse All' : 'Expand All');
  45.         }
  46.       });
  47.     }
  48.   }
  49.  
  50.   function addCollapseAllButton(jNode) {
  51.     if (jNode.find('a').length === 2) {
  52.       // Add an Expand/Collapse All button if its not there
  53.       var blobs = $('#files').find('div[id^="diff-"]').children('.data.highlight.blob-wrapper');
  54.       jNode.find('ul').append(
  55.         '<a id="diff-collapse-button" ' +
  56.           'class="dropdown-item" ' +
  57.           'href="javascript:void(0)" ' +
  58.           'data-toggle-state="' + (blobs.is(':visible') ? 'expanded' : 'collapsed') + '">' +
  59.           (blobs.is(':visible') ? 'Collapse All' : 'Expand All') +
  60.         '</a>'
  61.       );
  62.       $('#diff-collapse-button').on('click', function() {
  63.         // Toggle the visibility of all diffs, directions of arrows, and the button
  64.         var state = ($(this).attr('data-toggle-state') === 'expanded');
  65.         if (state) {
  66.           blobs.hide();
  67.         } else {
  68.           blobs.show();
  69.         }
  70.         var expanded = 'M0 5l6 6 6-6H0z';
  71.         var collapsed = 'M0 14l6-6L0 2v12z';
  72.         $('.octicon-btn.custom-collapsable').find('path').attr('d', state ? collapsed : expanded);
  73.         $(this).attr('data-toggle-state', state ? 'collapsed' : 'expanded');
  74.         $(this).text(state ? 'Expand All' : 'Collapse All');
  75.       });
  76.     }
  77.   }
  78.  
  79.   function makeLinks(jNode) {
  80.     if (jNode.find('.flex-table-item.flex-table-item-primary > a').length === 1) {
  81.       // Turn the branches being compared into links if they aren't already
  82.       var url = window.location.href.match(/(https:\/\/github\.com\/)([A-Za-z0-9_-]+(\/[A-Za-z0-9_-]+))/);
  83.       if (url) {
  84.         $('span.commit-ref.current-branch').each(function() {
  85.           var link;
  86.           var branch = this.textContent;
  87.           if (!branch.includes(':')) {
  88.             link = url[0] + '/tree/' + branch;
  89.           } else {
  90.             var split = branch.split(':');
  91.             link = url[1] + split[0] + url[3] + '/tree/' + split[1];
  92.           }
  93.           $(this).wrap('<a href="' + link + '"></a>');
  94.         });
  95.       }
  96.     }
  97.   }
  98.  
  99. });