Breaking News: Grepper is joining You.com. Read the official announcement!

github show file sizes

KostasX answered on December 8, 2022 Popularity 6/10 Helpfulness 2/10

answer github show file sizes

github show file sizes

Comment

// Open the browser console and run the following code*:
(function () {
    const [/* Leading slash */, owner, repo, /* "tree" */, ref, ...path] = window.location.pathname.split('/');
    const query = ['https://api.github.com/repos', owner, repo, 'contents'].concat(path || []),
          url = query.join('/') + (ref ? '?ref=' + ref : '');
    fetch(url).then(r => r.json()).then(j => Array.isArray(j) ? j.forEach(handleFileInfo) : console.warn(j));
    function handleFileInfo(info) {
        const link = document.querySelector(`div[role="rowheader"] a[title="${info.name}"]`);
        const timeCol = link.closest('div[role="row"]').lastElementChild;
        const sizeCol = document.createElement('div');
        sizeCol.style.width = '5em';
        if(info.type === 'file') {
            sizeCol.textContent = (info.size/1024).toLocaleString('en-US', { minimumFractionDigits: 1, maximumFractionDigits: 1 }) + ' KB';
            sizeCol.style.textAlign = 'right';
            sizeCol.style.whiteSpace = 'nowrap';
        }
        timeCol.insertAdjacentElement('beforebegin', sizeCol);
    }
})(); // https://stackoverflow.com/a/38675567/4861760

// *or create a bookmarklet for the code snippet

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: file github javascript show

Link to this answer
Share Copy Link

Contributed on Dec 08 2022

KostasX

0 Answers Avg Quality 2/10

github show file sizes

Contents

More Related Answers

github show file sizes

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.