MediaWiki:Common.js

From Winds Of Valen Wiki
Revision as of 01:39, 11 July 2026 by Maintenance script (talk | contribs) (OSRS Calculator Loader and Reader Mode)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* OSRS Custom JS Framework */

// 1. Asynchronous Calculator Loader
$(function() {
    if ($('.jcConfig').length > 0) {
        // Asynchronously pull in calculator scripts
        mw.loader.getScript('/resources/assets/calc.js').then(function() {
            mw.loader.load('/resources/assets/calc.css', 'text/css');
            console.log("OSRS calculators loaded.");
        });
    }
});

// 2. Reader Mode Toggle
$(function() {
    var isReaderMode = localStorage.getItem('osrs-reader-mode') === 'true';
    
    function toggleReaderMode() {
        isReaderMode = !isReaderMode;
        localStorage.setItem('osrs-reader-mode', isReaderMode);
        $('body').toggleClass('reader-mode-active', isReaderMode);
    }
    
    if (isReaderMode) {
        $('body').addClass('reader-mode-active');
    }
    
    // Insert toggle button into personal nav
    var btn = $('<li><a href="#" id="pt-reader-mode">Toggle Reader Mode</a></li>');
    btn.on('click', function(e) {
        e.preventDefault();
        toggleReaderMode();
    });
    $('#p-personal ul').prepend(btn);
});