MediaWiki:Common.js: Difference between revisions

Revision as of 20:11, 16 May 2026

/* Any JavaScript here will be loaded for all users on every page load. */

(function () {
    function rawPage(title) {
        return mw.config.get('wgScript') +
            '?title=' + encodeURIComponent(title) +
            '&action=raw&ctype=text/javascript';
    }

    function loadScriptUrl(url) {
        return $.getScript(url);
    }

    function loadWikiScript(title) {
        return loadScriptUrl(rawPage(title));
    }

    function applyWikiTheme(theme) {
        var isLight = theme === 'light';
        var button = document.getElementById('eqoa-theme-toggle');

        document.documentElement.classList.toggle('eqoa-theme-light', isLight);
        document.documentElement.classList.toggle('eqoa-theme-dark', !isLight);

        if (document.body) {
            document.body.classList.toggle('eqoa-theme-light', isLight);
            document.body.classList.toggle('eqoa-theme-dark', !isLight);
        }

        try {
            localStorage.setItem('eqoa-wiki-theme', isLight ? 'light' : 'dark');
            localStorage.setItem('eqoa-builder-theme', isLight ? 'light' : 'dark');
            localStorage.setItem('eqoa-cm-theme', isLight ? 'light' : 'dark');
        } catch (e) {}

        if (button) {
            button.innerHTML = isLight ? '☾' : '☼';
            button.title = isLight ? 'Switch to Dark Theme' : 'Switch to White Theme';
            button.setAttribute(
                'aria-label',
                isLight ? 'Switch to Dark Theme' : 'Switch to White Theme'
            );
        }

        if (window.dispatchEvent) {
            window.dispatchEvent(new CustomEvent('eqoa-wiki-theme-change', {
                detail: {
                    theme: isLight ? 'light' : 'dark'
                }
            }));
        }
    }

    function getSavedWikiTheme() {
        try {
            return localStorage.getItem('eqoa-wiki-theme') === 'light'
                ? 'light'
                : 'dark';
        } catch (e) {
            return 'dark';
        }
    }

    function ensureThemeButton() {
        var button = document.getElementById('eqoa-theme-toggle');

        if (!button) {
            button = document.createElement('button');
            button.id = 'eqoa-theme-toggle';
            button.type = 'button';
            button.className = 'eqoa-theme-toggle';

            button.addEventListener('click', function () {
                var isLight = document.body.classList.contains('eqoa-theme-light');
                applyWikiTheme(isLight ? 'dark' : 'light');
            });

            document.body.appendChild(button);
        }

        applyWikiTheme(getSavedWikiTheme());
    }

    function initRaidChecks() {
        var containers = document.querySelectorAll('.raid-checkboxify');

        Array.prototype.forEach.call(containers, function (container) {
            var links = container.querySelectorAll('a');

            Array.prototype.forEach.call(links, function (a) {
                var cb;
                var label;
                var key;
                var stored;

                if (a.classList.contains('raid-processed')) return;

                cb = document.createElement('input');
                cb.type = 'checkbox';
                cb.className = 'raid-checkbox-input';
                cb.style.marginRight = '8px';
                cb.style.verticalAlign = 'middle';

                label = document.createElement('label');
                label.style.display = 'block';
                label.style.cursor = 'pointer';

                a.parentNode.insertBefore(label, a);
                label.appendChild(cb);
                label.appendChild(a);

                a.classList.add('raid-processed');

                key = 'raidcheck:' +
                    (document.title || location.pathname) +
                    ':' +
                    a.getAttribute('href');

                try {
                    stored = localStorage.getItem(key);
                    if (stored === '1') cb.checked = true;
                } catch (e) {}

                cb.addEventListener('change', function () {
                    try {
                        if (cb.checked) {
                            localStorage.setItem(key, '1');
                        } else {
                            localStorage.removeItem(key);
                        }
                    } catch (e) {}
                });
            });
        });
    }

    function initItemFilters() {
        var table = document.getElementById('items-found-here-table');
        var box;
        var filters;
        var clearButton;

        if (!table) return;
        if (document.getElementById('items-filter-box')) return;

        box = document.createElement('div');
        box.id = 'items-filter-box';
        box.className = 'items-filter-box';

        box.innerHTML =
            '<b>Item Filters</b><br>' +
            'Item: <input type="text" id="filter-item"> ' +
            'Dropped By: <input type="text" id="filter-mob"> ' +
            'Class: <input type="text" id="filter-class"> ' +
            'Lvl >= <input type="number" id="filter-lvl-min"> ' +
            'DMG >= <input type="number" id="filter-dmg-min"> ' +
            'AC >= <input type="number" id="filter-ac-min"> ' +
            'HP >= <input type="number" id="filter-hp-min"> ' +
            'POW >= <input type="number" id="filter-pow-min"> ' +
            '<button id="clear-item-filters" type="button">Clear</button>';

        table.parentNode.insertBefore(box, table);

        filters = {
            item: document.getElementById('filter-item'),
            mob: document.getElementById('filter-mob'),
            className: document.getElementById('filter-class'),
            lvlMin: document.getElementById('filter-lvl-min'),
            dmgMin: document.getElementById('filter-dmg-min'),
            acMin: document.getElementById('filter-ac-min'),
            hpMin: document.getElementById('filter-hp-min'),
            powMin: document.getElementById('filter-pow-min')
        };

        clearButton = document.getElementById('clear-item-filters');

        function getCellText(row, index) {
            return (row.cells[index] ? row.cells[index].textContent : '').toLowerCase();
        }

        function getCellNumber(row, index) {
            var text = row.cells[index] ? row.cells[index].textContent.trim() : '';
            var num = parseFloat(text.replace(/[^\d.-]/g, ''));
            return isNaN(num) ? 0 : num;
        }

        function getInputNumber(input) {
            var num;

            if (!input || input.value === '') return null;

            num = parseFloat(input.value);
            return isNaN(num) ? null : num;
        }

        function filterTable() {
            var itemText = filters.item.value.toLowerCase();
            var mobText = filters.mob.value.toLowerCase();
            var classText = filters.className.value.toLowerCase();

            var lvlMin = getInputNumber(filters.lvlMin);
            var dmgMin = getInputNumber(filters.dmgMin);
            var acMin = getInputNumber(filters.acMin);
            var hpMin = getInputNumber(filters.hpMin);
            var powMin = getInputNumber(filters.powMin);

            var i;
            var row;
            var show;

            for (i = 1; i < table.rows.length; i++) {
                row = table.rows[i];
                show = true;

                if (itemText && getCellText(row, 0).indexOf(itemText) === -1) show = false;
                if (mobText && getCellText(row, 1).indexOf(mobText) === -1) show = false;
                if (classText && getCellText(row, 2).indexOf(classText) === -1) show = false;

                if (lvlMin !== null && getCellNumber(row, 3) < lvlMin) show = false;
                if (dmgMin !== null && getCellNumber(row, 4) < dmgMin) show = false;
                if (acMin !== null && getCellNumber(row, 5) < acMin) show = false;
                if (hpMin !== null && getCellNumber(row, 13) < hpMin) show = false;
                if (powMin !== null && getCellNumber(row, 15) < powMin) show = false;

                row.style.display = show ? '' : 'none';
            }
        }

        Object.keys(filters).forEach(function (key) {
            filters[key].addEventListener('input', filterTable);
        });

        clearButton.addEventListener('click', function () {
            Object.keys(filters).forEach(function (key) {
                filters[key].value = '';
            });

            filterTable();
        });
    }

    function loadBuilderScripts() {
        loadWikiScript('MediaWiki:CharacterBuilderData.js')
            .done(function () {
                $.when(
                    loadScriptUrl('https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js'),
                    loadScriptUrl('https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.5.0/lz-string.min.js'),
                    loadScriptUrl('https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js')
                ).always(function () {
                    loadWikiScript('MediaWiki:CharacterBuilder.js')
                        .fail(function (error) {
                            console.error('Character Builder failed to load:', error);
                        });
                });
            })
            .fail(function (error) {
                console.error('Character Builder data failed to load:', error);
            });
    }

    function loadClassMasteryScripts() {
        loadWikiScript('MediaWiki:ClassMasteryData.js')
            .done(function () {
                loadWikiScript('MediaWiki:ClassMasteryRawData.js')
                    .always(function () {
                        loadWikiScript('MediaWiki:ClassMasteryCalculator.js')
                            .fail(function (error) {
                                console.error('Class Mastery calculator failed to load:', error);
                            });
                    });
            })
            .fail(function (error) {
                console.error('Class Mastery data failed to load:', error);
            });
    }

    window.EQOA_APPLY_WIKI_THEME = applyWikiTheme;
    window.EQOA_GET_WIKI_THEME = getSavedWikiTheme;

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', ensureThemeButton);
    } else {
        ensureThemeButton();
    }

    mw.hook('wikipage.content').add(function () {
        ensureThemeButton();
        initRaidChecks();
        initItemFilters();
    });

    mw.loader.using('mediawiki.util').then(function () {
        loadBuilderScripts();
        loadClassMasteryScripts();
    });
})();