MediaWiki:Common.js - Revision history

OnTrackWorld: blanking for simpler fix test

2026-09-14T20:25:17Z

blanking for simpler fix test

← Older revision		Revision as of 20:25, 14 September 2026
Line 1:		Line 1:
	~~/* OPTIONAL. Append to MediaWiki:Common.js only if you want inline highlight-and-annotate~~
	~~on long-form pages (white paper, book chapters). Loads the Hypothesis client on pages~~
	~~tagged with the "Annotate" category. Readers need a free Hypothesis account to annotate;~~
	~~anyone can read annotations. Remove this block to turn it off. */~~
	~~( function () {~~
	~~if ( mw.config.get( 'wgCategories' ).indexOf( 'Annotate' ) === -1 ) { return; }~~
	~~if ( mw.config.get( 'wgAction' ) !== 'view' ) { return; }~~
	~~var s = document.createElement( 'script' );~~
	~~s.src = 'https://hypothes.is/embed.js';~~
	~~s.async = true;~~
	~~document.head.appendChild( s );~~
	~~}() );~~

	~~/* ---- Pin the sidebar (Main menu) open by default for every visitor -----------------~~
	~~Vector 2022 only shows Main menu as a permanent left column once a user pins it~~
	~~(client preference, saved per-account/browser). This triggers that same built-in~~
	~~pin action automatically on every page load, so it defaults to open for everyone~~
	~~instead of only whoever has pinned it themselves. Skipped on narrow/mobile~~
	~~viewports, where a permanently-open sidebar would crowd out the page content. */~~
	~~( function () {~~
	~~function pinMainMenu() {~~
	~~if ( window.innerWidth < 1000 ) { return; }~~
	~~if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }~~
	~~var pinnedContainer = document.getElementById( 'vector-main-menu-pinned-container' );~~
	~~var realMenu = document.getElementById( 'vector-main-menu' );~~
	~~/* Clicking Vector's own pin button relies on its Vue click handler being wired up,~~
	~~which isn't reliably ready this early in page load. Instead, replicate what that~~
	~~handler does directly: the real menu content already lives in the DOM (inside the~~
	~~header's collapsed dropdown) -- move it into the always-present pinned-sidebar~~
	~~slot and flip the one class Vector's CSS keys off of to lay it out as a column. */~~
	~~if ( pinnedContainer && realMenu && pinnedContainer.children.length === 0 ) {~~
	~~pinnedContainer.appendChild( realMenu );~~
	~~document.documentElement.classList.remove( 'vector-feature-main-menu-pinned-disabled' );~~
	~~document.documentElement.classList.add( 'vector-feature-main-menu-pinned-enabled' );~~
	}
	}
	~~if ( document.readyState === 'loading' ) {~~
	~~document.addEventListener( 'DOMContentLoaded', pinMainMenu );~~
	~~} else {~~
	~~pinMainMenu();~~
	}
	~~}() );~~

CNeiss: Pin sidebar open by default for all visitors

2026-09-14T19:41:00Z

Pin sidebar open by default for all visitors

