☰

GitHub Show Repo Issues

Show repo issues count on the repository tab & organization page (https://github.com/:user)

当前为 2015-12-27 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name          GitHub Show Repo Issues
  3. // @namespace     github-show-repo-issues
  4. // @description   Show repo issues count on the repository tab & organization page (https://github.com/:user)
  5. // @version       2.2.0
  6. // @include       https://github.com/*
  7. // @grant         GM_addStyle
  8. // @grant         GM_xmlhttpRequest
  9. // @run-at        document-idle
  10. // @author        Rob Garrison >> http://github.com/Mottie
  11. // ==/UserScript==
  12. /* global GM_addStyle, GM_xmlhttpRequest */
  13. ( function() {
  14. 	'use strict';
  15. 	var busy = false,
  16.  
  17. 	addIssues = function() {
  18.  
  19. 		// look for repo tab or user/organization page
  20. 		if ( document.querySelectorAll( '.tabnav-tab.selected, .repo-list' ).length &&
  21. 			// and not already applied
  22. 			!document.querySelectorAll( '.repo-list-stat-item.issues' ).length ) {
  23.  
  24. 			// set busy flag to ignore mutation observer firing while adding new content
  25. 			busy = true;
  26.  
  27. 			// Does not include forks & only includes the first 10 repos, or first 20 on the
  28. 			// organization page - these are the repos showing the participation graphs
  29. 			var user, len, url,
  30. 				items = document.querySelectorAll( '.repo-list-item' ),
  31.  
  32. 				// bug icon
  33. 				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>',
  34.  
  35. 				// issue count = get all repos from user => api v3 - https://api.github.com/users/:user/repos,
  36. 				// then look for "open_issues_count" in the named repos
  37. 				// previsouly used https://api.github.com/repos/:user/:repo/issues?state=open (first 30 issues only)
  38. 				api = 'https://api.github.com/users';
  39.  
  40. 			items = Array.prototype.filter.call( items, function( item ) {
  41. 				var cl = item.classList;
  42. 				return cl.contains( 'public' ) && !cl.contains( 'fork' );
  43. 			});
  44. 			len = items.length;
  45.  
  46. 			// expecting fork link to look like this:
  47. 			// <a class="repo-list-stat-item tooltipped tooltipped-s" href="/:user/:repo/network" aria-label="Forks">
  48. 			//   <span class="octicon octicon-git-branch"></span> 1
  49. 			// </a>
  50. 			url = len ? items[ 0 ].querySelector( 'a.repo-list-stat-item[aria-label="Forks"]' ).getAttribute( 'href' ) : '';
  51. 			user = ( url || '' ).match( /^\/[^/]+/ );
  52.  
  53. 			if ( user && user.length ) {
  54.  
  55. 				// add bug image background
  56. 				GM_addStyle([
  57. 					'.repo-list-stats a.issues svg { position: relative; top: 2px; fill: #888; }',
  58. 					'.repo-list-stats a.issues:hover svg { fill: #4078C0; }'
  59. 				].join(''));
  60.  
  61. 				GM_xmlhttpRequest({
  62. 					method : 'GET',
  63. 					url : api + user[ 0 ] + '/repos',
  64. 					onload : function( response ) {
  65. 						var itemIndex, repoIndex, repoLen, repo, link,
  66. 							data = JSON.parse( response.responseText || 'null' );
  67.  
  68. 						if ( data ) {
  69. 							repoLen = data.length;
  70. 							for ( itemIndex = 0; itemIndex < len; itemIndex++ ) {
  71. 								link = items[ itemIndex ].querySelector( 'a.repo-list-stat-item[aria-label="Forks"]' );
  72. 								repo = ( link.getAttribute( 'href' ) || '' ).replace( '/network', '' ).slice( 1 );
  73.  
  74. 								for ( repoIndex = 0; repoIndex < repoLen; repoIndex++ ) {
  75. 									if ( repo === data[ repoIndex ].full_name ) {
  76. 										link.insertAdjacentHTML( 'afterend',
  77. 											'<a class="repo-list-stat-item tooltipped tooltipped-s issues" href="' + repo +
  78. 											'/issues"  aria-label="Issues">' + icon + ' ' + data[ repoIndex ].open_issues_count + '</a>'
  79. 										);
  80. 									}
  81. 								}
  82.  
  83. 							}
  84. 						}
  85. 						busy = false;
  86. 					}
  87. 				});
  88.  
  89. 			} else {
  90. 				busy = false;
  91. 			}
  92. 		} else {
  93. 			busy = false;
  94. 		}
  95. 	},
  96.  
  97. 	containers = '#js-repo-pjax-container, #js-pjax-container, .js-contribution-activity',
  98. 	targets = document.querySelectorAll( containers );
  99.  
  100. 	Array.prototype.forEach.call(targets, function(target) {
  101. 		new MutationObserver( function( mutations ) {
  102. 			mutations.forEach( function( mutation ) {
  103. 				// preform checks before addIssues to minimize function calls
  104. 				if ( !( busy || document.querySelectorAll( '.repo-list-stat-item.issues' ).length ) &&
  105. 					document.querySelectorAll( '.tabnav-tab.selected, .repo-list' ).length &&
  106. 					mutation.target === target ) {
  107. 					addIssues();
  108. 				}
  109. 			});
  110. 		}).observe( target, {
  111. 			childList: true,
  112. 			subtree: true
  113. 		});
  114. 	});
  115.  
  116. 	addIssues();
  117.  
  118. })();