MediaWiki:Common.js: Difference between revisions

From MB Wiki
Jump to navigation Jump to search
mNo edit summary
Tag: Reverted
m (fix title set.)
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
var config = mw.config.values;
/* ============================================
window.dev = window.dev || {};
  THEME TOGGLER
window.dev.waitFor = function(query, callback, extraDelay) {
  ============================================ */
if ('function' == typeof callback && 'string' == typeof query) {
extraDelay = extraDelay || 0;
if (document.querySelector(query)) {
setTimeout(callback, extraDelay);
} else {
// set up the mutation observer
var observer = new MutationObserver(function (mutations, me) {
// mutations is an array of mutations that occurred
// me is the MutationObserver instance
var targetNode = document.querySelector(query);
if (targetNode) {
setTimeout(callback, extraDelay);
me.disconnect(); // stop observing
return;
}
});
// start observing
observer.observe(document, {
  childList: true,
  subtree: true
});
}
}
};


// Load site JS
// 1. INSTANT EXECUTION (PREVENTS FLASH OF WRONG THEME)
[
// This runs the millisecond the script loads, before the body renders.
'ThemeToggle.js', // Add link button on sidebar for mass renaming files and pages
(function() {
'MassRename.js', // Add link button on sidebar for mass renaming files and pages
    var savedTheme = localStorage.getItem('mb-wiki-theme');
'BetterUpload.js', // Improvements to Special:Upload
    if (savedTheme === 'break') {
'BetterDiff.js' // Aids with patrolling and with diff viewing on RC, page history and user contribs
        document.documentElement.classList.add('theme-break');
]
    }
.forEach(function(src){
})();
importScript('MediaWiki:'+src);
 
// 2. DOM READY EXECUTION (UI BINDING)
$(function() {
    var isBreak = document.documentElement.classList.contains('theme-break');
   
    var $btn = $('<button>', {
        id: 'theme-toggle',
        class: 'floating-theme-toggle',
        text: isBreak ? '✦ Switch to Mana' : '✦ Switch to Break',
        title: 'Toggle Light/Dark Theme'
    });
   
    $('body').append($btn);
 
    $btn.on('click', function() {
        var $html = $('html');
       
        if ($html.hasClass('theme-break')) {
            // Switching to Mana (Light)
            $html.removeClass('theme-break');
            localStorage.setItem('mb-wiki-theme', 'mana');
            $(this).text('✦ Switch to Break');
        } else {
            // Switching to Break (Dark)
            $html.addClass('theme-break');
            localStorage.setItem('mb-wiki-theme', 'break');
            $(this).text('✦ Switch to Mana');
        }
    });
});
});
/* ============================================
  TITTLE FIX
  ============================================ */
(function() {
    // Only on main page
    if (mw.config.get('wgPageName') !== 'Main_Page' &&
        !window.location.href.includes('Main_Page')) return;
   
    console.log('=== APPLYING EMERGENCY TITLE FIX ===');
   
    // 1. IMMEDIATELY set the title
    document.title = 'MB Wiki - The Official Wiki';
   
    // 2. Override the heading
    function fixHeading() {
        var heading = document.querySelector('#firstHeading, h1.firstHeading, .mw-page-title-main');
        if (heading) {
            heading.textContent = 'MB Wiki - The Official Wiki';
            heading.style.display = 'none';
            heading.style.visibility = 'hidden';
        } else {
            // Create heading if it doesn't exist
            var newHeading = document.createElement('h1');
            newHeading.id = 'firstHeading';
            newHeading.className = 'firstHeading';
            newHeading.textContent = 'MB Wiki - The Official Wiki';
            var content = document.querySelector('#content, .mw-body');
            if (content) content.prepend(newHeading);
        }
    }
   
    // 3. Run now and keep running
    fixHeading();
    setTimeout(fixHeading, 100);
    setTimeout(fixHeading, 500);
    setTimeout(fixHeading, 1000);
    setTimeout(fixHeading, 2000);
   
    // 4. Monitor and fix any time title changes
    var lastTitle = document.title;
    setInterval(function() {
        if (document.title !== lastTitle &&
            document.title.includes('Coral Island')) {
            console.log('Title changed to wrong value, fixing...');
            document.title = 'MB Wiki - The Official Wiki';
            lastTitle = document.title;
            fixHeading();
        }
    }, 500);
   
    // 5. Also fix meta tags
    function fixMetaTags() {
        var metaTags = document.querySelectorAll('meta[property="og:title"], meta[name="twitter:title"]');
        metaTags.forEach(function(tag) {
            tag.setAttribute('content', 'MB Wiki - The Official Wiki');
        });
    }
    fixMetaTags();
   
    console.log('Emergency title fix applied');
})();/* ============================================
  THEME TOGGLER
  ============================================ */