← Older revision		Revision as of 19:41, 14 September 2026
Line 19:		Line 19:
	viewports, where a permanently-open sidebar would crowd out the page content. */		viewports, where a permanently-open sidebar would crowd out the page content. */
	( function () {		( function () {
	~~function log( msg ) { if ( window.console && window.console.log ) { console.log( '[otw-pin] ' + msg ); } }~~
	function pinMainMenu() {		function pinMainMenu() {
	~~log( 'pinMainMenu called, readyState=' + document.readyState + ' width=' + window.innerWidth );~~		if ( window.innerWidth < 1000 ) { return; }
	if ( window.innerWidth < 1000 ) { ~~log( 'bail: narrow' );~~ return; }		if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }
	if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { ~~log( 'bail: already pinned' );~~ return; }
	var pinnedContainer = document.getElementById( 'vector-main-menu-pinned-container' );		var pinnedContainer = document.getElementById( 'vector-main-menu-pinned-container' );
	var realMenu = document.getElementById( 'vector-main-menu' );		var realMenu = document.getElementById( 'vector-main-menu' );
	~~log(~~ '~~pinnedContainer=~~' + ( ~~!!pinnedContainer ) +~~ ' ~~realMenu=' + ( !!realMenu~~ ) +		/* Clicking Vector's own pin button relies on its Vue click handler being wired up,
	~~' pinnedChildren=~~' ~~+ ( pinnedContainer ? pinnedContainer~~.~~children.length : '-' ) );~~		which isn't reliably ready this early in page load. Instead, replicate what that
			handler does directly: the real menu content already lives in the DOM (inside the
			header's collapsed dropdown) -- move it into the always-present pinned-sidebar
			slot and flip the one class Vector's CSS keys off of to lay it out as a column. */
	if ( pinnedContainer && realMenu && pinnedContainer.children.length === 0 ) {		if ( pinnedContainer && realMenu && pinnedContainer.children.length === 0 ) {
	pinnedContainer.appendChild( realMenu );		pinnedContainer.appendChild( realMenu );
	document.documentElement.classList.remove( 'vector-feature-main-menu-pinned-disabled' );		document.documentElement.classList.remove( 'vector-feature-main-menu-pinned-disabled' );
	document.documentElement.classList.add( 'vector-feature-main-menu-pinned-enabled' );		document.documentElement.classList.add( 'vector-feature-main-menu-pinned-enabled' );
	~~log( 'done, pinnedChildren now=' + pinnedContainer.children.length );~~
	}		}
	}		}
	~~log( 'script loaded, readyState=' + document.readyState );~~
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', pinMainMenu );		document.addEventListener( 'DOMContentLoaded', pinMainMenu );

CNeiss: Pin sidebar open by default for all visitors

2026-09-14T19:38:17Z

Pin sidebar open by default for all visitors

← Older revision		Revision as of 19:38, 14 September 2026
Line 19:		Line 19:
	viewports, where a permanently-open sidebar would crowd out the page content. */		viewports, where a permanently-open sidebar would crowd out the page content. */
	( function () {		( function () {
			function log( msg ) { if ( window.console && window.console.log ) { console.log( '[otw-pin] ' + msg ); } }
	function pinMainMenu() {		function pinMainMenu() {
	if ( window.innerWidth < 1000 ) { return; }		log( 'pinMainMenu called, readyState=' + document.readyState + ' width=' + window.innerWidth );
	if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }		if ( window.innerWidth < 1000 ) { log( 'bail: narrow' ); return; }
			if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { log( 'bail: already pinned' ); return; }
	var pinnedContainer = document.getElementById( 'vector-main-menu-pinned-container' );		var pinnedContainer = document.getElementById( 'vector-main-menu-pinned-container' );
	var realMenu = document.getElementById( 'vector-main-menu' );		var realMenu = document.getElementById( 'vector-main-menu' );
	~~/* Clicking Vector~~'~~s own pin button relies on its Vue click handler being wired up,~~		log( 'pinnedContainer=' + ( !!pinnedContainer ) + ' realMenu=' + ( !!realMenu ) +
	~~which isn~~'~~t reliably ready this early in page load~~. ~~Instead, replicate what that~~		' pinnedChildren=' + ( pinnedContainer ? pinnedContainer.children.length : '-' ) );
	~~handler does directly~~: ~~the real menu content already lives in the DOM (inside the~~
	~~header~~'~~s collapsed dropdown)~~ -~~- move it into the always-present pinned-sidebar~~
	~~slot and flip the one class Vector~~'~~s CSS keys off of to lay it out as a column. */~~
	if ( pinnedContainer && realMenu && pinnedContainer.children.length === 0 ) {		if ( pinnedContainer && realMenu && pinnedContainer.children.length === 0 ) {
	pinnedContainer.appendChild( realMenu );		pinnedContainer.appendChild( realMenu );
	document.documentElement.classList.remove( 'vector-feature-main-menu-pinned-disabled' );		document.documentElement.classList.remove( 'vector-feature-main-menu-pinned-disabled' );
	document.documentElement.classList.add( 'vector-feature-main-menu-pinned-enabled' );		document.documentElement.classList.add( 'vector-feature-main-menu-pinned-enabled' );
			log( 'done, pinnedChildren now=' + pinnedContainer.children.length );
	}		}
	}		}
			log( 'script loaded, readyState=' + document.readyState );
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', pinMainMenu );		document.addEventListener( 'DOMContentLoaded', pinMainMenu );

CNeiss: Pin sidebar open by default for all visitors

2026-09-14T19:36:26Z

Pin sidebar open by default for all visitors

← Older revision		Revision as of 19:36, 14 September 2026
Line 19:		Line 19:
	viewports, where a permanently-open sidebar would crowd out the page content. */		viewports, where a permanently-open sidebar would crowd out the page content. */
	( function () {		( function () {
	~~var attempts = 0;~~		function pinMainMenu() {
	~~var MAX_ATTEMPTS = 32; /* ~8s of enforcement, in case Vector's own later init resets it */~~		if ( window.innerWidth < 1000 ) { return; }
	function ~~tick~~() {		if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }
	~~attempts++;~~		var pinnedContainer = document.getElementById( 'vector-main-menu-pinned-container' );
	/* window.innerWidth ~~is checked fresh every tick, not once up front -- an early~~		var realMenu = document.getElementById( 'vector-main-menu' );
	~~tick reading a not-yet-settled viewport must not permanently abandon the loop.~~		/* Clicking Vector's own pin button relies on its Vue click handler being wired up,
	~~Re-check and re-click every tick rather than stopping at first success: the~~		which isn't reliably ready this early in page load. Instead, replicate what that
	~~button exists in the DOM from initial render but Vector wires up its click~~		handler does directly: the real menu content already lives in the DOM (inside the
	~~handler, and re-applies its own pin/unpin state from the (empty, for a fresh~~		header's collapsed dropdown) -- move it into the always-present pinned-sidebar
	~~visitor~~) ~~saved preference, slightly later -- an early click can silently no-op~~		slot and flip the one class Vector's CSS keys off of to lay it out as a column. */
	~~or get overwritten right after. Re-asserting for a few seconds outlasts that. */~~		if ( pinnedContainer && realMenu && pinnedContainer.children.length === 0 ) {
	if ( ~~window.innerWidth >= 1000 &&~~		pinnedContainer.appendChild( realMenu );
	!document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) {		document.documentElement.classList.remove( 'vector-feature-main-menu-pinned-disabled' );
	var ~~btn~~ = document.~~querySelector~~( '#vector-main-menu-~~dropdown~~ .vector-~~pinnable-header~~-pin-button' );		document.documentElement.classList.add( 'vector-feature-main-menu-pinned-enabled' );
	if ( ~~btn~~ ) ~~{ btn~~.~~click(); }~~
	if ( ~~window.console~~ && ~~window~~.~~console~~.~~log~~ ) {
	~~console~~.~~log( '[otw-pin] tick ' + attempts + ': width=' + window.innerWidth + ' btnFound=' +~~ ( ~~!!btn )~~ );
	}
	}
	if ( ~~attempts < MAX_ATTEMPTS~~ ) {
	~~setTimeout~~( ~~tick, 250~~ );
	}		}
	}		}
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', ~~tick~~ );		document.addEventListener( 'DOMContentLoaded', pinMainMenu );
	} else {		} else {
	~~tick~~();		pinMainMenu();
	}		}
	}() );		}() );

CNeiss: Pin sidebar open by default for all visitors

2026-09-14T19:31:57Z

Pin sidebar open by default for all visitors

← Older revision		Revision as of 19:31, 14 September 2026
Line 22:		Line 22:
	var MAX_ATTEMPTS = 32; /* ~8s of enforcement, in case Vector's own later init resets it */		var MAX_ATTEMPTS = 32; /* ~8s of enforcement, in case Vector's own later init resets it */
	function tick() {		function tick() {
	~~if ( window.innerWidth < 1000 ) { return; }~~
	attempts++;		attempts++;
	/* Re-check and re-click every tick rather than stopping at first success: the		/* window.innerWidth is checked fresh every tick, not once up front -- an early
			tick reading a not-yet-settled viewport must not permanently abandon the loop.
			Re-check and re-click every tick rather than stopping at first success: the
	button exists in the DOM from initial render but Vector wires up its click		button exists in the DOM from initial render but Vector wires up its click
	handler, and re-applies its own pin/unpin state from the (empty, for a fresh		handler, and re-applies its own pin/unpin state from the (empty, for a fresh
	visitor) saved preference, slightly later -- an early click can silently no-op		visitor) saved preference, slightly later -- an early click can silently no-op
	or get overwritten right after. Re-asserting for a few seconds outlasts that. */		or get overwritten right after. Re-asserting for a few seconds outlasts that. */
	if ( !document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) {		if ( window.innerWidth >= 1000 &&
			!document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) {
	var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );		var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );
	if ( btn ) { btn.click(); }		if ( btn ) { btn.click(); }
			if ( window.console && window.console.log ) {
			console.log( '[otw-pin] tick ' + attempts + ': width=' + window.innerWidth + ' btnFound=' + ( !!btn ) );
			}
	}		}
	if ( attempts < MAX_ATTEMPTS ) {		if ( attempts < MAX_ATTEMPTS ) {

CNeiss: Pin sidebar open by default for all visitors

2026-09-14T19:30:06Z

Pin sidebar open by default for all visitors

← Older revision		Revision as of 19:30, 14 September 2026
Line 19:		Line 19:
	viewports, where a permanently-open sidebar would crowd out the page content. */		viewports, where a permanently-open sidebar would crowd out the page content. */
	( function () {		( function () {
	function ~~pinMainMenu~~( ~~attemptsLeft~~ ) {		var attempts = 0;
			var MAX_ATTEMPTS = 32; /* ~8s of enforcement, in case Vector's own later init resets it */
			function tick() {
	if ( window.innerWidth < 1000 ) { return; }		if ( window.innerWidth < 1000 ) { return; }
	if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { ~~return; }~~		attempts++;
	var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );		/* Re-check and re-click every tick rather than stopping at first success: the
	~~/* The button exists in the DOM from initial render, but Vector wires up its click~~		button exists in the DOM from initial render but Vector wires up its click
	~~handler slightly later -- clicking too early is a silent no-op. So keep retrying~~		handler, and re-applies its own pin/unpin state from the (empty, for a fresh
	~~(re-checking the pinned class above) until it actually takes, not just until the~~		visitor) saved preference, slightly later -- an early click can silently no-op
	~~element exists. */~~		or get overwritten right after. Re-asserting for a few seconds outlasts that. */
	if ( btn ) { btn.click(); }		if ( !document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) {
	if ( ~~attemptsLeft > 0~~ ) {		var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );
	setTimeout( ~~function () { pinMainMenu( attemptsLeft - 1 ); }~~, 250 );		if ( btn ) { btn.click(); }
			}
			if ( attempts < MAX_ATTEMPTS ) {
			setTimeout( tick, 250 );
	}		}
	}		}
	~~function start() { pinMainMenu( 40 ); }~~
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', ~~start~~ );		document.addEventListener( 'DOMContentLoaded', tick );
	} else {		} else {
	~~start~~();		tick();
	}		}
	}() );		}() );

CNeiss: Pin sidebar open by default for all visitors

2026-09-14T19:28:09Z

Pin sidebar open by default for all visitors

← Older revision		Revision as of 19:28, 14 September 2026
Line 23:		Line 23:
	if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }		if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }
	var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );		var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );
	if ( btn ) {		/* The button exists in the DOM from initial render, but Vector wires up its click
	btn.click();		handler slightly later -- clicking too early is a silent no-op. So keep retrying
	~~return;~~		(re-checking the pinned class above) until it actually takes, not just until the
	}		element exists. */
	~~/* Vector's own JS builds this button slightly after "site" runs; retry briefly. */~~		if ( btn ) { btn.click(); }
	if ( attemptsLeft > 0 ) {		if ( attemptsLeft > 0 ) {
	setTimeout( function () { pinMainMenu( attemptsLeft - 1 ); }, ~~150~~ );		setTimeout( function () { pinMainMenu( attemptsLeft - 1 ); }, 250 );
	}		}
	}		}
	function start() { pinMainMenu( 20 ); }		function start() { pinMainMenu( 40 ); }
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', start );		document.addEventListener( 'DOMContentLoaded', start );

