Github PR bookmarklet: Load all file diffs

github_load_all_diffs.js

javascript:
document.querySelectorAll('.load-diff-button').forEach(node => node.click())

This didn't work for me on a PR with 1200 files changed, so I came up with this code that I ran from the console. I ran it with up to 50 files at a time (in the slice and splice) with great success!

// Find all files in the PR
let files = Array.from(document.querySelectorAll('.file'));
// Filter by the files that aren't reviewed already
let filteredFiles = files.filter(file => !file.querySelector('.js-reviewed-checkbox').checked);

// Load the next 10 files
filteredFiles.slice(0, 10).forEach(file => file.querySelector('.load-diff-button').click());

// After reviewing all 10 files, run these commands to mark them as reviewed
// and delete them from the filtered array
filteredFiles.slice(0, 10).forEach(file => file.querySelector('.js-reviewed-checkbox').click());
filteredFiles.splice(0, 10);

Niiice :) It worked for 600 files / 3k lines changed

This is fantastic, thank you

Thanks for this!

Here's another useful one that de-renders the viewed blocks to improve page performance (viewed diffs are still rendered in the background, and even if you filter out viewed files in the contextual menu, their diffs are puzzlingly still rendered invisibly, massively slowing down everything)

// Removes all viewed diffs from the DOM (refresh the page to get them back)
Array.from(document.querySelectorAll('.file')).filter(container => container.querySelector('input.js-reviewed-checkbox:checked')).forEach(node => node.remove())