// 1. INSTANT EXECUTION (PREVENTS FLASH OF WRONG THEME)
// This runs the millisecond the script loads, before the body renders.
(function() {
    var savedTheme = localStorage.getItem('mb-wiki-theme');
    if (savedTheme === 'break') {
        document.documentElement.classList.add('theme-break');
    }
})();


// Run when page content is added and loaded
// 2. DOM READY EXECUTION (UI BINDING)
mw.hook('wikipage.content').add(function(){
$(function() {
// Add navigational keybinds
    var isBreak = document.documentElement.classList.contains('theme-break');
if (config.wgAction=='view') {
   
var actions = {
    var $btn = $('<button>', {
e: function(page){ return config.wgServer+mw.util.getUrl(page)+'?action=edit'; },
        id: 'theme-toggle',
h: function(page){ return config.wgServer+mw.util.getUrl(page)+'?action=history'; },
        class: 'floating-theme-toggle',
m: function(page){ return config.wgServer+mw.util.getUrl('Special:MovePage/'+page); },
        text: isBreak ? '✦ Switch to Mana' : '✦ Switch to Break',
d: function(page){ return config.wgServer+mw.util.getUrl(page)+'?action=delete'; },
        title: 'Toggle Light/Dark Theme'
};
    });
var url = new URL(document.location.href);
   
var title =
    $('body').append($btn);
url.searchParams.get('title') || // for `/w/index.php?title=XYZ` links
 
url.pathname.replace(/^.*?wi?k?i?\//, ''); // for `/wiki/XYZ` links
    $btn.on('click', function() {
$(document).on('keydown', function(e) {
        var $html = $('html');
var key = e.key.toLocaleLowerCase();
       
if (
        if ($html.hasClass('theme-break')) {
actions[key] &&
            // Switching to Mana (Light)
!(e.target && ['INPUT', 'TEXTAREA'].includes(e.target.nodeName)) &&
            $html.removeClass('theme-break');
config.wgCanonicalSpecialPageName===false
            localStorage.setItem('mb-wiki-theme', 'mana');
) {
            $(this).text('✦ Switch to Break');
document.location.href= actions[key](title);
        } else {
}
            // Switching to Break (Dark)
});
            $html.addClass('theme-break');
}
            localStorage.setItem('mb-wiki-theme', 'break');
            $(this).text('✦ Switch to Mana');
// Run through sidebar to make sure classes align with collapse status
        }
window.dev.waitFor('#mw-navigation > .collapsible-nav > nav', function() {
    });
$('#mw-navigation > .collapsible-nav > nav').each(function(_, nav) {
if (getComputedStyle(nav).display!=='none') {
if (
nav.classList.contains('collapsed') &&
getComputedStyle(nav.querySelector('.vector-menu-content')).display!=='none'
) {
nav.classList.remove('collapsed');
nav.classList.add('expanded');
} else if (
nav.classList.contains('expanded') &&
getComputedStyle(nav.querySelector('.vector-menu-content')).display=='none'
) {
nav.classList.add('collapsed');
nav.classList.remove('expanded');
}
}
});
});
});
});
 
/* ============================================
// Load personal JS & CSS if logged in user
  TITTLE FIX
if (config.wgUserName && config.wgUserName.length>0) {
  ============================================ */
importScript('User:'+config.wgUserName+'/common.js');
(function() {
importStylesheet('User:'+config.wgUserName+'/common.css');
    // Only on main page
}
    if (mw.config.get('wgPageName') !== 'Main_Page' &&  
// === PREVENT NoTitle EXECUTION ===
        !window.location.href.includes('Main_Page')) return;
if (mw.config.get('wgPageName') === 'Main_Page') {
   
     // Override window.onload or other event listeners
    console.log('=== APPLYING EMERGENCY TITLE FIX ===');
     var originalAddEventListener = EventTarget.prototype.addEventListener;
   
     EventTarget.prototype.addEventListener = function(type, listener, options) {
    // 1. IMMEDIATELY set the title
         if (type === 'load' && listener.toString().indexOf('NoTitle') > -1) {
    document.title = 'MB Wiki - The Official Wiki';
             console.log('Blocked NoTitle load event');
   
             return; // Don't add the NoTitle listener
    // 2. Override the heading
    function fixHeading() {
        var heading = document.querySelector('#firstHeading, h1.firstHeading, .mw-page-title-main');
        if (heading) {
            heading.textContent = 'MB Wiki - The Official Wiki';
            heading.style.display = 'none';
            heading.style.visibility = 'hidden';
        } else {
            // Create heading if it doesn't exist
            var newHeading = document.createElement('h1');
            newHeading.id = 'firstHeading';
            newHeading.className = 'firstHeading';
            newHeading.textContent = 'MB Wiki - The Official Wiki';
            var content = document.querySelector('#content, .mw-body');
            if (content) content.prepend(newHeading);
        }
    }
   
    // 3. Run now and keep running
    fixHeading();
    setTimeout(fixHeading, 100);
    setTimeout(fixHeading, 500);
    setTimeout(fixHeading, 1000);
    setTimeout(fixHeading, 2000);
   
     // 4. Monitor and fix any time title changes
     var lastTitle = document.title;
     setInterval(function() {
         if (document.title !== lastTitle &&  
            document.title.includes('Coral Island')) {
             console.log('Title changed to wrong value, fixing...');
             document.title = 'MB Wiki - The Official Wiki';
            lastTitle = document.title;
            fixHeading();
         }
         }
         return originalAddEventListener.call(this, type, listener, options);
    }, 500);
     };
   
}
    // 5. Also fix meta tags
    function fixMetaTags() {
         var metaTags = document.querySelectorAll('meta[property="og:title"], meta[name="twitter:title"]');
        metaTags.forEach(function(tag) {
            tag.setAttribute('content', 'MB Wiki - The Official Wiki');
        });
     }
    fixMetaTags();
   
    console.log('Emergency title fix applied');
})();

