Spicy JavaScript on Github

spicy-js-on-gh.js

// ==UserScript==
// @name        Spicy JavaScript on GitHub
// @namespace   https://github.com
// @description Replace TypeScript with Spicy JavaScript on GitHub pages
// @version     1.0
// @grant       none
// @include     https://github.com/*
// ==/UserScript==

(function() {
    'use strict';

    const replaceText = (element, findText, replaceText) => {
        for (let node of element.childNodes) {
            if (node.nodeType === Node.TEXT_NODE) {
                if (node.textContent.includes(findText)) {
                    node.textContent = node.textContent.replace(findText, replaceText);
                }
            } else if (node.nodeType === Node.ELEMENT_NODE) {
                replaceText(node, findText, replaceText);
            }
        }
    };

    const main = () => {
        // For the main programming language label
        for (let elem of document.querySelectorAll('span[itemprop="programmingLanguage"]')) {
            replaceText(elem, 'TypeScript', 'Spicy JavaScript');
        }

        // For the language statistics
        for (let elem of document.querySelectorAll('span[aria-label*="TypeScript"]')) {
            elem.setAttribute('aria-label', elem.getAttribute('aria-label').replace('TypeScript', 'Spicy JavaScript'));
        }

        // For the language list below statistics
        for (let elem of document.querySelectorAll('span.color-fg-default.text-bold')) {
            replaceText(elem, 'TypeScript', 'Spicy JavaScript');
        }
    };

    // Run initially
    main();

    // Listen for changes in the DOM
    new MutationObserver(main).observe(document.body, { childList: true, subtree: true });
})();