github list pr script cleanup and ui changes.

- Isolated in a function
 - changed namespace
 - updated description
 - added PR number
 - list is more concise
 - removed open button. Clicing on an item will open PR in new tab
This commit is contained in:
Sagi Dayan 2021-07-08 17:33:23 +03:00
parent 902bc14b96
commit 87261d33a0
Signed by: sagi
GPG key ID: FAB96BFC63B46458

View file

@ -1,18 +1,18 @@
// ==UserScript==
// @name GitHub - list own PRs in a repository
// @description A brief description of your script
// @namespace http://arantius.com/misc/greasemonkey/
// @description List Your own (open) PRs in a repo with CI state for easy navigation
// @namespace https://git.sagidayan.com/sagi/greasemonkey-scripts
// @author Sagi Dayan
// @match https://github.com/*
// @version 1.0
// ==/UserScript==
(function () {
// Update These
const GITHUB_AUTH = ''; // https://github.com/settings/tokens
const GITHUB_AUTH = '';
const GITHUB_USERNAME = '';
//
let currentRepo = '';
// fetch my prs
@ -33,16 +33,23 @@ async function getPRs() {
const main = document.getElementsByTagName('main')[0];
if (!main) return;
prs.forEach(pr => {
// Check if element Exists - if it does, remove and add updated one.
const prItem = document.getElementById(generatePrItemId(pr.number));
if (prItem) {
console.log('Item Found', prItem.id);
main.removeChild(prItem);
}
main.lastElementChild.insertBefore(createPrHTML(pr), main.lastElementChild.firstElementChild);
});
}
setInterval(() => {
const urlSplit = document.URL.split('/');
if (urlSplit.length !== 5) { // Not A base repo URL
if (urlSplit.length !== 5) {
currentRepo = '';
return;
return; // Not A base repo URL
}
const location = urlSplit.slice(-2).join('/')
if (location !== currentRepo) {
currentRepo = location;
@ -54,21 +61,28 @@ function createPrHTML(pr) {
const div = document.createElement('div');
const prState = pr.commits.nodes[0].commit.statusCheckRollup?.state || '';
const prStateColor = prState === 'FAILURE' ? 'red' : (prState === 'SUCCESS' ? 'green' : 'yellow');
div.className = "d-sm-flex Box mb-2 Box-body color-bg-secondary";
div.id = generatePrItemId(pr.number);
div.onclick = () => {
window.open(pr.url, '_blank');
}
div.className = "btn d-sm-flex Box mb-2 Box-body color-bg-secondary";
div.innerHTML = `
<div class="d-flex flex-auto">
<div class="flex-shrink-0 mb-2 mr-2" >
<div class="flex-shrink-0 mr-2" >
<span title="Status" data-view-component="true" class="State" style="color:${prStateColor}">
<svg height="16" class="octicon octicon-git-pull-request" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg> ${prState}
<svg height="16" class="octicon octicon-git-pull-request" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path style="color:${prStateColor}" fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg> #${pr.number} - ${prState}
</span>
</div>
<p style="padding-top:5px">
<p style="padding-top:5px" class="mb-0">
${pr.title}
</p>
<div class="flex-auto"></div>
<a class="btn ml-2 d-none d-md-block" href="${pr.url}">Open</a>
</div>
`;
return div;
}
function generatePrItemId(prNumber) {
return `PR-${prNumber}`;
}
})();