Latest revision as of 04:08, 19 May 2026

/* ============================================
   THEME TOGGLER
   ============================================ */

// 1. INSTANT EXECUTION (PREVENTS FLASH OF WRONG THEME)
// This runs the millisecond the script loads, before the body renders.
(function() {
    var savedTheme = localStorage.getItem('mb-wiki-theme');
    if (savedTheme === 'break') {
        document.documentElement.classList.add('theme-break');
    }
})();

// 2. DOM READY EXECUTION (UI BINDING)
$(function() {
    var isBreak = document.documentElement.classList.contains('theme-break');
    
    var $btn = $('<button>', {
        id: 'theme-toggle',
        class: 'floating-theme-toggle',
        text: isBreak ? '✦ Switch to Mana' : '✦ Switch to Break',
        title: 'Toggle Light/Dark Theme'
    });
    
    $('body').append($btn);

    $btn.on('click', function() {
        var $html = $('html');
        
        if ($html.hasClass('theme-break')) {
            // Switching to Mana (Light)
            $html.removeClass('theme-break');
            localStorage.setItem('mb-wiki-theme', 'mana');
            $(this).text('✦ Switch to Break');
        } else {
            // Switching to Break (Dark)
            $html.addClass('theme-break');
            localStorage.setItem('mb-wiki-theme', 'break');
            $(this).text('✦ Switch to Mana');
        }
    });
});
/* ============================================
   TITTLE FIX
   ============================================ */
(function() {
    // Only on main page
    if (mw.config.get('wgPageName') !== 'Main_Page' && 
        !window.location.href.includes('Main_Page')) return;
    
    console.log('=== APPLYING EMERGENCY TITLE FIX ===');
    
    // 1. IMMEDIATELY set the title
    document.title = 'MB Wiki - The Official Wiki';
    
    // 2. Override the heading
    function fixHeading() {
        var heading = document.querySelector('#firstHeading, h1.firstHeading, .mw-page-title-main');
        if (heading) {
            heading.textContent = 'MB Wiki - The Official Wiki';
            heading.style.display = 'none';
            heading.style.visibility = 'hidden';
        } else {
            // Create heading if it doesn't exist
            var newHeading = document.createElement('h1');
            newHeading.id = 'firstHeading';
            newHeading.className = 'firstHeading';
            newHeading.textContent = 'MB Wiki - The Official Wiki';
            var content = document.querySelector('#content, .mw-body');
            if (content) content.prepend(newHeading);
        }
    }
    
    // 3. Run now and keep running
    fixHeading();
    setTimeout(fixHeading, 100);
    setTimeout(fixHeading, 500);
    setTimeout(fixHeading, 1000);
    setTimeout(fixHeading, 2000);
    
    // 4. Monitor and fix any time title changes
    var lastTitle = document.title;
    setInterval(function() {
        if (document.title !== lastTitle && 
            document.title.includes('Coral Island')) {
            console.log('Title changed to wrong value, fixing...');
            document.title = 'MB Wiki - The Official Wiki';
            lastTitle = document.title;
            fixHeading();
        }
    }, 500);
    
    // 5. Also fix meta tags
    function fixMetaTags() {
        var metaTags = document.querySelectorAll('meta[property="og:title"], meta[name="twitter:title"]');
        metaTags.forEach(function(tag) {
            tag.setAttribute('content', 'MB Wiki - The Official Wiki');
        });
    }
    fixMetaTags();
    
    console.log('Emergency title fix applied');
})();/* ============================================
   THEME TOGGLER
   ============================================ */

