GitHub Show Repo Issues

A userscript that adds a repo issues count to the repository tab & organization page (https://github.com/:user)

当前为 2016-04-11 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name GitHub Show Repo Issues
  3. // @version 2.3.1
  4. // @description A userscript that adds a repo issues count to the repository tab & organization page (https://github.com/:user)
  5. // @license https://creativecommons.org/licenses/by-sa/4.0/
  6. // @namespace http://github.com/Mottie
  7. // @include https://github.com/*
  8. // @grant GM_addStyle
  9. // @grant GM_xmlhttpRequest
  10. // @connect api.github.com
  11. // @run-at document-idle
  12. // @author Rob Garrison
  13. // ==/UserScript==
  14. /* global GM_addStyle, GM_xmlhttpRequest */
  15. (function() {
  16. "use strict";
  17. var busy = false,
  18.  
  19. addIssues = function() {
  20.  
  21. // look for repo tab or user/organization page
  22. if (document.querySelectorAll(".tabnav-tab.selected, .repo-list").length &&
  23. // and not already applied
  24. !document.querySelectorAll(".repo-list-stat-item.issues").length) {
  25.  
  26. // set busy flag to ignore mutation observer firing while adding new content
  27. busy = true;
  28.  
  29. // Does not include forks & only includes the first 10 repos, or first 20 on the
  30. // organization page - these are the repos showing the participation graphs
  31. var user, len, url,
  32. items = document.querySelectorAll(".repo-list-item"),
  33.  
  34. // bug icon
  35. icon = "<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 53 53'><path d='m39.2 0c2 0 3.7 1.5 3.7 3.4 0 1.9-1.7 3.4-3.7 3.4l-0.9-0.1-3.4 4c2.3 1.6 4.4 3.8 6 6.4-4 1.2-8.9 1.9-14.2 1.9-5.3 0-10.1-0.7-14.2-1.9 1.5-2.6 3.5-4.7 5.7-6.3l-3.5-4.1c-0.2 0-0.4 0.1-0.6 0.1-2 0-3.7-1.5-3.7-3.4 0-1.9 1.7-3.4 3.7-3.4 2 0 3.7 1.5 3.7 3.4 0 0.7-0.2 1.3-0.6 1.8l3.5 4.2c1.8-0.8 3.8-1.3 5.9-1.3 2 0 3.9 0.4 5.6 1.2l3.7-4.3c-0.3-0.5-0.4-1-0.4-1.6 0-1.9 1.6-3.4 3.7-3.4zm11.8 28.5c1.2 0 2.2 0.9 2.2 2 0 1.1-1 2-2.2 2l-6.7 0c-0.1 1.5-0.3 2.9-0.6 4.3l7.8 3.4c1.1 0.5 1.6 1.7 1.1 2.7-0.5 1-1.8 1.5-2.9 1l-7.2-3.1c-2.7 6.7-8 11.4-14.3 12.1l0-31.2c5.2-0.1 10-1 13.9-2.3l0.3 0.7 7.5-2.7c1.1-0.4 2.4 0.1 2.9 1.2 0.4 1.1-0.1 2.2-1.3 2.6l-7.9 2.8c0.3 1.4 0.6 2.9 0.7 4.5l6.7 0 0 0zm-48.7 0 6.7 0c0.1-1.5 0.3-3.1 0.7-4.5l-7.9-2.8c-1.1-0.4-1.7-1.6-1.3-2.6 0.4-1 1.7-1.6 2.9-1.2l7.5 2.7 0.3-0.7c3.9 1.3 8.7 2.1 13.9 2.3l0 31.2c-6.2-0.7-11.5-5.4-14.3-12.1l-7.2 3.1c-1.1 0.5-2.4 0-2.9-1-0.5-1 0-2.2 1.1-2.7l7.8-3.4c-0.3-1.4-0.5-2.8-0.6-4.3l-6.7 0c-1.2 0-2.2-0.9-2.2-2 0-1.1 1-2 2.2-2z' /></svg>",
  36.  
  37. // issue count = get all repos from user => api v3 - https://api.github.com/users/:user/repos,
  38. // then look for "open_issues_count" in the named repos
  39. // previsouly used https://api.github.com/repos/:user/:repo/issues?state=open (first 30 issues only)
  40. api = "https://api.github.com/users";
  41.  
  42. items = Array.prototype.filter.call(items, function(item) {
  43. var cl = item.classList;
  44. return cl.contains("public") && !cl.contains("fork");
  45. });
  46. len = items.length;
  47.  
  48. // expecting fork link to look like this:
  49. // <a class="repo-list-stat-item tooltipped tooltipped-s" href="/:user/:repo/network" aria-label="Forks">
  50. // <span class="octicon octicon-git-branch"></span> 1
  51. // </a>
  52. url = len ? items[ 0 ].querySelector("a.repo-list-stat-item[aria-label='Forks']").getAttribute("href") : "";
  53. user = (url || "").match(/^\/[^/]+/);
  54.  
  55. if (user && user.length) {
  56.  
  57. // add bug image background
  58. GM_addStyle([
  59. ".repo-list-stats a.issues svg { position: relative; top: 2px; fill: #888; }",
  60. ".repo-list-stats a.issues:hover svg { fill: #4078C0; }"
  61. ].join(""));
  62.  
  63. GM_xmlhttpRequest({
  64. method : "GET",
  65. url : api + user[ 0 ] + "/repos",
  66. onload : function(response) {
  67. var itemIndex, repoIndex, repoLen, repo, link,
  68. data = JSON.parse(response.responseText || "null");
  69.  
  70. if (data) {
  71. repoLen = data.length;
  72. for (itemIndex = 0; itemIndex < len; itemIndex++) {
  73. link = items[ itemIndex ].querySelector("a.repo-list-stat-item[aria-label='Forks']");
  74. repo = (link.getAttribute("href") || "").replace("/network", "").slice(1);
  75.  
  76. for (repoIndex = 0; repoIndex < repoLen; repoIndex++) {
  77. if (repo === data[ repoIndex ].full_name) {
  78. link.insertAdjacentHTML("afterend",
  79. "<a class='repo-list-stat-item tooltipped tooltipped-s issues' href='" + repo +
  80. "/issues' aria-label='Issues'>" + icon + " " + data[ repoIndex ].open_issues_count + "</a>"
  81. );
  82. }
  83. }
  84.  
  85. }
  86. }
  87. busy = false;
  88. }
  89. });
  90.  
  91. } else {
  92. busy = false;
  93. }
  94. } else {
  95. busy = false;
  96. }
  97. },
  98.  
  99. containers = "#js-repo-pjax-container, #js-pjax-container, .js-contribution-activity",
  100. targets = document.querySelectorAll(containers);
  101.  
  102. Array.prototype.forEach.call(targets, function(target) {
  103. new MutationObserver(function(mutations) {
  104. mutations.forEach(function(mutation) {
  105. // preform checks before addIssues to minimize function calls
  106. if (!(busy || document.querySelectorAll(".repo-list-stat-item.issues").length) &&
  107. document.querySelectorAll(".tabnav-tab.selected, .repo-list").length &&
  108. mutation.target === target) {
  109. addIssues();
  110. }
  111. });
  112. }).observe(target, {
  113. childList: true,
  114. subtree: true
  115. });
  116. });
  117.  
  118. addIssues();
  119.  
  120. })();