GitHub Toggle Expanders

A userscript that toggles all expanders when one expander is shift-clicked

Устаревшая версия за 02.07.2019. Перейдите к последней версии.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==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);
		}
	});

})();