// 1. INSTANT EXECUTION (PREVENTS FLASH OF WRONG THEME)
// This runs the millisecond the script loads, before the body renders.
(function() {
    var savedTheme = localStorage.getItem('mb-wiki-theme');
    if (savedTheme === 'break') {
        document.documentElement.classList.add('theme-break');
    }
})();

// 2. DOM READY EXECUTION (UI BINDING)
$(function() {
    var isBreak = document.documentElement.classList.contains('theme-break');
    
    var $btn = $('<button>', {
        id: 'theme-toggle',
        class: 'floating-theme-toggle',
        text: isBreak ? '✦ Switch to Mana' : '✦ Switch to Break',
        title: 'Toggle Light/Dark Theme'
    });
    
    $('body').append($btn);

    $btn.on('click', function() {
        var $html = $('html');
        
        if ($html.hasClass('theme-break')) {
            // Switching to Mana (Light)
            $html.removeClass('theme-break');
            localStorage.setItem('mb-wiki-theme', 'mana');
            $(this).text('✦ Switch to Break');
        } else {
            // Switching to Break (Dark)
            $html.addClass('theme-break');
            localStorage.setItem('mb-wiki-theme', 'break');
            $(this).text('✦ Switch to Mana');
        }
    });
});
/* ============================================
   TITTLE FIX
   ============================================ */
(function() {
    // Only on main page
    if (mw.config.get('wgPageName') !== 'Main_Page' && 
        !window.location.href.includes('Main_Page')) return;
    
    console.log('=== APPLYING EMERGENCY TITLE FIX ===');
    
    // 1. IMMEDIATELY set the title
    document.title = 'MB Wiki - The Official Wiki';
    
    // 2. Override the heading
    function fixHeading() {
        var heading = document.querySelector('#firstHeading, h1.firstHeading, .mw-page-title-main');
        if (heading) {
            heading.textContent = 'MB Wiki - The Official Wiki';
            heading.style.display = 'none';
            heading.style.visibility = 'hidden';
        } else {
            // Create heading if it doesn't exist
            var newHeading = document.createElement('h1');
            newHeading.id = 'firstHeading';
            newHeading.className = 'firstHeading';
            newHeading.textContent = 'MB Wiki - The Official Wiki';
            var content = document.querySelector('#content, .mw-body');
            if (content) content.prepend(newHeading);
        }
    }
    
    // 3. Run now and keep running
    fixHeading();
    setTimeout(fixHeading, 100);
    setTimeout(fixHeading, 500);
    setTimeout(fixHeading, 1000);
    setTimeout(fixHeading, 2000);
    
    // 4. Monitor and fix any time title changes
    var lastTitle = document.title;
    setInterval(function() {
        if (document.title !== lastTitle && 
            document.title.includes('Coral Island')) {
            console.log('Title changed to wrong value, fixing...');
            document.title = 'MB Wiki - The Official Wiki';
            lastTitle = document.title;
            fixHeading();
        }
    }, 500);
    
    // 5. Also fix meta tags
    function fixMetaTags() {
        var metaTags = document.querySelectorAll('meta[property="og:title"], meta[name="twitter:title"]');
        metaTags.forEach(function(tag) {
            tag.setAttribute('content', 'MB Wiki - The Official Wiki');
        });
    }
    fixMetaTags();
    
    console.log('Emergency title fix applied');
})();
Retrieved from "https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:Common.js&oldid=28414"