GitHub - Pull Request - Open external status links externally

Open external links in the "Checks" section in a new tab

اعتبارا من 29-10-2024. شاهد أحدث إصدار.

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         GitHub - Pull Request - Open external status links externally
// @namespace    http://hear.com
// @version      2024-08-29
// @description  Open external links in the "Checks" section in a new tab 
// @author       [email protected]
// @match        https://github.com/Audibene-GMBH/*/pull/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=github.com
// @tag          productivity
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const isNotGitHubLink = (link) => {
        const href = link.getAttribute('href')

        return href.startsWith('/') === false
    }

    const makeLinkExternal = (link) => {
        link.setAttribute('target', '_blank')
        link.innerHTML = `<span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2m6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03L9.28 7.78a.75.75 0 0 1-1.042-.018a.75.75 0 0 1-.018-1.042l3.75-3.75l-1.543-1.543A.25.25 0 0 1 10.604 1"/></svg>`
        link.style.display = 'grid'
        link.style.alignItems = 'center'
        link.style.gap = '0.25rem'
        link.style.gridAutoFlow = 'column'
    }

    const setLinkTargets = () => {
        const links = [...document.querySelectorAll('a.status-actions:not([target])')]
        const nonGitHubLinks = links.filter(isNotGitHubLink);

        nonGitHubLinks.forEach(makeLinkExternal)
    }

    // Because when a build is running, these links are constantly updated/refreshed
    setInterval(setLinkTargets, 500)
})();