CNeiss: Pin sidebar open by default for all visitors

2026-09-14T19:16:58Z

Pin sidebar open by default for all visitors

← Older revision		Revision as of 19:16, 14 September 2026
Line 19:		Line 19:
	viewports, where a permanently-open sidebar would crowd out the page content. */		viewports, where a permanently-open sidebar would crowd out the page content. */
	( function () {		( function () {
	function pinMainMenu() {		function pinMainMenu( attemptsLeft ) {
	if ( window.innerWidth < 1000 ) { return; }		if ( window.innerWidth < 1000 ) { return; }
	if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }		if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }
	var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );		var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );
	if ( btn ) { btn.click(); }		if ( btn ) {
			btn.click();
			return;
			}
			/* Vector's own JS builds this button slightly after "site" runs; retry briefly. */
			if ( attemptsLeft > 0 ) {
			setTimeout( function () { pinMainMenu( attemptsLeft - 1 ); }, 150 );
			}
	}		}
			function start() { pinMainMenu( 20 ); }
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', ~~pinMainMenu~~ );		document.addEventListener( 'DOMContentLoaded', start );
	} else {		} else {
	~~pinMainMenu~~();		start();
	}		}
	}() );		}() );

CNeiss: Pin sidebar open by default for all visitors

2026-09-14T19:15:03Z

