GitHub diff expander
GitHub added this feature on Jan 30, 2019!
A userscript that adds more diff code expanding buttons
- Without this userscript, the code expanders on a diff page work by expanding code blocks up, except for the last expander.
- With this userscript:
- More expander buttons are added that will allow expanding the code in either direction.
- Included with every expander button is the range of code lines, for the left column, that it will load.
- Limitations & confusing points:
- GitHub's server will return a maximum of 20 lines of code.
- Because diffs have before and after line numbers, it would be difficult to show the range of both columns due to alignment and space limitations. This userscript will only show the "before" diff line number range (left column).
- Overlapping ranges may cause confusion. In this screenshot, the top expander will load the code for lines 21 to 40, while the bottom expander will load lines 34 to 53. Once the expander is clicked, the range will adjust.
- Within each file, the range shown in the last expander will start with the next left column line number, but end with the maximum line number for either the left or right column. This is due to the range provided by the expander link.
- Click this link to install from GitHub; or, install from GreasyFork or OpenUserJS.
| Before | After |
|---|---|
 |
 |
- Update dependencies
- Update mutation script.
- Update GitHub icon.
- Update mutation script.
- Update mutation script.
- Initial commit