github-repo-info

Add ⌛creation date/🍴forks/📁 repo size to repo search result page,code search page and repo detail page.

// ==UserScript==
// @name         github-repo-info
// @name:zh-CN   github显示仓库信息
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Add ⌛creation date/🍴forks/📁 repo size to repo search result page,code search page and repo detail page.
// @description:zh-cn 向仓库搜索页，代码搜索页，仓库主页添加 ⌛创建时间/🍴fork数/📁文件大小显示
// @author       CXXN008
// @match        *://github.com/*/*
// @match        *://github.com/search*
// @source       https://github.com/CXXN008/github-repo-info
// @icon         https://www.google.com/s2/favicons?sz=64&domain=github.com
// @grant        window.onurlchange
// @license      MIT
// ==/UserScript==

'use strict';
// github free rates are limited to 5000 requests / hour ,if u get some errors in console , try https://github.com/settings/tokens -> Generate new token & paste here
const API_TOKEN = atob('Z2l0aHViX3BhdF8xMUFaRldORVEwZE5CRE1zalRRTG4zX3dua2NDeFNFR1lmeHJueWpiSjdLUE1WeG1PYlRVNFhYNHYzV1liZlFNWFU2N0hPN1I1UE5yUkt1SHY0')
const PARAMS = {
    "headers": {
        "authorization": `token ${API_TOKEN}`,
    }
}
const FORKS_PAGESIZE = 50
const STYLE = ``
const CLICKABLESPANSTYLE = 'background-color:#000;color:#0f0;cursor:help'

const PAGE_SELECTOR = { 'search': 'li.repo-list-item> div > div> div > a.v-align-middle', 'repo': 'strong.mr-2 > a:nth-child(1)', 'code': '.Link--secondary' }

let hasLoaded = false

const appendForksList = async (href) => {

    let forksList = document.querySelector('#forks-list') 
    if (forksList ===null) {
        forksList = document.createElement('span')
        forksList.id = 'forks-list'
        forksList.style.cssText = `background-color:#0000003f;position:absolute;left:0;top:60px;color:#0f0;z-index:9999`
    }

    forksList.innerHTML = `🍴${href.slice(1)}'s forks(sorted by star counts ↓)<br>Loading ... ...`
    const forksJ = (await (await fetch(`https://api.github.com/repos${href}/forks?per_page=${FORKS_PAGESIZE}&sort=stargazers`, PARAMS)).json())
    let forksHTML = ''
    forksJ.forEach(forkJ => forksHTML += `<a href=${forkJ.html_url}>💻${forkJ.full_name}/⌛${forkJ.created_at.split('T')[0]}/⭐${forkJ.stargazers_count}/🍴${forkJ.forks_count}</a><br>`)

    forksList.innerHTML = forksList.innerHTML.replace('Loading ... ...',forksHTML)
    document.body.insertAdjacentElement('afterbegin',forksList)
}

const getPageType = (urlParams) => {
    const q = urlParams.get("q")?.toLocaleLowerCase();
    const type = urlParams.get("type")?.toLocaleLowerCase();
    if (q) {
        if (type === 'code') {
            return 'code'
        } else {
            return 'search'
        }
    } else {
        return 'repo'
    }
}

const fireUp = () => {

    //replace date
    //const engDate = document.querySelector('relative-time')
    //engDate.textContent = engDate.getAttribute('datetime')


    // console.log(c)


    const pageType = getPageType(new URLSearchParams(location.search))
    // console.log(pageType)
    document.querySelectorAll(PAGE_SELECTOR[pageType]).forEach(async e => {
        const p = e.parentElement
        let span = p.querySelector(`#my-span-tag`)
        if (span === null) {
            span = document.createElement('span')
            span.id = 'my-span-tag'
            span.style = STYLE
            span.innerText = '... ...'
            p.insertAdjacentElement('beforeend', span)


            const href = e.getAttribute('href')
            const j = (await (await fetch(`https://api.github.com/repos${href}`, PARAMS)).json())

            const date = j.created_at.split('T')[0]
            const size = (j.size / 1024).toFixed(2)
            const forks = j.forks_count
            const stars = j.stargazers_count


        // /<span style=${CLICKABLESPANSTYLE}>🍴${forks}</span>/<span style=${CLICKABLESPANSTYLE}>📁${size}MB</span>

            const textHTML = `/⌛${date}/⭐${stars}`

            span.innerText = ''
            span.insertAdjacentText('beforeend', textHTML)


            let forksBtn = document.createElement('span')
            forksBtn.style = CLICKABLESPANSTYLE
            forksBtn.innerText =`/🍴${forks}`
            forksBtn.addEventListener('click',()=>appendForksList(href))
            span.insertAdjacentElement('beforeend',forksBtn)

            let sizeBtn = document.createElement('span')
            // sizeBtn.style = CLICKABLESPANSTYLE
            sizeBtn.innerText =`/📁${size}MB`
            // sizeBtn.addEventListener('click',()=>appendForksList(href))
            span.insertAdjacentElement('beforeend',sizeBtn)


        }
    })
}



window.onurlchange = (c) => {
    if (!hasLoaded) {
        hasLoaded = !hasLoaded
        return
    }
    fireUp()
}

fireUp()