Pin sidebar open by default for all visitors

New page

/* OPTIONAL. Append to MediaWiki:Common.js only if you want inline highlight-and-annotate
on long-form pages (white paper, book chapters). Loads the Hypothesis client on pages
tagged with the "Annotate" category. Readers need a free Hypothesis account to annotate;
anyone can read annotations. Remove this block to turn it off. */
( function () {
if ( mw.config.get( 'wgCategories' ).indexOf( 'Annotate' ) === -1 ) { return; }
if ( mw.config.get( 'wgAction' ) !== 'view' ) { return; }
var s = document.createElement( 'script' );
s.src = 'https://hypothes.is/embed.js';
s.async = true;
document.head.appendChild( s );
}() );

/* ---- Pin the sidebar (Main menu) open by default for every visitor -----------------
Vector 2022 only shows Main menu as a permanent left column once a user pins it
(client preference, saved per-account/browser). This triggers that same built-in
pin action automatically on every page load, so it defaults to open for everyone
instead of only whoever has pinned it themselves. Skipped on narrow/mobile
viewports, where a permanently-open sidebar would crowd out the page content. */
( function () {
function pinMainMenu() {
if ( window.innerWidth < 1000 ) { return; }
if ( document.documentElement.classList.contains( 'vector-feature-main-menu-pinned-enabled' ) ) { return; }
var btn = document.querySelector( '#vector-main-menu-dropdown .vector-pinnable-header-pin-button' );
if ( btn ) { btn.click(); }
}
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', pinMainMenu );
} else {
pinMainMenu();
}
}() );