☰

GitHub Issue Highlighter

A userscript that highlights the linked-to comment

当前为 2017-03-25 提交的版本，查看 最新版本。

// ==UserScript==
// @name          GitHub Issue Highlighter
// @version       1.0.3
// @description   A userscript that highlights the linked-to comment
// @license       https://creativecommons.org/licenses/by-sa/4.0/
// @namespace     https://github.com/Mottie
// @include       https://github.com/*
// @run-at        document-idle
// @grant         GM_addStyle
// @author        Rob Garrison
// ==/UserScript==
(() => {
	"use strict";

	// !important needed to override styles added by
	// https://github.com/StylishThemes/GitHub-Dark
	GM_addStyle(`
		.timeline-comment.selected,
		.timeline-comment.current-user.selected {
			border-color: #4183C4 !important;
		}
		.timeline-comment.selected:before,
		.timeline-comment.current-user.selected:before {
			border-right-color: #4183C4 !important;
		}
	`);

	function init(event) {
		if (document.querySelector("#discussion_bucket")) {
			let target, indx,
				hash = window.location.hash;
			// remove "selected" class on hashchange
			if (event) {
				target = document.querySelectorAll(".timeline-comment");
				indx = target.length;
				while (indx--) {
					target[indx].classList.remove("selected");
				}
			}
			// add "selected" class
			if (/^#issue(comment)?-\d+/.test(hash)) {
				target = document.querySelector(hash);
				if (target) {
					target.classList.add("selected");
				}
			}
		}
	}

	window.addEventListener("hashchange", init);
	init();

})();