sagi/greasemonkey-scripts
1
0
Fork 0
mirror of https://github.com/sagidayan/greasemonkey-scripts.git synced 2024-11-24 02:05:24 +00:00
Code Issues Projects Releases Wiki Activity

github list pr script cleanup and ui changes.

Browse source 
- 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
1 changed files with 68 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
github_list_own_prs_in_repo.js
View file

@ -1,18 +1,18 @@
// ==UserScript== // ==UserScript==
// @name GitHub - list own PRs in a repository // @name GitHub - list own PRs in a repository
// @description A brief description of your script // @description List Your own (open) PRs in a repo with CI state for easy navigation
// @namespace http://arantius.com/misc/greasemonkey/ // @namespace https://git.sagidayan.com/sagi/greasemonkey-scripts
// @author Sagi Dayan // @author Sagi Dayan
// @match https://github.com/* // @match https://github.com/*
// @version 1.0 // @version 1.0
// ==/UserScript== // ==/UserScript==
(function () {
// Update These // Update These
const GITHUB_AUTH = ''; // https://github.com/settings/tokens const GITHUB_AUTH = '';
const GITHUB_USERNAME = ''; const GITHUB_USERNAME = '';
// //
let currentRepo = ''; let currentRepo = '';
// fetch my prs // fetch my prs
@ -33,16 +33,23 @@ async function getPRs() {
const main = document.getElementsByTagName('main')[0]; const main = document.getElementsByTagName('main')[0];
if (!main) return; if (!main) return;
prs.forEach(pr => { 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); main.lastElementChild.insertBefore(createPrHTML(pr), main.lastElementChild.firstElementChild);
}); });
} }
setInterval(() => { setInterval(() => {
const urlSplit = document.URL.split('/'); const urlSplit = document.URL.split('/');
if (urlSplit.length !== 5) { // Not A base repo URL if (urlSplit.length !== 5) {
currentRepo = ''; currentRepo = '';
return; return; // Not A base repo URL
} }
const location = urlSplit.slice(-2).join('/') const location = urlSplit.slice(-2).join('/')
if (location !== currentRepo) { if (location !== currentRepo) {
currentRepo = location; currentRepo = location;
@ -54,21 +61,28 @@ function createPrHTML(pr) {
const div = document.createElement('div'); const div = document.createElement('div');
const prState = pr.commits.nodes[0].commit.statusCheckRollup?.state || ''; const prState = pr.commits.nodes[0].commit.statusCheckRollup?.state || '';
const prStateColor = prState === 'FAILURE' ? 'red' : (prState === 'SUCCESS' ? 'green' : 'yellow'); const prStateColor = prState === 'FAILURE' ? 'red' : (prState === 'SUCCESS' ? 'green' : 'yellow');
div.id = generatePrItemId(pr.number);
div.className = "d-sm-flex Box mb-2 Box-body color-bg-secondary"; div.onclick = () => {
window.open(pr.url, '_blank');
}
div.className = "btn d-sm-flex Box mb-2 Box-body color-bg-secondary";
div.innerHTML = ` div.innerHTML = `
<div class="d-flex flex-auto"> <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}"> <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> </span>
</div> </div>
<p style="padding-top:5px"> <p style="padding-top:5px" class="mb-0">
${pr.title} ${pr.title}
</p> </p>
<div class="flex-auto"></div>
<a class="btn ml-2 d-none d-md-block" href="${pr.url}">Open</a>
</div> </div>
`; `;
return div; return div;
} }
function generatePrItemId(prNumber) {
return `PR-${prNumber}`;
}
})();