A userscript that toggles all expanders when one expander is shift-clicked
As of
// ==UserScript==
// @name GitHub Toggle Expanders
// @version 1.2.0
// @description A userscript that toggles all expanders when one expander is shift-clicked
// @license MIT
// @author Rob Garrison
// @namespace https://github.com/Mottie
// @include https://github.com/*
// @run-at document-idle
// @icon https://github.githubassets.com/pinned-octocat.svg
// ==/UserScript==
(() => {
"use strict";
function toggle(el, modKey) {
const stateNode = el.closest(".js-details-container, details");
const state = stateNode.nodeName === "DETAILS" ?
stateNode.open :
stateNode.classList.contains("open");
const parentNode = stateNode.closest(modKey ?
".container, .js-discussion" :
".commit-group, .js-timeline-item"
);
const containers = parentNode.querySelectorAll(
".js-details-container, .outdated-comment"
);
[...containers].forEach(node => {
if (node.nodeName === "DETAILS") {
node.open = state;
} else {
node.classList.toggle("open", state);
}
});
}
document.body.addEventListener("click", event => {
const target = event.target;
const mod = event.ctrlKey
|| event.metaKey
|| window.location.pathname.includes("/compare/");
if (target && event.getModifierState("Shift")) {
// give GitHub time to update the elements
setTimeout(() => {
if (target.matches(".js-details-target")) {
toggle(target, mod);
} else if (target.matches(".btn-link, .js-toggle-outdated-comments")) {
toggle(target.closest("details"), mod);
}
}, 100);
}
});
})();