☰

Greasy Fork is available in English.

GitHub Diff Links

A userscript that adds links to diff and pull request headers to jump back & forth between files

  1. // ==UserScript==
  2. // @name        GitHub Diff Links
  3. // @version     1.2.18
  4. // @description A userscript that adds links to diff and pull request headers to jump back & forth between files
  5. // @license     MIT
  6. // @author      Rob Garrison
  7. // @namespace   https://github.com/Mottie
  8. // @match       https://github.com/*
  9. // @run-at      document-idle
  10. // @grant       GM_addStyle
  11. // @require     https://greasyfork.org/scripts/28721-mutations/code/mutations.js?version=1108163
  12. // @require     https://greasyfork.org/scripts/398877-utils-js/code/utilsjs.js?version=1079637
  13. // @icon        https://github.githubassets.com/pinned-octocat.svg
  14. // @supportURL  https://github.com/Mottie/GitHub-userscripts/issues
  15. // ==/UserScript==
  16.  
  17. /* global $ $$ on */
  18. (() => {
  19. 	"use strict";
  20.  
  21. 	// sometimes tooltips are too narrow...
  22. 	// and move diff anchors below sticky header
  23. 	GM_addStyle(`
  24. 		.gh-diff-links:after { min-width: 120px; }
  25. 		a[name*="diff-"]:before {
  26. 			padding-top: 60px !important;
  27. 			margin-top: -60px !important;
  28. 			content: "";
  29. 			position: absolute;
  30. 		}
  31. 		div.file-actions > div {
  32. 			display: inline;
  33. 		}`
  34. 	);
  35.  
  36. 	const button = document.createElement("a"),
  37. 		// button [ InnerHTML, tooltip ]
  38. 		nextBtn = ["Next", "Jump to next file\n("],
  39. 		prevBtn = ["Prev", "Jump to previous file\n(" ];
  40.  
  41. 	button.className = "btn btn-sm tooltipped tooltipped-s tooltipped-multiline gh-diff-links";
  42. 	button.setAttribute("rel", "nofollow");
  43.  
  44. 	function addButton(el, content, link) {
  45. 		let btn = button.cloneNode(),
  46. 			txt = el.classList.contains("select-menu-item") ?
  47. 				$(".description", el).textContent :
  48. 				link.textContent || "";
  49. 		// clean up whitespace
  50. 		txt = txt.replace(/\s+/g, " ").trim();
  51. 		// only add file name to tooltip
  52. 		txt = txt.substring(txt.lastIndexOf("/") + 1, txt.length);
  53. 		btn.innerHTML = content[0];
  54. 		btn.setAttribute("aria-label", content[1] + txt + ")" );
  55. 		btn.href = link.hash;
  56. 		// prepend button
  57. 		el.insertBefore(btn, el.childNodes[0]);
  58. 	}
  59.  
  60. 	function addSpace(el, content) {
  61. 		let btn = button.cloneNode();
  62. 		btn.disabled = true;
  63. 		btn.className = "btn btn-sm gh-diff-links disabled";
  64. 		btn.innerHTML = content[0];
  65. 		el.insertBefore(btn, el.childNodes[0]);
  66. 	}
  67.  
  68. 	function addLinks() {
  69. 		let last, temp,
  70. 			links = $$(".file-header .file-info a");
  71. 		if (links.length) {
  72. 			// links & file-actions "should" be the same length
  73. 			last = links.length - 1;
  74. 			$$(".file-actions").forEach((wrap, indx) => {
  75. 				const el = wrap.firstElementChild;
  76. 				// remove disabled buttons added before progressive
  77. 				// content has completed loading
  78. 				temp = $(".gh-diff-links.disabled", el);
  79. 				if (temp) {
  80. 					temp.parentNode.removeChild(temp);
  81. 					// remove both buttons to allow updating
  82. 					temp = $(".gh-diff-links", el);
  83. 					temp.parentNode.removeChild(temp);
  84. 				}
  85. 				if (!$(".gh-diff-links", el)) {
  86. 					if (indx === 0) {
  87. 						addButton(el, nextBtn, links[indx + 1]);
  88. 						addSpace(el, prevBtn);
  89. 					} else if (indx === last) {
  90. 						// add dummy "next" button to keep spacing
  91. 						addSpace(el, nextBtn);
  92. 						addButton(el, prevBtn, links[indx - 1]);
  93. 					} else {
  94. 						addButton(el, nextBtn, links[indx + 1]);
  95. 						addButton(el, prevBtn, links[indx - 1]);
  96. 					}
  97. 				}
  98. 			});
  99. 		}
  100. 	}
  101.  
  102. 	function init() {
  103. 		if ($("#files.diff-view") || $(".pr-toolbar")) {
  104. 			addLinks();
  105. 		}
  106. 	}
  107.  
  108. 	// DOM targets - to detect GitHub dynamic ajax page loading
  109. 	on(document, "ghmo:container", init);
  110. 	on(document, "ghmo:diff", addLinks);
  111. 	init();
  112.  
  113. })();