☰

GitHub expand rich diffs

Creates a button which can expand all rich diffs in a PR.

// ==UserScript==
// @name        GitHub expand rich diffs
// @namespace   urn://https://www.georgegillams.co.uk/api/greasemonkey/github_expand_rich_diffs
// @include     *github.com*
// @include     *github.skyscannertools.net*
// @exclude     none
// @version     7
// @description:en	Creates a button which can expand all rich diffs in a PR.
// @grant    		none
// @description   	Creates a button which can expand all rich diffs in a PR.
// ==/UserScript==

function expandAllRichDiffs() {
  const toClick = document.querySelectorAll(
    `[aria-label="Display the rich diff"]`,
  );
  for (let i = toClick.length - 1; i >= 0; i -= 1) {
    toClick[i].click();
  }
}

function makeGHButton() {
  const filesElement = document.getElementsByClassName('repository-content')[0];
  if (!filesElement) {
    return;
  }
  const buttonElement = document.createElement('button');
  buttonElement.innerText = `Expand all rich diffs`;
  buttonElement.style.backgroundColor = '#00A698';
  buttonElement.style.border = 'none';
  buttonElement.style.fontSize = '1.2rem';
  buttonElement.style.fontWeight = 'bold';
  buttonElement.style.padding = '0.375rem 1.5rem';
  buttonElement.style.borderRadius = '0.5rem';
  buttonElement.style.color = 'white';
  buttonElement.id = 'expand_all_rich_diffs';
  buttonElement.onclick = expandAllRichDiffs;

  const newElement = document.createElement('div');
  newElement.style.width = '100%';
  newElement.style.display = 'flex';
  newElement.style.justifyContent = 'center';

  newElement.appendChild(buttonElement);

  filesElement.appendChild(document.createElement('br'));
  filesElement.appendChild(newElement);
}

function makeLinks() {
  const docLoc = document.location.href;
  if (!docLoc.includes('pull') || !docLoc.includes('files')) {
    return;
  }

  const addedLink = document.getElementById('expand_all_rich_diffs');
  if (addedLink) {
    return;
  }

  makeGHButton();
}

function worker() {
  try {
    makeLinks();
  } catch (e) {
    // eslint-disable-next-line no-console
    console.log(e);
  }
}

setInterval(worker, 2000);