// ==UserScript== // @name Github News Feed Filter // @namespace https://github.com/jerone/UserScripts // @description Add filters for GitHub homepage news feed items // @author jerone // @contributor darkred // @copyright 2014+, jerone (https://github.com/jerone) // @license CC-BY-NC-SA-4.0; https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode // @license GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt // @homepage https://github.com/jerone/UserScripts/tree/master/Github_News_Feed_Filter // @homepageURL https://github.com/jerone/UserScripts/tree/master/Github_News_Feed_Filter // @downloadURL https://github.com/jerone/UserScripts/raw/master/Github_News_Feed_Filter/Github_News_Feed_Filter.user.js // @updateURL https://github.com/jerone/UserScripts/raw/master/Github_News_Feed_Filter/Github_News_Feed_Filter.user.js // @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VCYMHWQ7ZMBKW // @icon https://github.githubassets.com/pinned-octocat.svg // @include https://github.com/ // @include https://github.com/?* // @include https://github.com/orgs/*/dashboard // @include https://github.com/orgs/*/dashboard?* // @version 8.2.8 // @grant none // ==/UserScript== // cSpell:ignore transform, osvg, opath, gollum, hovercards, profilecols /* eslint security/detect-object-injection: "off" */ (function () { var ICONS = {}; 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"; 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"; 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"; ICONS["octicon-git-branch-create"] = ICONS["octicon-git-branch"]; ICONS["octicon-git-branch-delete"] = ICONS["octicon-git-branch"]; 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"; 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"; ICONS["octicon-issue-opened"] = "M7 2.3c3.14 0 5.7 2.56 5.7 5.7S10.14 13.7 7 13.7 1.3 11.14 1.3 8s2.56-5.7 5.7-5.7m0-1.3C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7S10.86 1 7 1z m1 3H6v5h2V4z m0 6H6v2h2V10z"; 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"; 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"; ICONS["octicon-plus"] = "M12 9H7v5H5V9H0V7h5V2h2v5h5z"; 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"; 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"; 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"; ICONS["octicon-repo-create"] = ICONS["octicon-plus"]; 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"; 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"; ICONS["octicon-repo-delete"] = ICONS["octicon-repo"]; 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"; 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"; 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"; ICONS["octicon-tag-add"] = ICONS["octicon-tag"]; ICONS["octicon-tag-remove"] = ICONS["octicon-tag"]; ICONS["octicon-triangle-left"] = "M6 2L0 8l6 6z"; var ACTIONS = [ { id: "*-action", text: "All news feed", icon: "octicon-radio-tower", classNames: ["*-action"], }, { id: "issues", text: "Issues", icon: "octicon-issue-opened", classNames: ["issues_labeled"], subFilters: [ { id: "issues labeled", text: "Labeled", icon: "octicon-tag", classNames: ["issues_labeled"], }, ], }, { id: "commits", text: "Commits", icon: "octicon-git-commit", classNames: ["push", "commit_comment"], subFilters: [ { id: "commits pushed", text: "Pushed", icon: "octicon-git-commit", classNames: ["push"], }, { id: "commits comments", text: "Comments", icon: "octicon-comment-discussion", classNames: ["commit_comment"], }, ], }, { id: "repo", text: "Repo", icon: "octicon-repo", classNames: [ "repo", "create", "public", "fork", "branch_create", "branch_delete", "tag_add", "tag_remove", "release", "delete", ], subFilters: [ { id: "repo created", text: "Created", icon: "octicon-repo-create", classNames: ["repo", "create"], }, { id: "repo public", text: "Public", icon: "octicon-repo-push", classNames: ["public"], }, { id: "repo forked", text: "Forked", icon: "octicon-repo-forked", classNames: ["fork"], }, { id: "repo deleted", text: "Deleted", icon: "octicon-repo-delete", classNames: ["delete"], }, { id: "repo released", text: "Release", icon: "octicon-repo-pull", classNames: ["release"], }, { id: "repo branched", text: "Branch", icon: "octicon-git-branch", classNames: ["branch_create", "branch_delete"], subFilters: [ { id: "repo branch created", text: "Created", icon: "octicon-git-branch-create", classNames: ["branch_create"], }, { id: "repo branch deleted", text: "Deleted", icon: "octicon-git-branch-delete", classNames: ["branch_delete"], }, ], }, { id: "repo tagged", text: "Tag", icon: "octicon-tag", classNames: ["tag_add", "tag_remove"], subFilters: [ { id: "repo tag added", text: "Added", icon: "octicon-tag-add", classNames: ["tag_add"], }, { id: "repo tag removed", text: "Removed", icon: "octicon-tag-remove", classNames: ["tag_remove"], }, ], }, ], }, { id: "user", text: "User", icon: "octicon-person", classNames: ["follow"], }, { id: "starred", text: "Starred", icon: "octicon-star", classNames: ["watch_started"], }, { id: "wiki", text: "Wiki", icon: "octicon-book", classNames: ["wiki_created", "wiki_edited"], subFilters: [ { id: "wiki created", text: "Created", icon: "octicon-plus", classNames: ["wiki_created"], }, { id: "wiki edited", text: "Edited", icon: "octicon-book", classNames: ["wiki_edited"], }, ], }, ]; var REPOS = []; var USERS = []; var datasetId = "githubNewsFeedFilter"; var datasetIdLong = "data-github-news-feed-filter"; var filterElement = "github-news-feed-filter"; var filterListElement = "github-news-feed-filter-list"; function proxy(fn) { return function () { var that = this; return function (e) { var args = that.slice(0); // Clone. args.unshift(e); // Prepend event. fn.apply(this, args); }; }.call([].slice.call(arguments, 1)); } function addStyle(css) { var node = document.createElement("style"); node.type = "text/css"; node.appendChild(document.createTextNode(css)); document.head.appendChild(node); } addStyle(` github-news-feed-filter { display: block; } github-news-feed-filter .filter-bar { padding: 0; } github-news-feed-filter .count { margin-right: 15px; } github-news-feed-filter .filter-list .mini-repo-list-item { padding-right: 64px; } github-news-feed-filter .filter-list .filter-list .mini-repo-list-item { padding-left: 40px; border-top: 1px dashed #E5E5E5; } github-news-feed-filter .filter-list .filter-list .filter-list .mini-repo-list-item { padding-left: 50px; } github-news-feed-filter .filter-list { display: none; } github-news-feed-filter .open > .filter-list { display: block; } github-news-feed-filter .filter-list.open { display: block; } github-news-feed-filter .private { font-weight: bold; } github-news-feed-filter .stars .octicon { position: absolute; right: -4px; } github-news-feed-filter .filter-list-item.open > a > .stars > .octicon { transform: rotate(-90deg); } .no-alerts { font-style: italic; } `); // Add filter menu list. function addFilterMenu( type, filters, parent, newsContainer, filterContainer, main, ) { var ul = document.createElement("ul"); ul.classList.add("filter-list"); if (main) { ul.classList.add("mini-repo-list"); } parent.appendChild(ul); filters.forEach(function (subFilter) { var li = addFilterMenuItem( type, subFilter, ul, newsContainer, filterContainer, ); if (subFilter.subFilters) { addFilterMenu( type, subFilter.subFilters, li, newsContainer, filterContainer, false, ); } }); } // Add filter menu item. function addFilterMenuItem( type, filter, parent, newsContainer, filterContainer, ) { // Filter item. var li = document.createElement("li"); li.classList.add("filter-list-item"); li.filterClassNames = filter.classNames; parent.appendChild(li); // Filter link. var a = document.createElement("a"); a.classList.add("mini-repo-list-item", "css-truncate"); a.setAttribute("href", filter.link || "/"); a.setAttribute("title", filter.classNames.join(" & ")); a.dataset[datasetId] = filter.id; a.addEventListener( "click", proxy(onFilterItemClick, type, newsContainer, filterContainer), ); li.appendChild(a); // Filter icon. var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.classList.add("repo-icon", "octicon", filter.icon); svg.setAttribute("height", "16"); svg.setAttribute("width", "16"); a.appendChild(svg); var path = document.createElementNS( "http://www.w3.org/2000/svg", "path", ); path.setAttribute("d", ICONS[filter.icon]); svg.appendChild(path); // Filter text. var text = filter.text.split("/"); var t = document.createElement("span"); t.classList.add("repo-and-owner", "css-truncate-target"); a.appendChild(t); var to = document.createElement("span"); to.classList.add("owner"); to.appendChild(document.createTextNode(text[0])); t.appendChild(to); if (text.length > 1) { text.shift(); t.appendChild(document.createTextNode("/")); var tr = document.createElement("span"); tr.classList.add("repo"); tr.appendChild(document.createTextNode(text.join("/"))); t.appendChild(tr); } // Filter count & sub list arrow. var s = document.createElement("span"); s.classList.add("stars"); var c = document.createElement("span"); c.classList.add("count"); c.appendChild(document.createTextNode("0")); s.appendChild(c); if (filter.subFilters) { s.appendChild(document.createTextNode(" ")); var osvg = document.createElementNS( "http://www.w3.org/2000/svg", "svg", ); osvg.classList.add("octicon", "octicon-triangle-left"); osvg.setAttribute("height", "16"); osvg.setAttribute("width", "6"); s.appendChild(osvg); var opath = document.createElementNS( "http://www.w3.org/2000/svg", "path", ); opath.setAttribute("d", ICONS["octicon-triangle-left"]); osvg.appendChild(opath); } a.appendChild(s); return li; } // Filter item click event. function onFilterItemClick(e, type, newsContainer, filterContainer) { e.preventDefault(); // Store current filter. setCurrentFilter(type, this.dataset[datasetId]); // Open/close sub list. Array.forEach( filterContainer.querySelectorAll(":scope .open"), function (item) { item.classList.remove("open"); }, ); showParentMenu(this); this.parentNode.classList.add("open"); // Give it a colored background. Array.forEach( filterContainer.querySelectorAll(":scope .private"), function (m) { m.classList.remove("private"); }, ); this.parentNode.classList.add("private"); // Toggle alert visibility. toggleAlertsVisibility(newsContainer); } // Toggle alert visibility. function toggleAlertsVisibility(newsContainer) { // Get selected filters. var anyVisibleAlert = false; var classNames = []; var selected = document.querySelectorAll( ":scope " + filterElement + " .private", ); if (selected.length > 0) { Array.prototype.forEach.call(selected, function (item) { classNames.push(item.filterClassNames); }); } // Show/hide alerts. if ( classNames.length === 0 || classNames.every(function (cl) { return cl.every(function (c) { return ~c.indexOf("*"); }); }) ) { anyVisibleAlert = true; getAllAlerts(newsContainer).forEach(function (alert) { alert.style.display = "block"; }); } else { getAllAlerts(newsContainer).forEach(function (alert) { var show = classNames.every(function (cl) { return cl.some(function (c) { return ~c.indexOf("*") || alert.classList.contains(c); }); }); anyVisibleAlert = show || anyVisibleAlert; alert.style.display = show ? "block" : "none"; // DEBUG: uncomment following line and comment previous line to debug all alerts. //if(show) alert.style.display = 'none'; }); } // Show/hide message about no alerts. var none = newsContainer.querySelector(":scope .no-alerts"); if (anyVisibleAlert && none) { none.parentNode.removeChild(none); } else if (!anyVisibleAlert && !none) { none = document.createElement("div"); none.classList.add("no-alerts"); none.appendChild( document.createTextNode( "No feed items for this filter. Please select another filter.", ), ); var firstAlert = getAllAlerts(newsContainer)[0]; firstAlert.parentNode.insertBefore(none, firstAlert); } } // Traverse back up the tree to open sub lists. function showParentMenu(menuItem) { var parentMenuItem = menuItem.parentNode; if (parentMenuItem.classList.contains("filter-list-item")) { parentMenuItem.classList.add("open"); showParentMenu(parentMenuItem.parentNode); } } // Fix filter action identification. function fixActionAlerts(newsContainer) { getAllAlerts(newsContainer).forEach(function (alert) { if (~alert.textContent.indexOf("created branch")) { alert.classList.remove("create"); alert.classList.add("branch_create"); } else if (~alert.textContent.indexOf("deleted branch")) { alert.classList.remove("delete"); alert.classList.add("branch_delete"); } else if ( alert.getElementsByClassName("octicon-tag").length > 0 && !alert.classList.contains("release") ) { alert.classList.remove("create"); alert.classList.add("tag_add"); } else if ( alert.getElementsByClassName("octicon-tag-remove").length > 0 ) { alert.classList.remove("delete"); alert.classList.add("tag_remove"); } else if (~alert.textContent.indexOf("labeled an issue")) { alert.classList.add("issues_labeled"); } else if (alert.classList.contains("gollum")) { alert.classList.remove("gollum"); if (~alert.innerText.indexOf(" created a wiki page in ")) { alert.classList.add("wiki_created"); } else if ( ~alert.innerText.indexOf(" edited a wiki page in ") ) { alert.classList.add("wiki_edited"); } } }); } // Fix filter repo identification. function fixRepoAlerts(newsContainer) { REPOS = [ { id: "*-repo", text: "All repositories", icon: "octicon-repo", classNames: ["*-repo"], }, ]; // Get unique list of repos. var userRepos = new Set(); getAllAlerts(newsContainer).forEach(function (alert) { var alertRepo = alert.querySelector( ':scope [data-ga-click*="target:repo"]:not([data-ga-click*="target:repositories"])', ); if (alertRepo) { // Follow doesn't contain a repo link. var userRepo = alertRepo.textContent; userRepos.add(userRepo); var repo = userRepo.split("/")[1]; alert.classList.add(repo, userRepo); } }); // Get list of user repos (forks) per repo names. var repos = {}; userRepos.forEach(function (userRepo) { var repo = userRepo.split("/")[1]; if (!repos[repo]) { repos[repo] = []; } repos[repo].push(userRepo); }); // Populate global property. Object.keys(repos).forEach(function (repo) { if (repos[repo].length === 1) { var userRepo = repos[repo][0]; REPOS.push({ id: userRepo, text: userRepo, link: userRepo, icon: "octicon-repo", classNames: [userRepo], }); } else { var repoForks = { id: repo, text: repo, icon: "octicon-repo-clone", classNames: [repo], subFilters: [], }; repos[repo].forEach(function (userRepo) { repoForks.classNames.push(userRepo); repoForks.subFilters.push({ id: userRepo, text: userRepo, link: userRepo, icon: "octicon-repo", classNames: [userRepo], }); }); REPOS.push(repoForks); } }); } // Fix filter user identification. function fixUserAlerts(newsContainer) { USERS = [ { id: "*-user", text: "All users", icon: "octicon-organization", classNames: ["*-user"], }, ]; var users = new Set(); getAllAlerts(newsContainer).forEach(function (alert) { var usernameElms = alert.querySelectorAll( ':scope [data-ga-click*="target:actor"]', ); Array.prototype.find.call(usernameElms, function (usernameElm) { var username = usernameElm.textContent; if (username) { alert.classList.add(username); users.add(username); return true; } return false; }); }); [...users] .sort(function (a, b) { return a.toLowerCase().localeCompare(b.toLowerCase()); }) .forEach(function (username) { var user = { id: username, text: username, icon: "octicon-person", classNames: [username], }; USERS.push(user); }); } // Update filter counts. function updateFilterCounts(filterContainer, newsContainer) { Array.forEach( filterContainer.querySelectorAll(":scope li.filter-list-item"), function (li) { // Count alerts based on other filters. var countFiltered = 0; var classNames = [li.filterClassNames]; var selected = document.querySelectorAll( ":scope " + filterElement + " li.filter-list-item.private", ); if (selected.length > 0) { Array.prototype.forEach.call(selected, function (item) { if (item.parentNode.parentNode !== filterContainer) { // Exclude list item from current filter container. classNames.push(item.filterClassNames); } }); } getAllAlerts(newsContainer).forEach(function (alert) { var show = classNames.every(function (cl) { return cl.some(function (c) { return ( ~c.indexOf("*") || alert.classList.contains(c) ); }); }); if (show) { countFiltered++; } }); // Count alerts based on current filter. var countAll = 0; if (~li.filterClassNames[0].indexOf("*")) { countAll = getAllAlerts(newsContainer).length; } else { getAllAlerts(newsContainer).forEach(function (alert) { if ( li.filterClassNames.some(function (cl) { return alert.classList.contains(cl); }) ) { countAll++; } }); } li.querySelector(":scope .count").textContent = countAll + " (" + countFiltered + ")"; }, ); } // Get all alerts. function getAllAlerts(newsContainer) { return Array.prototype.map.call( newsContainer.querySelectorAll( ":scope div[data-repository-hovercards-enabled] > div > .body", ), function (alert) { return alert.parentNode; }, ); } var CURRENT = {}; // Set current filter. function setCurrentFilter(type, filter) { CURRENT[type] = filter; } // Get current filter. function getCurrentFilter(type, filterContainer) { var filter = CURRENT[type] || "*-" + type; filterContainer .querySelector(":scope [" + datasetIdLong + '="' + filter + '"]') .dispatchEvent(new Event("click")); } // Add filter tab. function addFilterTab(type, text, inner, filterer, onCreate, onSelect) { var filterTabInner = document.createElement("a"); filterTabInner.setAttribute("href", "#"); filterTabInner.classList.add("UnderlineNav-item"); filterTabInner.appendChild(document.createTextNode(text)); filterer.appendChild(filterTabInner); var filterContainer = document.createElement(filterListElement); inner.appendChild(filterContainer); filterTabInner.addEventListener( "click", proxy(filterTabInnerClick, type, inner, filterContainer, onSelect), ); onCreate && onCreate(type, filterContainer); } // Filter tab click event. function filterTabInnerClick(e, type, inner, filterContainer, onSelect) { e.preventDefault(); var selected = inner.querySelector(":scope .selected"); selected && selected.classList.remove("selected"); this.classList.add("selected"); Array.forEach( inner.querySelectorAll(filterListElement), function (menu) { menu && menu.classList.remove("open"); }, ); filterContainer.classList.add("open"); onSelect && onSelect(type, filterContainer); } // Init. (function init() { var newsContainer = document.querySelector(".news"); if (!newsContainer) { return; } // GitHub homepage or profile activity tab. var sidebar = document.querySelector(".dashboard-sidebar:not(.is-placeholder)") || document.querySelector(".profilecols > .column:first-child"); var wrapper = document.createElement(filterElement); wrapper.classList.add("boxed-group", "flush", "user-repos"); sidebar.insertBefore( wrapper, sidebar.querySelector(":scope > *:not(details)"), ); var headerAction = document.createElement("div"); headerAction.classList.add("boxed-group-action"); wrapper.appendChild(headerAction); var headerLink = document.createElement("a"); headerLink.setAttribute( "href", "https://github.com/jerone/UserScripts", ); headerLink.classList.add("btn", "btn-sm"); headerAction.appendChild(headerLink); var headerLinkSvg = document.createElementNS( "http://www.w3.org/2000/svg", "svg", ); headerLinkSvg.classList.add("octicon", "octicon-home"); headerLinkSvg.setAttribute("height", "16"); headerLinkSvg.setAttribute("width", "16"); headerLinkSvg.setAttribute( "title", "Open Github News Feed Filter homepage", ); headerLink.appendChild(headerLinkSvg); var headerLinkPath = document.createElementNS( "http://www.w3.org/2000/svg", "path", ); headerLinkPath.setAttribute("d", ICONS["octicon-home"]); headerLinkSvg.appendChild(headerLinkPath); var headerText = document.createElement("h3"); headerText.appendChild(document.createTextNode("News feed filter")); wrapper.appendChild(headerText); var inner = document.createElement("div"); inner.classList.add("boxed-group-inner"); wrapper.appendChild(inner); var bar = document.createElement("div"); bar.classList.add("filter-bar"); inner.appendChild(bar); var filterer = document.createElement("nav"); filterer.classList.add("UnderlineNav-body"); bar.appendChild(filterer); // Create filter tabs. addFilterTab( "action", "Actions", inner, filterer, function onCreateActions(type, filterContainer) { // Create filter menu. addFilterMenu( type, ACTIONS, filterContainer, newsContainer, filterContainer, true, ); }, function onSelectActions(type, filterContainer) { // Fix alert identification. fixActionAlerts(newsContainer); // Update filter counts. updateFilterCounts(filterContainer, newsContainer); // Restore current filter. getCurrentFilter(type, filterContainer); }, ); addFilterTab( "repo", "Repositories", inner, filterer, function onCreateRepos(type, filterContainer) { // Fix filter identification and create repos list. fixRepoAlerts(newsContainer); // Create filter menu. addFilterMenu( type, REPOS, filterContainer, newsContainer, filterContainer, true, ); }, function onSelectRepos(type, filterContainer) { // Fix alert identification and create repos list. fixRepoAlerts(newsContainer); // Empty list, so it can be filled again. while (filterContainer.hasChildNodes()) { filterContainer.removeChild(filterContainer.lastChild); } // Create filter menu. addFilterMenu( type, REPOS, filterContainer, newsContainer, filterContainer, true, ); // Update filter counts. updateFilterCounts(filterContainer, newsContainer); // Restore current filter. getCurrentFilter(type, filterContainer); }, ); addFilterTab( "user", "Users", inner, filterer, function onCreateUsers(type, filterContainer) { // Fix filter identification and create users list. fixUserAlerts(newsContainer); // Create filter menu. addFilterMenu( type, USERS, filterContainer, newsContainer, filterContainer, true, ); }, function onSelectUsers(type, filterContainer) { // Fix filter identification and create users list. fixUserAlerts(newsContainer); // Empty list, so it can be filled again. while (filterContainer.hasChildNodes()) { filterContainer.removeChild(filterContainer.lastChild); } // Create filter menu. addFilterMenu( type, USERS, filterContainer, newsContainer, filterContainer, true, ); // Update filter counts. updateFilterCounts(filterContainer, newsContainer); // Restore current filter. getCurrentFilter(type, filterContainer); }, ); // Open first filter tab. filterer.querySelector("a").dispatchEvent(new Event("click")); // Update on clicking "More"-button. new MutationObserver(function () { // Re-click the current selected filter on open filter tab. filterer .querySelector("a.selected") .dispatchEvent(new Event("click")); }).observe(newsContainer, { childList: true, subtree: true }); })(); })();