☰

curseforge show all file versions

show all the versions listed for a file, rather than hiding them behind a +2 thing you need to hover over

// ==UserScript==
// @name         curseforge show all file versions
// @namespace    https://github.com/adrianmgg
// @version      1.1.0
// @description  show all the versions listed for a file, rather than hiding them behind a +2 thing you need to hover over
// @author       amgg
// @match        https://www.curseforge.com/minecraft/*/*/files
// @match        https://www.curseforge.com/minecraft/*/*/files/*
// @match        https://legacy.curseforge.com/minecraft/*/*/files
// @match        https://legacy.curseforge.com/minecraft/*/*/files/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=curseforge.com
// @grant        unsafeWindow
// @run-at       document-start
// @license      MIT
// @compatible   chrome
// @compatible   firefox
// ==/UserScript==


function main_legacy() {
    // the list of other versions is present in the initial html (in the title of an
    // element), but they remove that after they set up the +2 hover thing, so if we
    // want to get that info we need to get to those elements right away before they
    // have a chance to modify it.


    // replaces the .extra-versions placeholder with a list versions, changes styles
    // to make it display nicely
    function modifyExtraVersionsElem(elem) {
        // in case we happen to get the same one multiple times
        if(elem.parentElement === null) return;
        for(const version of elem.title.split('<br />')) {
            const div = document.createElement('div');
            div.classList.add('mr-2');
            div.textContent = version;
            elem.parentElement.appendChild(div);
        }
        elem.parentElement.classList.add('flex-col');
        elem.parentElement.parentElement.style.paddingTop = '2.5px';
        elem.parentElement.parentElement.style.paddingBottom = '2.5px';
        elem.parentElement.parentElement.style.verticalAlign = 'bottom';
        elem.parentElement.removeChild(elem);
    }

    const observer = new MutationObserver((mutations, observer) => {
        for(const mutation of mutations) {
            if(mutation.type === 'childList') {
                for(const node of mutation.addedNodes) {
                    if(node.nodeType === Node.ELEMENT_NODE) {
                        if(node.classList.contains('extra-versions')) {
                            modifyExtraVersionsElem(node);
                        }
                        node.querySelectorAll('.extra-versions').forEach(modifyExtraVersionsElem);
                    }
                }
            }
        }
    });

    observer.observe(document, { childList: true, subtree: true });

    // once the page is finished loading we don't need to be watching for new nodes,
    // so we disconnect the observer
    window.addEventListener('DOMContentLoaded', (e) => {
        observer.disconnect();
    });
}

function main_new() {
    // not fully working yet

    function handleModsList(modsList) {
        console.log('got mods list!', modsList);
        // debugger;
    }

    const XMLHttpRequest_prototype_open = unsafeWindow.XMLHttpRequest.prototype.open;
    unsafeWindow.XMLHttpRequest.prototype.open = function(method, url) {
        if(/^https:\/\/www\.curseforge\.com\/api\/v1\/mods\/\d+\/files(?:\?.*|$)/.test(url)) {
            this.addEventListener('load', (e) => {
                handleModsList(JSON.parse(e.target.responseText).data);
            });
        }
        return XMLHttpRequest_prototype_open.apply(this, arguments);
    }

    // TODO just mutation observing the table isn't enough, gonna need to do something a bit fancier. maybe reuse that thing observer chaining thing i wrote for that cohost userscript?
    document.addEventListener('DOMContentLoaded', () => {
        new MutationObserver((mutations, observer) => {
            for(const mutation of mutations) {
                for(const node of mutation.addedNodes) {
                    // TODO
                }
            }
        }).observe(document.querySelector('main > div.project-page > section > div.files-table-container > div.files-table'), {subtree: false, childList: true});
    });
}

(function() {
    if(window.location.hostname === 'legacy.curseforge.com') {
        main_legacy();
    } else {
        main_new();
    }
})();