MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */ /** * Keep code in MediaWiki:Common.js to a minimum as it is unconditionally * loaded for all users on every wiki page. If possible create a gadget that is * enabled by default instead of adding it here (since gadgets are fully * optimized ResourceLoader modules with possibility to add dependencies etc.) * * Since Common.js isn't a gadget, there is no place to declare its * dependencies, so we have to lazy load them with mw.loader.using on demand and * then execute the rest in the callback. In most cases these dependencies will * be loaded (or loading) already and the callback will not be delayed. In case a * dependency hasn't arrived yet it'll make sure those are loaded before this. */

/* global mw, $ */ /* jshint strict:false, browser:true */

mw.loader.using( [ 'mediawiki.util' ] ).done( function {	/* Begin of mw.loader.using callback */

/**	 * Main Page layout fixes *	 * Description: Adds an additional link to the complete list of languages available. * Maintainers: User:AzaToth, User:R. Koot, User:Alex Smotrov */	if ( mw.config.get( 'wgPageName' ) === 'Main_Page' || mw.config.get( 'wgPageName' ) === 'Talk:Main_Page' ) { $( function {			mw.util.addPortletLink( 'p-lang', '//meta.wikimedia.org/wiki/List_of_Wikipedias', 'Complete list', 'interwiki-completelist', 'Complete list of Wikipedias' );		} ); }

/**	 * Map addPortletLink to mw.util * @deprecated: Use mw.util.addPortletLink instead. */	mw.log.deprecate( window, 'addPortletLink', mw.util.addPortletLink, 'Use mw.util.addPortletLink instead' );

/**	 * Extract a URL parameter from the current URL * @deprecated: Use mw.util.getParamValue with proper escaping */	mw.log.deprecate( window, 'getURLParamValue', mw.util.getParamValue, 'Use mw.util.getParamValue instead' );

/**	 * Test if an element has a certain class * @deprecated: Use $(element).hasClass instead. */	mw.log.deprecate( window, 'hasClass', function ( element, className ) {		return $( element ).hasClass( className );	}, 'Use jQuery.hasClass instead' );

/**	 * @source www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL * @rev 6 */	var extraCSS = mw.util.getParamValue( 'withCSS' ), extraJS = mw.util.getParamValue( 'withJS' );

if ( extraCSS ) { if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) { mw.loader.load( '/w/index.php?title=' + extraCSS + '&action=raw&ctype=text/css', 'text/css' ); } else { mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } ); }	}

if ( extraJS ) { if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) { mw.loader.load( '/w/index.php?title=' + extraJS + '&action=raw&ctype=text/javascript' ); } else { mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } ); }	}

/**	 * WikiMiniAtlas *	 * Description: WikiMiniAtlas is a popup click and drag world map. *             This script causes all of our coordinate links to display the WikiMiniAtlas popup button. *             The script itself is located on meta because it is used by many projects. *             See WikiMiniAtlas for more information. * Note - use of this service is recommended to be replaced with mw:Help:Extension:Kartographer */	$( function {		var requireWikiminiatlas = $( 'a.external.text[href*="geohack"]' ).length || $( 'div.kmldata' ).length;		if ( requireWikiminiatlas ) {			mw.loader.load( '//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript' );		}	} );

