☰

GitHub Issue Highlighter

A userscript that highlights the linked-to comment

当前为 2016-07-28 提交的版本，查看 最新版本。

// ==UserScript==
// @name          GitHub Issue Highlighter
// @version       1.0.1
// @description   A userscript that highlights the linked-to comment
// @license       https://creativecommons.org/licenses/by-sa/4.0/
// @namespace     http://github.com/Mottie
// @include       https://github.com/*
// @run-at        document-idle
// @grant         GM_addStyle
// @author        Rob Garrison
// ==/UserScript==
/* global GM_addStyle */
/*jshint unused:true, esnext:true */
(function() {
  "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();

})();