☰

Greasy Fork 支持简体中文。

Github News Feed Filter

Add filters for GitHub homepage news feed items

目前為 2017-10-14 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        Github News Feed Filter
  3. // @namespace   https://github.com/jerone/UserScripts
  4. // @description Add filters for GitHub homepage news feed items
  5. // @author      jerone
  6. // @copyright   2014+, jerone (http://jeroenvanwarmerdam.nl)
  7. // @license     GNU GPLv3
  8. // @homepage    https://github.com/jerone/UserScripts/tree/master/Github_News_Feed_Filter
  9. // @homepageURL https://github.com/jerone/UserScripts/tree/master/Github_News_Feed_Filter
  10. // @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VCYMHWQ7ZMBKW
  11. // @icon        https://github.com/fluidicon.png
  12. // @include     https://github.com/
  13. // @include     https://github.com/?*
  14. // @include     https://github.com/orgs/*/dashboard
  15. // @include     https://github.com/orgs/*/dashboard?*
  16. // @version     8.0.0
  17. // @grant       none
  18. // ==/UserScript==
  19.  
  20. (function() {
  21.  
  22. 	var ICONS = {};
  23. 	ICONS['octicon-book'] = 'M3 5h4v1H3V5zm0 3h4V7H3v1zm0 2h4V9H3v1zm11-5h-4v1h4V5zm0 2h-4v1h4V7zm0 2h-4v1h4V9zm2-6v9c0 .55-.45 1-1 1H9.5l-1 1-1-1H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5.5l1 1 1-1H15c.55 0 1 .45 1 1zm-8 .5L7.5 3H2v9h6V3.5zm7-.5H9.5l-.5.5V12h6V3z';
  24. 	ICONS['octicon-comment-discussion'] = 'M15 1H6c-.55 0-1 .45-1 1v2H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h1v3l3-3h4c.55 0 1-.45 1-1V9h1l3 3V9h1c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zM9 11H4.5L3 12.5V11H1V5h4v3c0 .55.45 1 1 1h3v2zm6-3h-2v1.5L11.5 8H6V2h9v6z';
  25. 	ICONS['octicon-git-branch'] = 'M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z';
  26. 	ICONS['octicon-git-branch-create'] = ICONS['octicon-git-branch'];
  27. 	ICONS['octicon-git-branch-delete'] = ICONS['octicon-git-branch'];
  28. 	ICONS['octicon-git-commit'] = 'M10.86 7c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3H0v2h3.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H14V7h-3.14zM7 10.2c-1.22 0-2.2-.98-2.2-2.2 0-1.22.98-2.2 2.2-2.2 1.22 0 2.2.98 2.2 2.2 0 1.22-.98 2.2-2.2 2.2z';
  29. 	ICONS['octicon-home'] = 'M16 9l-3-3V2h-2v2L8 1 0 9h2l1 5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1l1-5h2zm-4 5H9v-4H7v4H4L2.81 7.69 8 2.5l5.19 5.19L12 14z';
  30. 	ICONS['octicon-person'] = 'M12 14.002a.998.998 0 0 1-.998.998H1.001A1 1 0 0 1 0 13.999V13c0-2.633 4-4 4-4s.229-.409 0-1c-.841-.62-.944-1.59-1-4 .173-2.413 1.867-3 3-3s2.827.586 3 3c-.056 2.41-.159 3.38-1 4-.229.59 0 1 0 1s4 1.367 4 4v1.002z';
  31. 	ICONS['octicon-organization'] = 'M16 12.999c0 .439-.45 1-1 1H7.995c-.539 0-.994-.447-.995-.999H1c-.54 0-1-.561-1-1 0-2.634 3-4 3-4s.229-.409 0-1c-.841-.621-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.442.58 2.5 3c.058 2.41-.159 2.379-1 3-.229.59 0 1 0 1s1.549.711 2.42 2.088C9.196 9.369 10 8.999 10 8.999s.229-.409 0-1c-.841-.62-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.437.581 2.495 3c.059 2.41-.158 2.38-1 3-.229.59 0 1 0 1s3.005 1.366 3.005 4';
  32. 	ICONS['octicon-plus'] = 'M12 9H7v5H5V9H0V7h5V2h2v5h5z';
  33. 	ICONS['octicon-radio-tower'] = 'M4.79 6.11c.25-.25.25-.67 0-.92-.32-.33-.48-.76-.48-1.19 0-.43.16-.86.48-1.19.25-.26.25-.67 0-.92a.613.613 0 0 0-.45-.19c-.16 0-.33.06-.45.19-.57.58-.85 1.35-.85 2.11 0 .76.29 1.53.85 2.11.25.25.66.25.9 0zM2.33.52a.651.651 0 0 0-.92 0C.48 1.48.01 2.74.01 3.99c0 1.26.47 2.52 1.4 3.48.25.26.66.26.91 0s.25-.68 0-.94c-.68-.7-1.02-1.62-1.02-2.54 0-.92.34-1.84 1.02-2.54a.66.66 0 0 0 .01-.93zm5.69 5.1A1.62 1.62 0 1 0 6.4 4c-.01.89.72 1.62 1.62 1.62zM14.59.53a.628.628 0 0 0-.91 0c-.25.26-.25.68 0 .94.68.7 1.02 1.62 1.02 2.54 0 .92-.34 1.83-1.02 2.54-.25.26-.25.68 0 .94a.651.651 0 0 0 .92 0c.93-.96 1.4-2.22 1.4-3.48A5.048 5.048 0 0 0 14.59.53zM8.02 6.92c-.41 0-.83-.1-1.2-.3l-3.15 8.37h1.49l.86-1h4l.84 1h1.49L9.21 6.62c-.38.2-.78.3-1.19.3zm-.01.48L9.02 11h-2l.99-3.6zm-1.99 5.59l1-1h2l1 1h-4zm5.19-11.1c-.25.25-.25.67 0 .92.32.33.48.76.48 1.19 0 .43-.16.86-.48 1.19-.25.26-.25.67 0 .92a.63.63 0 0 0 .9 0c.57-.58.85-1.35.85-2.11 0-.76-.28-1.53-.85-2.11a.634.634 0 0 0-.9 0z';
  34. 	ICONS['octicon-repo'] = 'M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z';
  35. 	ICONS['octicon-repo-clone'] = 'M15 0H9v7c0 .55.45 1 1 1h1v1h1V8h3c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zm-4 7h-1V6h1v1zm4 0h-3V6h3v1zm0-2h-4V1h4v4zM4 5H3V4h1v1zm0-2H3V2h1v1zM2 1h6V0H1C.45 0 0 .45 0 1v12c0 .55.45 1 1 1h2v2l1.5-1.5L6 16v-2h5c.55 0 1-.45 1-1v-3H2V1zm9 10v2H6v-1H3v1H1v-2h10zM3 8h1v1H3V8zm1-1H3V6h1v1z';
  36. 	ICONS['octicon-repo-create'] = ICONS['octicon-plus'];
  37. 	ICONS['octicon-repo-push'] = 'M4 3H3V2h1v1zM3 5h1V4H3v1zm4 0L4 9h2v7h2V9h2L7 5zm4-5H1C.45 0 0 .45 0 1v12c0 .55.45 1 1 1h4v-1H1v-2h4v-1H2V1h9.02L11 10H9v1h2v2H9v1h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1z';
  38. 	ICONS['octicon-repo-forked'] = 'M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z';
  39. 	ICONS['octicon-repo-delete'] = ICONS['octicon-repo'];
  40. 	ICONS['octicon-repo-pull'] = 'M13 8V6H7V4h6V2l3 3-3 3zM4 2H3v1h1V2zm7 5h1v6c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v2h-1V1H2v9h9V7zm0 4H1v2h2v-1h3v1h5v-2zM4 6H3v1h1V6zm0-2H3v1h1V4zM3 9h1V8H3v1z';
  41. 	ICONS['octicon-star'] = 'M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z';
  42. 	ICONS['octicon-tag'] = 'M7.73 1.73C7.26 1.26 6.62 1 5.96 1H3.5C2.13 1 1 2.13 1 3.5v2.47c0 .66.27 1.3.73 1.77l6.06 6.06c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 0 0 0-1.41L7.73 1.73zM2.38 7.09c-.31-.3-.47-.7-.47-1.13V3.5c0-.88.72-1.59 1.59-1.59h2.47c.42 0 .83.16 1.13.47l6.14 6.13-4.73 4.73-6.13-6.15zM3.01 3h2v2H3V3h.01z';
  43. 	ICONS['octicon-tag-add'] = ICONS['octicon-tag'];
  44. 	ICONS['octicon-tag-remove'] = ICONS['octicon-tag'];
  45. 	ICONS['octicon-triangle-left'] = 'M6 2L0 8l6 6z';
  46.  
  47. 	var ACTIONS = [
  48. 		{ id: '*-action', text: 'All news feed', icon: 'octicon-radio-tower', classNames: ['*-action'] },
  49. 		{
  50. 			id: 'commits', text: 'Commits', icon: 'octicon-git-commit', classNames: ['push', 'commit_comment'], subFilters: [
  51. 				{ id: 'commits pushed', text: 'Pushed', icon: 'octicon-git-commit', classNames: ['push'] },
  52. 				{ id: 'commits comments', text: 'Comments', icon: 'octicon-comment-discussion', classNames: ['commit_comment'] }
  53. 			]
  54. 		},
  55. 		{
  56. 			id: 'repo', text: 'Repo', icon: 'octicon-repo', classNames: ['create', 'public', 'fork', 'branch_create', 'branch_delete', 'tag_add', 'tag_remove', 'release', 'delete'], subFilters: [
  57. 				{ id: 'repo created', text: 'Created', icon: 'octicon-repo-create', classNames: ['create'] },
  58. 				{ id: 'repo public', text: 'Public', icon: 'octicon-repo-push', classNames: ['public'] },
  59. 				{ id: 'repo forked', text: 'Forked', icon: 'octicon-repo-forked', classNames: ['fork'] },
  60. 				{ id: 'repo deleted', text: 'Deleted', icon: 'octicon-repo-delete', classNames: ['delete'] },
  61. 				{ id: 'repo released', text: 'Release', icon: 'octicon-repo-pull', classNames: ['release'] },
  62. 				{
  63. 					id: 'repo branched', text: 'Branch', icon: 'octicon-git-branch', classNames: ['branch_create', 'branch_delete'], subFilters: [
  64. 						{ id: 'repo branch created', text: 'Created', icon: 'octicon-git-branch-create', classNames: ['branch_create'] },
  65. 						{ id: 'repo branch deleted', text: 'Deleted', icon: 'octicon-git-branch-delete', classNames: ['branch_delete'] }
  66. 					]
  67. 				},
  68. 				{
  69. 					id: 'repo tagged', text: 'Tag', icon: 'octicon-tag', classNames: ['tag_add', 'tag_remove'], subFilters: [
  70. 						{ id: 'repo tag added', text: 'Added', icon: 'octicon-tag-add', classNames: ['tag_add'] },
  71. 						{ id: 'repo tag removed', text: 'Removed', icon: 'octicon-tag-remove', classNames: ['tag_remove'] }
  72. 					]
  73. 				}
  74. 			]
  75. 		},
  76. 		{ id: 'starred', text: 'Starred', icon: 'octicon-star', classNames: ['watch_started'] },
  77. 		{
  78. 			id: 'wiki', text: 'Wiki', icon: 'octicon-book', classNames: ['wiki_created', 'wiki_edited'], subFilters: [
  79. 				{ id: 'wiki created', text: 'Created', icon: 'octicon-plus', classNames: ['wiki_created'] },
  80. 				{ id: 'wiki edited', text: 'Edited', icon: 'octicon-book', classNames: ['wiki_edited'] }
  81. 			]
  82. 		}
  83. 	];
  84.  
  85. 	var REPOS = [];
  86.  
  87. 	var USERS = [];
  88.  
  89. 	var datasetId = 'githubNewsFeedFilter';
  90. 	var datasetIdLong = 'data-github-news-feed-filter';
  91. 	var filterElement = 'github-news-feed-filter';
  92. 	var filterListElement = 'github-news-feed-filter-list';
  93.  
  94. 	function proxy(fn) {
  95. 		return function() {
  96. 			var that = this;
  97. 			return function(e) {
  98. 				var args = that.slice(0); // Clone.
  99. 				args.unshift(e); // Prepend event.
  100. 				fn.apply(this, args);
  101. 			};
  102. 		}.call([].slice.call(arguments, 1));
  103. 	}
  104.  
  105. 	function addStyle(css) {
  106. 		var node = document.createElement('style');
  107. 		node.type = 'text/css';
  108. 		node.appendChild(document.createTextNode(css));
  109. 		document.head.appendChild(node);
  110. 	}
  111.  
  112. 	addStyle(`
  113. 		github-news-feed-filter { display: block; }
  114. 		github-news-feed-filter .count { margin-right: 15px; }
  115.  
  116. 		github-news-feed-filter .filter-list .mini-repo-list-item { padding-right: 64px; }
  117.  
  118. 		github-news-feed-filter .filter-list .filter-list .mini-repo-list-item { padding-left: 40px; border-top: 1px dashed #E5E5E5; }
  119. 		github-news-feed-filter .filter-list .filter-list .filter-list .mini-repo-list-item { padding-left: 50px; }
  120.  
  121. 		github-news-feed-filter .filter-list { display: none; }
  122. 		github-news-feed-filter .open > .filter-list { display: block; }
  123. 		github-news-feed-filter .filter-list.open { display: block; }
  124.  
  125. 		github-news-feed-filter .private { font-weight: bold; }
  126.  
  127. 		github-news-feed-filter .stars .octicon { position: absolute; right: -4px; }
  128. 		github-news-feed-filter .filter-list-item.open > a > .stars > .octicon { transform: rotate(-90deg); }
  129.  
  130. 		.no-alerts { font-style: italic; }
  131. 	`);
  132.  
  133. 	// Add filter menu list.
  134. 	function addFilterMenu(type, filters, parent, newsContainer, filterContainer, main) {
  135. 		var ul = document.createElement('ul');
  136. 		ul.classList.add('filter-list');
  137. 		if (main) {
  138. 			ul.classList.add('mini-repo-list');
  139. 		}
  140. 		parent.appendChild(ul);
  141.  
  142. 		filters.forEach(function(subFilter) {
  143. 			var li = addFilterMenuItem(type, subFilter, ul, newsContainer, filterContainer);
  144.  
  145. 			if (subFilter.subFilters) {
  146. 				addFilterMenu(type, subFilter.subFilters, li, newsContainer, filterContainer, false);
  147. 			}
  148. 		});
  149. 	}
  150.  
  151. 	// Add filter menu item.
  152. 	function addFilterMenuItem(type, filter, parent, newsContainer, filterContainer) {
  153. 		// Filter item.
  154. 		var li = document.createElement('li');
  155. 		li.classList.add('filter-list-item');
  156. 		li.filterClassNames = filter.classNames;
  157. 		parent.appendChild(li);
  158.  
  159. 		// Filter link.
  160. 		var a = document.createElement('a');
  161. 		a.classList.add('mini-repo-list-item', 'css-truncate');
  162. 		a.setAttribute('href', filter.link || '/');
  163. 		a.setAttribute('title', filter.classNames.join(' & '));
  164. 		a.dataset[datasetId] = filter.id;
  165. 		a.addEventListener('click', proxy(onFilterItemClick, type, newsContainer, filterContainer));
  166. 		li.appendChild(a);
  167.  
  168. 		// Filter icon.
  169. 		var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  170. 		svg.classList.add('repo-icon', 'octicon', filter.icon);
  171. 		svg.setAttribute('height', '16');
  172. 		svg.setAttribute('width', '16');
  173. 		a.appendChild(svg);
  174. 		var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  175. 		path.setAttribute('d', ICONS[filter.icon]);
  176. 		svg.appendChild(path);
  177.  
  178. 		// Filter text.
  179. 		var text = filter.text.split('/');
  180. 		var t = document.createElement('span');
  181. 		t.classList.add('repo-and-owner', 'css-truncate-target');
  182. 		a.appendChild(t);
  183. 		var to = document.createElement('span');
  184. 		to.classList.add('owner');
  185. 		to.appendChild(document.createTextNode(text[0]));
  186. 		t.appendChild(to);
  187. 		if (text.length > 1) {
  188. 			text.shift();
  189. 			t.appendChild(document.createTextNode('/'));
  190. 			var tr = document.createElement('span');
  191. 			tr.classList.add('repo');
  192. 			tr.appendChild(document.createTextNode(text.join('/')));
  193. 			t.appendChild(tr);
  194. 		}
  195.  
  196. 		// Filter count & sub list arrow.
  197. 		var s = document.createElement('span');
  198. 		s.classList.add('stars');
  199. 		var c = document.createElement('span');
  200. 		c.classList.add('count');
  201. 		c.appendChild(document.createTextNode('0'));
  202. 		s.appendChild(c);
  203. 		if (filter.subFilters) {
  204. 			s.appendChild(document.createTextNode(' '));
  205. 			var osvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  206. 			osvg.classList.add('octicon', 'octicon-triangle-left');
  207. 			osvg.setAttribute('height', '16');
  208. 			osvg.setAttribute('width', '6');
  209. 			s.appendChild(osvg);
  210. 			var opath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  211. 			opath.setAttribute('d', ICONS['octicon-triangle-left']);
  212. 			osvg.appendChild(opath);
  213. 		}
  214. 		a.appendChild(s);
  215.  
  216. 		return li;
  217. 	}
  218.  
  219. 	// Filter item click event.
  220. 	function onFilterItemClick(e, type, newsContainer, filterContainer) {
  221. 		e.preventDefault();
  222.  
  223. 		// Store current filter.
  224. 		setCurrentFilter(type, this.dataset[datasetId]);
  225.  
  226. 		// Open/close sub list.
  227. 		Array.forEach(filterContainer.querySelectorAll('.open'), function(item) { item.classList.remove('open'); });
  228. 		showParentMenu(this);
  229. 		this.parentNode.classList.add('open');
  230.  
  231. 		// Give it a colored background.
  232. 		Array.forEach(filterContainer.querySelectorAll('.private'), function(m) { m.classList.remove('private'); });
  233. 		this.parentNode.classList.add('private');
  234.  
  235. 		// Toggle alert visibility.
  236. 		toggleAlertsVisibility(newsContainer);
  237. 	}
  238.  
  239. 	// Toggle alert visibility.
  240. 	function toggleAlertsVisibility(newsContainer) {
  241. 		// Get selected filters.
  242. 		var anyVisibleAlert = false;
  243. 		var classNames = [];
  244. 		var selected = document.querySelectorAll(filterElement + ' .private');
  245. 		if (selected.length > 0) {
  246. 			Array.prototype.forEach.call(selected, function(item) {
  247. 				classNames.push(item.filterClassNames);
  248. 			});
  249. 		}
  250.  
  251. 		// Show/hide alerts.
  252. 		if (classNames.length === 0 || classNames.every(function(cl) { return cl.every(function(c) { return !!~c.indexOf('*'); }); })) {
  253. 			anyVisibleAlert = true;
  254. 			Array.prototype.forEach.call(newsContainer.querySelectorAll('.body'), function(alert) {
  255. 				alert.parentNode.style.display = 'block';
  256. 			});
  257. 		} else {
  258. 			Array.prototype.map.call(newsContainer.querySelectorAll('.body'), function(alert) {
  259. 				return alert.parentNode;
  260. 			}).forEach(function(alert) {
  261. 				var show = classNames.every(function(cl) { return cl.some(function(c) { return !!~c.indexOf('*') || alert.classList.contains(c); }); });
  262. 				anyVisibleAlert = show || anyVisibleAlert;
  263. 				alert.style.display = show ? 'block' : 'none';
  264. 			});
  265. 		}
  266.  
  267. 		// Show/hide message about no alerts.
  268. 		var none = newsContainer.querySelector('.no-alerts');
  269. 		if (anyVisibleAlert && none) {
  270. 			none.parentNode.removeChild(none);
  271. 		} else if (!anyVisibleAlert && !none) {
  272. 			none = document.createElement('div');
  273. 			none.classList.add('no-alerts', 'protip');
  274. 			none.appendChild(document.createTextNode('No feed items for this filter. Please select another filter.'));
  275. 			newsContainer.insertBefore(none, newsContainer.querySelector('.tabnav').nextElementSibling);
  276. 		}
  277. 	}
  278.  
  279. 	// Traverse back up the tree to open sub lists.
  280. 	function showParentMenu(menuItem) {
  281. 		var parentMenuItem = menuItem.parentNode;
  282. 		if (parentMenuItem.classList.contains('filter-list-item')) {
  283. 			parentMenuItem.classList.add('open');
  284. 			showParentMenu(parentMenuItem.parentNode);
  285. 		}
  286. 	}
  287.  
  288. 	// Fix filter action identification.
  289. 	function fixActionAlerts(newsContainer) {
  290. 		Array.prototype.map.call(newsContainer.querySelectorAll('.body'), function(alert) {
  291. 			return alert.parentNode;
  292. 		}).forEach(function(alert) {
  293. 			if (!!~alert.textContent.indexOf('created branch')) {
  294. 				alert.classList.remove('create');
  295. 				alert.classList.add('branch_create');
  296. 			} else if (!!~alert.textContent.indexOf('deleted branch')) {
  297. 				alert.classList.remove('delete');
  298. 				alert.classList.add('branch_delete');
  299. 			} else if (alert.getElementsByClassName('octicon-tag').length > 0 && !alert.classList.contains('release')) {
  300. 				alert.classList.remove('create');
  301. 				alert.classList.add('tag_add');
  302. 			} else if (alert.getElementsByClassName('octicon-tag-remove').length > 0) {
  303. 				alert.classList.remove('delete');
  304. 				alert.classList.add('tag_remove');
  305. 			} else if (alert.classList.contains('gollum')) {
  306. 				alert.classList.remove('gollum');
  307. 				if (!!~alert.textContent.indexOf(' created the ')) {
  308. 					alert.classList.add('wiki_created');
  309. 				} else if (!!~alert.textContent.indexOf(' edited a wiki page in ')) {
  310. 					alert.classList.add('wiki_edited');
  311. 				}
  312. 			}
  313. 		});
  314. 	}
  315. 	// Fix filter repo identification.
  316. 	function fixRepoAlerts(newsContainer) {
  317. 		REPOS = [{ id: '*-repo', text: 'All repositories', icon: 'octicon-repo', classNames: ['*-repo'] }];
  318.  
  319. 		// Get unique list of repos.
  320. 		var userRepos = new Set();
  321. 		Array.prototype.map.call(newsContainer.querySelectorAll('.body'), function(alert) {
  322. 			return alert.parentNode;
  323. 		}).forEach(function(alert) {
  324. 			var userRepo = alert.querySelector('[data-ga-click*="target:repo"]').textContent;
  325. 			userRepos.add(userRepo);
  326. 			var repo = userRepo.split('/')[1];
  327. 			alert.classList.add(repo, userRepo);
  328. 		});
  329.  
  330. 		// Get list of user repos (forks) per repo names.
  331. 		var repos = {};
  332. 		userRepos.forEach(function(userRepo) {
  333. 			var repo = userRepo.split('/')[1];
  334. 			if (!repos[repo]) {
  335. 				repos[repo] = [];
  336. 			}
  337. 			repos[repo].push(userRepo);
  338. 		});
  339.  
  340. 		// Populate global property.
  341. 		Object.keys(repos).forEach(function(repo) {
  342. 			if (repos[repo].length === 1) {
  343. 				var userRepo = repos[repo][0];
  344. 				REPOS.push({ id: userRepo, text: userRepo, link: userRepo, icon: 'octicon-repo', classNames: [userRepo] });
  345. 			} else {
  346. 				var repoForks = { id: repo, text: repo, icon: 'octicon-repo-clone', classNames: [repo], subFilters: [] };
  347. 				repos[repo].forEach(function(userRepo) {
  348. 					repoForks.classNames.push(userRepo);
  349. 					repoForks.subFilters.push({ id: userRepo, text: userRepo, link: userRepo, icon: 'octicon-repo', classNames: [userRepo] });
  350. 				});
  351. 				REPOS.push(repoForks);
  352. 			}
  353. 		});
  354. 	}
  355. 	// Fix filter user identification.
  356. 	function fixUserAlerts(newsContainer) {
  357. 		USERS = [{ id: '*-user', text: 'All users', icon: 'octicon-organization', classNames: ['*-user'] }];
  358.  
  359. 		var users = new Set();
  360. 		Array.prototype.map.call(newsContainer.querySelectorAll('.body'), function(alert) {
  361. 			return alert.parentNode;
  362. 		}).forEach(function(alert) {
  363. 			var username = alert.querySelector('[data-ga-click*="target:actor"]').textContent;
  364. 			alert.classList.add(username);
  365. 			users.add(username);
  366. 		});
  367.  
  368. 		[...users].sort(function(a, b) {
  369. 			return a.toLowerCase().localeCompare(b.toLowerCase());
  370. 		}).forEach(function(username) {
  371. 			var user = { id: username, text: username, icon: 'octicon-person', classNames: [username] };
  372. 			USERS.push(user);
  373. 		});
  374. 	}
  375.  
  376. 	// Update filter counts.
  377. 	function updateFilterCounts(filterContainer, newsContainer) {
  378. 		Array.forEach(filterContainer.querySelectorAll('li.filter-list-item'), function(li) {
  379. 			// Count alerts based on other filters.
  380. 			var countFiltered = 0;
  381. 			var classNames = [li.filterClassNames];
  382. 			var selected = document.querySelectorAll(filterElement + ' li.filter-list-item.private');
  383. 			if (selected.length > 0) {
  384. 				Array.prototype.forEach.call(selected, function(item) {
  385. 					if (item.parentNode.parentNode !== filterContainer) { // Exclude list item from current filter container.
  386. 						classNames.push(item.filterClassNames);
  387. 					}
  388. 				});
  389. 			}
  390. 			Array.prototype.map.call(newsContainer.querySelectorAll('.body'), function(alert) {
  391. 				return alert.parentNode;
  392. 			}).forEach(function(alert) {
  393. 				var show = classNames.every(function(cl) { return cl.some(function(c) { return !!~c.indexOf('*') || alert.classList.contains(c); }); });
  394. 				if (show) {
  395. 					countFiltered++;
  396. 				}
  397. 			});
  398.  
  399. 			// Count alerts based on current filter.
  400. 			var countAll = 0;
  401. 			if (!!~li.filterClassNames[0].indexOf('*')) {
  402. 				countAll = newsContainer.querySelectorAll('.body').length;
  403. 			} else {
  404. 				Array.prototype.map.call(newsContainer.querySelectorAll('.body'), function(alert) {
  405. 					return alert.parentNode;
  406. 				}).forEach(function(alert) {
  407. 					if (li.filterClassNames.some(function(cl) { return alert.classList.contains(cl); })) {
  408. 						countAll++;
  409. 					}
  410. 				});
  411. 			}
  412.  
  413. 			li.querySelector('.count').textContent = countAll + ' (' + countFiltered + ')';
  414. 		});
  415. 	}
  416.  
  417. 	var CURRENT = {};
  418.  
  419. 	// Set current filter.
  420. 	function setCurrentFilter(type, filter) {
  421. 		CURRENT[type] = filter;
  422. 	}
  423.  
  424. 	// Get current filter.
  425. 	function getCurrentFilter(type, filterContainer) {
  426. 		var filter = CURRENT[type] || '*-' + type;
  427. 		filterContainer.querySelector('[' + datasetIdLong + '="' + filter + '"]').dispatchEvent(new Event('click'));
  428. 	}
  429.  
  430. 	// Add filter tab.
  431. 	function addFilterTab(type, text, inner, filterer, onCreate, onSelect) {
  432. 		var filterTab = document.createElement('li');
  433. 		filterer.appendChild(filterTab);
  434. 		var filterTabInner = document.createElement('a');
  435. 		filterTabInner.setAttribute('href', '#');
  436. 		filterTabInner.classList.add('repo-filter', 'js-repo-filter-tab');
  437. 		filterTabInner.appendChild(document.createTextNode(text));
  438. 		filterTab.appendChild(filterTabInner);
  439.  
  440. 		var filterContainer = document.createElement(filterListElement);
  441. 		inner.appendChild(filterContainer);
  442.  
  443. 		filterTabInner.addEventListener('click', proxy(filterTabInnerClick, type, inner, filterContainer, onSelect));
  444.  
  445. 		onCreate && onCreate(type, filterContainer);
  446. 	}
  447.  
  448. 	// Filter tab click event.
  449. 	function filterTabInnerClick(e, type, inner, filterContainer, onSelect) {
  450. 		e.preventDefault();
  451.  
  452. 		var selected = inner.querySelector('.filter-selected');
  453. 		selected && selected.classList.remove('filter-selected');
  454. 		this.classList.add('filter-selected');
  455.  
  456. 		Array.forEach(inner.querySelectorAll(filterListElement), function(menu) {
  457. 			menu && menu.classList.remove('open');
  458. 		});
  459. 		filterContainer.classList.add('open');
  460.  
  461. 		onSelect && onSelect(type, filterContainer);
  462. 	}
  463.  
  464. 	// Init.
  465. 	(function init() {
  466. 		var newsContainer = document.querySelector('.news');
  467. 		if (!newsContainer) { return; }
  468.  
  469. 		// GitHub homepage or profile activity tab.
  470. 		var sidebar = document.querySelector('.dashboard-sidebar') || document.querySelector('.profilecols > .column:first-child');
  471.  
  472. 		var wrapper = document.createElement(filterElement);
  473. 		wrapper.classList.add('boxed-group', 'flush', 'user-repos');
  474. 		sidebar.insertBefore(wrapper, sidebar.firstChild);
  475.  
  476. 		var headerAction = document.createElement('div');
  477. 		headerAction.classList.add('boxed-group-action');
  478. 		wrapper.appendChild(headerAction);
  479.  
  480. 		var headerLink = document.createElement('a');
  481. 		headerLink.setAttribute('href', 'https://github.com/jerone/UserScripts');
  482. 		headerLink.classList.add('btn', 'btn-sm');
  483. 		headerAction.appendChild(headerLink);
  484.  
  485. 		var headerLinkSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  486. 		headerLinkSvg.classList.add('octicon', 'octicon-home');
  487. 		headerLinkSvg.setAttribute('height', '16');
  488. 		headerLinkSvg.setAttribute('width', '16');
  489. 		headerLinkSvg.setAttribute('title', 'Open Github News Feed Filter homepage');
  490. 		headerLink.appendChild(headerLinkSvg);
  491. 		var headerLinkPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  492. 		headerLinkPath.setAttribute('d', ICONS['octicon-home']);
  493. 		headerLinkSvg.appendChild(headerLinkPath);
  494.  
  495. 		var headerText = document.createElement('h3');
  496. 		headerText.appendChild(document.createTextNode('News feed filter'));
  497. 		wrapper.appendChild(headerText);
  498.  
  499. 		var inner = document.createElement('div');
  500. 		inner.classList.add('boxed-group-inner');
  501. 		wrapper.appendChild(inner);
  502.  
  503. 		var bar = document.createElement('div');
  504. 		bar.classList.add('filter-repos', 'filter-bar');
  505. 		inner.appendChild(bar);
  506.  
  507. 		var filterer = document.createElement('ul');
  508. 		filterer.classList.add('repo-filterer');
  509. 		bar.appendChild(filterer);
  510.  
  511. 		// Create filter tabs.
  512. 		addFilterTab('action', 'Actions', inner, filterer, function onCreateActions(type, filterContainer) {
  513. 			// Create filter menu.
  514. 			addFilterMenu(type, ACTIONS, filterContainer, newsContainer, filterContainer, true);
  515. 		}, function onSelectActions(type, filterContainer) {
  516. 			// Fix alert identification.
  517. 			fixActionAlerts(newsContainer);
  518. 			// Update filter counts.
  519. 			updateFilterCounts(filterContainer, newsContainer);
  520. 			// Restore current filter.
  521. 			getCurrentFilter(type, filterContainer);
  522. 		});
  523. 		addFilterTab('repo', 'Repositories', inner, filterer, function onCreateRepos(type, filterContainer) {
  524. 			// Fix filter identification and create repos list.
  525. 			fixRepoAlerts(newsContainer);
  526. 			// Create filter menu.
  527. 			addFilterMenu(type, REPOS, filterContainer, newsContainer, filterContainer, true);
  528. 		}, function onSelectRepos(type, filterContainer) {
  529. 			// Fix alert identification and create repos list.
  530. 			fixRepoAlerts(newsContainer);
  531. 			// Empty list, so it can be filled again.
  532. 			while (filterContainer.hasChildNodes()) {
  533. 				filterContainer.removeChild(filterContainer.lastChild);
  534. 			}
  535. 			// Create filter menu.
  536. 			addFilterMenu(type, REPOS, filterContainer, newsContainer, filterContainer, true);
  537. 			// Update filter counts.
  538. 			updateFilterCounts(filterContainer, newsContainer);
  539. 			// Restore current filter.
  540. 			getCurrentFilter(type, filterContainer);
  541. 		});
  542. 		addFilterTab('user', 'Users', inner, filterer, function onCreateUsers(type, filterContainer) {
  543. 			// Fix filter identification and create users list.
  544. 			fixUserAlerts(newsContainer);
  545. 			// Create filter menu.
  546. 			addFilterMenu(type, USERS, filterContainer, newsContainer, filterContainer, true);
  547. 		}, function onSelectUsers(type, filterContainer) {
  548. 			// Fix filter identification and create users list.
  549. 			fixUserAlerts(newsContainer);
  550. 			// Empty list, so it can be filled again.
  551. 			while (filterContainer.hasChildNodes()) {
  552. 				filterContainer.removeChild(filterContainer.lastChild);
  553. 			}
  554. 			// Create filter menu.
  555. 			addFilterMenu(type, USERS, filterContainer, newsContainer, filterContainer, true);
  556. 			// Update filter counts.
  557. 			updateFilterCounts(filterContainer, newsContainer);
  558. 			// Restore current filter.
  559. 			getCurrentFilter(type, filterContainer);
  560. 		});
  561.  
  562. 		// Open first filter tab.
  563. 		filterer.querySelector('a').dispatchEvent(new Event('click'));
  564.  
  565. 		// Update on clicking "More"-button.
  566. 		new MutationObserver(function() {
  567. 			// Re-click the current selected filter on open filter tab.
  568. 			filterer.querySelector('a.filter-selected').dispatchEvent(new Event('click'));
  569. 		}).observe(newsContainer, { childList: true });
  570. 	})();
  571.  
  572. })();