/**	 * Collapsible tables; reimplemented with mw-collapsible * Styling is also in place to avoid FOUC *	 * Allows tables to be collapsed, showing only the header. See Help:Collapsing. * @version 3.0.0 (2018-05-20) * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js * @author User:R. Koot * @author User:Krinkle * @author User:TheDJ * @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which * is supported in MediaWiki core. Shimmable since MediaWiki 1.32 *	 * @param {jQuery} $content */	function makeCollapsibleMwCollapsible( $content ) { var $tables = $content .find( 'table.collapsible:not(.mw-collapsible)' ) .addClass( 'mw-collapsible' );

$.each( $tables, function ( index, table ) {			// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');			if ( $( table ).hasClass( 'collapsed' ) ) {				$( table ).addClass( 'mw-collapsed' );				// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');			}		} ); if ( $tables.length > 0 ) { mw.loader.using( 'jquery.makeCollapsible' ).then( function {				$tables.makeCollapsible;			} ); }	}	mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

/**	 * Add support to mw-collapsible for autocollapse, innercollapse and outercollapse *	 * Maintainers: TheDJ */	function mwCollapsibleSetup( $collapsibleContent ) { var $element, $toggle, autoCollapseThreshold = 2; $.each( $collapsibleContent, function ( index, element ) {			$element = $( element );			if ( $element.hasClass( 'collapsible' ) ) {				$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );			}			if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {				$element.data( 'mw-collapsible' ).collapse;			} else if ( $element.hasClass( 'innercollapse' ) ) {				if ( $element.parents( '.outercollapse' ).length > 0 ) {					$element.data( 'mw-collapsible' ).collapse;				}			}			// because of colored backgrounds, style the link in the text color			// to ensure accessible contrast			$toggle = $element.find( '.mw-collapsible-toggle' );			if ( $toggle.length ) {				// Make the toggle inherit text color				if ( $toggle.parent[ 0 ].style.color ) {					$toggle.find( 'a' ).css( 'color', 'inherit' );				} }		} );	}

mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

/**	 * Dynamic Navigation Bars (experimental) *	 * Description: See NavFrame. * Maintainers: UNMAINTAINED */

var collapseCaption = 'hide'; var expandCaption = 'show';

// Set up the words in your language var navigationBarHide = '[' + collapseCaption + ']'; var navigationBarShow = '[' + expandCaption + ']';

/**	 * Shows and hides content and picture (if available) of navigation bars. *	 * @param {number} indexNavigationBar The index of navigation bar to be toggled * @param {jQuery.Event} event Event object * @return {boolean} */	function toggleNavigationBar( indexNavigationBar, event ) { var navToggle = document.getElementById( 'NavToggle' + indexNavigationBar ); var navFrame = document.getElementById( 'NavFrame' + indexNavigationBar ); var navChild;

if ( !navFrame || !navToggle ) { return false; }

// If shown now if ( navToggle.firstChild.data === navigationBarHide ) { for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavContent' ) ) { navChild.style.display = 'none'; }			}			navToggle.firstChild.data = navigationBarShow;

// If hidden now } else if ( navToggle.firstChild.data === navigationBarShow ) { for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavContent' ) ) { navChild.style.display = 'block'; }			}			navToggle.firstChild.data = navigationBarHide; }

event.preventDefault; }

/**	 * Adds show/hide-button to navigation bars. *	 * @param {jQuery} $content */	function createNavigationBarToggleButton( $content ) { var j, navChild, navToggle, navToggleText, isCollapsed, indexNavigationBar = 0; // Iterate over all -elements var $divs = $content.find( 'div.NavFrame:not(.mw-collapsible)' ); $divs.each( function ( i, navFrame ) {			indexNavigationBar++;			navToggle = document.createElement( 'a' );			navToggle.className = 'NavToggle';			navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );			navToggle.setAttribute( 'href', '#' );			$( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) );

isCollapsed = $( navFrame ).hasClass( 'collapsed' ); /**			 * Check if any children are already hidden. This loop is here for backwards compatibility: * the old way of making NavFrames start out collapsed was to manually add style="display:none" * to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make			 * the content visible without JavaScript support), the new recommended way is to add the class * "collapsed" to the NavFrame itself, just like with collapsible tables. */			for ( navChild = navFrame.firstChild; navChild !== null && !isCollapsed; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) { if ( navChild.style.display === 'none' ) { isCollapsed = true; }				}			}			if ( isCollapsed ) { for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) { navChild.style.display = 'none'; }				}			}			navToggleText = document.createTextNode( isCollapsed ? navigationBarShow : navigationBarHide ); navToggle.appendChild( navToggleText );

// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) for ( j = 0; j < navFrame.childNodes.length; j++ ) { if ( $( navFrame.childNodes[ j ] ).hasClass( 'NavHead' ) ) { navToggle.style.color = navFrame.childNodes[ j ].style.color; navFrame.childNodes[ j ].appendChild( navToggle ); }			}			navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar ); } );	}

mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );

/**	 * Magic editintros **************************************************** *	 * Description: Adds editintros on disambiguation pages and BLP pages. * Maintainers: User:RockMFR *	 * @param {string} name */	function addEditIntro( name ) { $( '.mw-editsection, #ca-edit, #ca-ve-edit' ).find( 'a' ).each( function ( i, el ) {			el.href = $( this ).attr( 'href' ) + '&editintro=' + name;		} ); }

if ( mw.config.get( 'wgNamespaceNumber' ) === 0 ) { $( function {			if ( document.getElementById( 'disambigbox' ) ) {				addEditIntro( 'Template:Disambig_editintro' );			}		} );

$( function {			var cats = mw.config.get( 'wgCategories' );			if ( !cats ) {				return;			}			if ( $.inArray( 'Living people', cats ) !== -1 || $.inArray( 'Possibly living people', cats ) !== -1 ) {				addEditIntro( 'Template:BLP_editintro' );			}		} ); }

/* Actions specific to the edit page */ if ( mw.config.get( 'wgAction' ) === 'edit' || mw.config.get( 'wgAction' ) === 'submit' ) { /**		 * Fix edit summary prompt for undo *		 * Fixes the fact that the undo function combined with the "no edit summary prompter" * complains about missing editsummary, if leaving the edit summary unchanged. * Added by User:Deskana, code by User:Tra. * See also T10912. */		$( function {			if ( document.location.search.indexOf( 'undo=' ) !== -1 && document.getElementsByName( 'wpAutoSummary' )[ 0 ] ) {				document.getElementsByName( 'wpAutoSummary' )[ 0 ].value = '1';			}		} ); }

/* End of mw.loader.using callback */ } ); // /*Discord widget*/ $( "#discord-widget" ).html(' '); /** * Enables or disables the dark-mode gadget. * * Authors: User:SD0001, User:Nardog */

