README.md

Git hosting repo language stats helper

To use install Tampermonkey extension for Chrome-based or Firefox-based browsers.

Codeberg

Gitlab

codeberg.js

// ==UserScript==
// @name         Codeberg auto toggle language stats
// @namespace    http://tampermonkey.net/
// @version      2025-12-25
// @description  try to take over the world!
// @author       You
// @match        https://codeberg.org/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=codeberg.org
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function fix() {
        document.getElementById("language-stats-legend")?.classList?.remove("tw-hidden")
    }

    window.onload = function(e) {
        fix();
    }
})();

gitlab.js

// ==UserScript==
// @name         Repo language helper
// @namespace    http://tampermonkey.net/
// @version      2025-12-25
// @description  try to take over the world!
// @author       You
// @match        https://gitlab.gnome.org/*
// @match        https://gitlab.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=gnome.org
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    let progress = $(".progress.repository-languages-bar.js-show-on-project-root");
    let children = progress.children();
    let parent = progress.parent();

    if (!parent[0]) return;

    let container = $(document.createElement("div"));
    container.css("margin", "4px 0");
    parent.append(container);

    children.each((i, child) => {
        let ch = $(child);
        let tooltip = $(ch.attr("title"));
        let lang = tooltip[0].innerText;
        let perc = tooltip[2].innerText;
        let color = ch.css("background-color");

        let childContainer = $(document.createElement("div"));
        childContainer.css("display", "flex");
        childContainer.css("gap", "8px");
        childContainer.css("align-items", "center");
        container.append(childContainer)

        let dot = $(document.createElement("div"));
        dot.css("height", "6px");
        dot.css("width", "6px");
        dot.css("border-radius", "50%");
        dot.css("background-color", color);
        childContainer.append(dot);

        let span = $(document.createElement("span"));
        span.text(`${lang} - ${perc}`);
        childContainer.append(span);
    })
})();