Enhance all github link with badges
От
// ==UserScript==
// @name Github anchor enhance
// @version 8
// @grant GM.xmlHttpRequest
// @run-at document-idle
// @include *
// @namespace https://greasyfork.org/users/17676
// @description Enhance all github link with badges
// ==/UserScript==
(async function() {
document.addEventListener(
'mouseover',
async e => {
if (e.target && e.target.nodeName == 'A') {
/** @type {HTMLAnchorElement} */
const el = e.target;
try {
await Promise.all([
appendStarsBadge(el),
appendLastCommitBadge(el),
appendFollowersBadge(el),
]);
} catch (err) {
console.error(err);
}
}
},
{}
);
})();
const reservedUsername = [
'topics',
'search',
'ghost',
'pulls',
'issues',
'marketplace',
'explore',
'discover',
'notifications',
'new',
'organizations',
'settings',
'site',
'about',
'contact',
'pricing',
];
const allBadgeClasses = [
'added-stars-badge',
'added-last-commit-badge',
'added-followers-badge',
];
/**
*
* @param {HTMLAnchorElement} el
*/
async function appendStarsBadge(el) {
const match =
el.href && el.href.match(/https:\/\/github.com\/([^\/]+)\/([^\/\?]+)$/);
if (match) {
const [_, user, repository] = match;
if (reservedUsername.includes(user)) {
return;
}
await appendBadge(
el,
'added-stars-badge',
`https://img.shields.io/github/stars/${user}/${repository}.svg?style=social`
);
}
}
/**
*
* @param {HTMLAnchorElement} el
*/
async function appendLastCommitBadge(el) {
const match =
el.href && el.href.match(/https:\/\/github.com\/([^\/]+)\/([^\/\?]+)$/);
if (match) {
const [_, user, repository] = match;
if (reservedUsername.includes(user)) {
return;
}
await appendBadge(
el,
'added-last-commit-badge',
`https://img.shields.io/github/last-commit/${user}/${repository}.svg`
);
}
}
/**
*
* @param {HTMLAnchorElement} el
*/
async function appendFollowersBadge(el) {
const match = el.href && el.href.match(/https:\/\/github.com\/([^\/\?]+)$/);
if (match) {
const [_, user] = match;
if (reservedUsername.includes(user)) {
return;
}
await appendBadge(
el,
'added-followers-badge',
`https://img.shields.io/github/followers/${user}.svg?style=social`
);
}
}
/**
* @param {HTMLElement} el
* @param {string} className
* @param {string} url
*/
async function appendBadge(el, className, url) {
if (el.classList.contains(className)) {
return;
}
return new Promise((resolve, reject) => {
GM.xmlHttpRequest({
method: 'GET',
url: url,
onload: resp => {
if (resp.status === 200) {
if (!el.classList.contains(className)) {
const img = document.createElement('img');
const data = new Blob([resp.response], { type: 'image/svg+xml' });
img.src = URL.createObjectURL(data);
img.onload = () => {
URL.revokeObjectURL(img.src);
};
const containerClassNames = [
'natescarlet-gmail-com',
'badge-container',
];
const selector = containerClassNames.map(i => '.' + i).join('');
const container =
el.querySelector(selector) || document.createElement('span');
el.appendChild(container);
container.classList.add(...containerClassNames);
container.append(img);
img.style.order = allBadgeClasses.indexOf(className);
container.style.display = 'inline-flex';
el.classList.add(className);
}
resolve();
}
reject(`${resp.status}: ${url}`);
},
onerror: reject,
});
});
}