// 'Dark mode' and 'Light mode' messages must match the ::before content in // MediaWiki:Gadget-dark-mode-toggle-pagestyles.css and MediaWiki:Gadget-dark-mode.css, respectively. // Don't overwrite existing messages, if already set on a foreign wiki prior to loading this file if (!mw.messages.get('darkmode-turn-on-label')) { mw.messages.set({		'darkmode-turn-on-label': 'Dark mode',		'darkmode-turn-on-tooltip': 'Turn dark mode on',		'darkmode-turn-off-label': 'Light mode',		'darkmode-turn-off-tooltip': 'Turn dark mode off',	}); }

var isOn = mw.loader.getState('ext.gadget.dark-mode') === 'ready';

var broadcastChannel = new BroadcastChannel('gadget-dark-mode');

function setThemeColor { // Update the theme-color used by some browsers for coloration of the tab headers and surrounding UI $('meta[name="theme-color"]').attr('content', isOn ? '#000000' : '#eaecf0'); }

function setHtmlClass { // CSS class for externally styling elements in dark mode via TemplateStyles (or CSS from other gadgets or common.css) // A brief flash of the original styles will occur, so this is only suitable for style changes for which flashes are tolerable. // For others, update Gadget-dark-mode.css directly which is loaded without FOUCs $(document.documentElement).toggleClass('client-dark-mode', isOn); }

function vectorStickyCallback { mw.hook('vector.page_title_scroll').remove(vectorStickyCallback); if (document.getElementById('pt-darkmode-sticky-header')) return; makePortletLink('p-personal-sticky-header', 'pt-darkmode-sticky-header', '#pt-watchlist-sticky-header'); }

function addPortlets { makePortletLink('p-personal', 'pt-darkmode', '#pt-watchlist');

if (mw.config.get('skin') === 'vector-2022') { mw.hook('vector.page_title_scroll').add(vectorStickyCallback); } }

function getMsg(suffix) { var key = 'darkmode-turn-' + (isOn ? 'off' : 'on') + '-' + suffix; return mw.msg(key); }

function makePortletLink(portletId, portletLinkId, nextnode) { var label = getMsg('label'); var tooltip = getMsg('tooltip'); $(mw.util.addPortletLink(portletId, '#', label, portletLinkId, tooltip, '', nextnode)) .children.on('click', function (e) {			e.preventDefault;			toggleMode;		}); }

function togglePortlets { var labelSelector; switch (mw.config.get('skin')) { case 'vector': case 'vector-2022': case 'minerva': labelSelector = '#pt-darkmode span:not(.mw-ui-icon), #pt-darkmode-sticky-header span:not(.mw-ui-icon)'; break; default: labelSelector = '#pt-darkmode a'; }	$(labelSelector).text(getMsg('label')); $('#pt-darkmode a, #pt-darkmode-sticky-header a') .attr('title', getMsg('tooltip')); }

function actuallyToggleDarkMode { // Modify the element on the page to include/exclude dark-mode styles // We can't use mw.loader as it doesn't work both ways (see talk page) var scriptPath = mw.util.wikiScript('load'); var $gadgetsLink = $('link[rel="stylesheet"][href^="' + scriptPath + '?"][href*="ext.gadget."]'); if ($gadgetsLink.length) { var uri = new mw.Uri($gadgetsLink.prop('href')); if (isOn) { uri.query.modules += ',dark-mode'; } else { if (uri.query.modules === 'ext.gadget.dark-mode') { // dark-mode is the only module in this link $gadgetsLink.remove; return; }			uri.query.modules = uri.query.modules .replace('ext.gadget.dark-mode,', 'ext.gadget.') // dark-mode is first in the gadget list .replace(/,dark-mode(,|$)/, '$1'); // dark-mode is in middle or end of the list }		$gadgetsLink.prop('href', uri.getRelativePath); } else { // No gadget-containing styles are enabled $(' ').attr({			rel: 'stylesheet',			href: scriptPath + '?lang=' + mw.config.get('wgUserLanguage') +				'&modules=ext.gadget.dark-mode&only=styles&skin=' + mw.config.get('skin')		}).appendTo(document.head); } }

function savePreference { new mw.Api.saveOption('gadget-dark-mode', isOn ? '1' : '0'); }

function savePreferenceLocally { mw.user.options.set('gadget-dark-mode', Number(isOn));

// In case the user navigates to another page too quickly mw.storage.session.set('dark-mode-toggled', isOn ? '1' : '0'); }

function notifyOtherTabs { // Broadcast state change to other tabs broadcastChannel.postMessage(isOn); }

function toggleMode(offline) { isOn = !isOn; if (!offline) { savePreference; notifyOtherTabs; }	setHtmlClass; setThemeColor; savePreferenceLocally; togglePortlets; actuallyToggleDarkMode; }

function toggleBasedOnSystemColourScheme { var systemSchemeNow = matchMedia('(prefers-color-scheme: dark)').matches; var systemSchemeLast = mw.storage.get('dark-mode-system-scheme') === '1';

if (systemSchemeNow !== systemSchemeLast) { if (systemSchemeNow !== isOn) { toggleMode; }		mw.requestIdleCallback(function {			mw.storage.set('dark-mode-system-scheme', systemSchemeNow ? '1' : '0');		});	} }

$.when($.ready, mw.loader.using(['mediawiki.util', 'mediawiki.api', 'mediawiki.Uri', 'mediawiki.storage'])).then(function {	setHtmlClass;	setThemeColor;	addPortlets;

// Recover state if the navigation was too quick var storageState = mw.storage.session.get('dark-mode-toggled'); if (storageState && Number(storageState) !== Number(isOn)) { toggleMode(true); }

// Listen to dark mode state change made on other tabs broadcastChannel.onmessage = function (msg) { if (msg.data !== isOn) { toggleMode(true); }	};

if (window.wpDarkModeAutoToggle) { toggleBasedOnSystemColourScheme;

// If system colour scheme changes while user is viewing, toggle immediately var mediaQuery = matchMedia('(prefers-color-scheme: dark)'); if (mediaQuery.addEventListener) { mediaQuery.addEventListener('change', toggleBasedOnSystemColourScheme); } else if (mediaQuery.addListener) { // Safari 13 and older mediaQuery.addListener(toggleBasedOnSystemColourScheme); }	} });