MediaWiki:Common.js - Revision history

Arclight at 05:50, 19 February 2026

2026-02-19T05:50:49Z

Arclight at 02:58, 19 February 2026

2026-02-19T02:58:35Z

← Older revision		Revision as of 02:58, 19 February 2026
Line 612:		Line 612:
	+ 'text-underline-offset:2px;" '		+ 'text-underline-offset:2px;" '
	+ 'target="_blank" rel="noopener">Arclight Automata</a> project';		+ 'target="_blank" rel="noopener">Arclight Automata</a> project';
	span.style.cssText = 'font-weight:normal;font-size:~~0.85em~~;opacity:0.7;';		span.style.cssText = 'font-weight:normal;font-size:1em;opacity:0.7;';

	logo.appendChild(span);		logo.appendChild(span);

Arclight at 02:54, 19 February 2026

2026-02-19T02:54:31Z

← Older revision	Revision as of 02:54, 19 February 2026
Line 591:	Line 591:





		/**
		* Footer Credit — "An Arclight Automata project"
		* Appends inline credit text with link after the site name
		* in the Minerva Neue footer (.minerva-footer-logo).
		*/
		(function () {
		'use strict';

		function addFooterCredit() {
		var logo = document.querySelector('.minerva-footer-logo');
		if (!logo \|\| logo.querySelector('.ecrt-footer-credit')) return;

		var span = document.createElement('span');
		span.className = 'ecrt-footer-credit';
		span.innerHTML = ' \u00b7 An <a href="https://arclight.run" '
		+ 'style="color:inherit;text-decoration:underline;text-decoration-color:rgba(128,128,128,0.4);'
		+ 'text-underline-offset:2px;" '
		+ 'target="_blank" rel="noopener">Arclight Automata</a> project';
		span.style.cssText = 'font-weight:normal;font-size:0.85em;opacity:0.7;';

		logo.appendChild(span);
		}

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

Arclight at 23:19, 18 February 2026

2026-02-18T23:19:34Z

Show changes

Arclight at 23:10, 18 February 2026

2026-02-18T23:10:27Z

Show changes

Arclight at 23:02, 18 February 2026

2026-02-18T23:02:16Z

Show changes

Arclight at 22:58, 18 February 2026

2026-02-18T22:58:52Z

Show changes

Arclight at 22:16, 18 February 2026

2026-02-18T22:16:56Z

← Older revision		Revision as of 22:16, 18 February 2026
Line 235:		Line 235:
	* Note: Page Forms creates the actual <input> element dynamically inside a		* Note: Page Forms creates the actual <input> element dynamically inside a
	* .pfFormInputWrapper div, so we must wait for it to appear before attaching		* .pfFormInputWrapper div, so we must wait for it to appear before attaching
	* listeners.		* listeners. PF uses jQuery UI Autocomplete, so we hook into its "select"
			* event to navigate immediately when a suggestion is clicked.
	*/		*/
	(function () {		(function () {
Line 242:		Line 243:
	if (mw.config.get('wgPageName') !== 'Main_Page') return;		if (mw.config.get('wgPageName') !== 'Main_Page') return;

	function goToPage(~~input~~) {		function goToPage(value) {
	~~var~~ value = ~~input.value~~.trim();		value = $.trim(value);
	if (value) {		if (value) {
	window.location.href = mw.util.getUrl(value);		window.location.href = mw.util.getUrl(value);
Line 250:		Line 251:

	function setup(container, form) {		function setup(container, form) {
	~~// The actual text input created by Page Forms inside .pfFormInputWrapper~~
	var input = container.querySelector('.pfFormInputWrapper input[type="text"], .pfFormInputWrapper input:not([type="hidden"])');		var input = container.querySelector('.pfFormInputWrapper input[type="text"], .pfFormInputWrapper input:not([type="hidden"])');
	if (!input) return false;		if (!input) return false;

			var $input = $(input);

	// Intercept form submission (Enter key / Go button)		// Intercept form submission (Enter key / Go button)
Line 258:		Line 260:
	e.preventDefault();		e.preventDefault();
	e.stopPropagation();		e.stopPropagation();
	goToPage(input);		goToPage(input.value);
	});		});

	// ~~Navigate immediately when an~~ autocomplete ~~suggestion~~ is ~~selected~~		// Hook into jQuery UI Autocomplete's "select" event.
	$(input).on('pfautocomplete', function () {		// PF may attach autocomplete after our code, so we try now and
	setTimeout(function () { goToPage(input); }, 50);		// also poll briefly until the widget is available.
			function hookAutocomplete() {
			if ($input.data('ui-autocomplete') \|\| $input.data('autocomplete')) {
			$input.on('autocompleteselect', function (event, ui) {
			// ui.item.value is the selected suggestion text
			var selected = (ui && ui.item) ? ui.item.value : input.value;
			// Prevent PF from processing its own handler first
			setTimeout(function () { goToPage(selected); }, 0);
			});
			return true;
			}
			return false;
			}

			if (!hookAutocomplete()) {
			// Autocomplete widget not ready yet — poll for it
			var attempts = 0;
			var poll = setInterval(function () {
			attempts++;
			if (hookAutocomplete() \|\| attempts > 50) {
			clearInterval(poll);
			}
			}, 200);
			}

			// Also listen for pfautocomplete (some PF versions fire this)
			$input.on('pfautocomplete', function () {
			setTimeout(function () { goToPage(input.value); }, 50);
	});		});

Line 276:		Line 305:
	if (!form) return;		if (!form) return;

	~~// Try immediately — if PF has already initialized, we're done~~
	if (setup(container, form)) return;		if (setup(container, form)) return;

	// ~~Otherwise watch~~ for PF to inject the <input> dynamically		// Watch for PF to inject the <input> dynamically
	var observer = new MutationObserver(function (mutations, obs) {		var observer = new MutationObserver(function (mutations, obs) {
	if (setup(container, form)) {		if (setup(container, form)) {
Line 286:		Line 314:
	});		});
	observer.observe(container, { childList: true, subtree: true });		observer.observe(container, { childList: true, subtree: true });

	~~// Safety timeout: stop observing after 10s~~
	setTimeout(function () { observer.disconnect(); }, 10000);		setTimeout(function () { observer.disconnect(); }, 10000);
	}		}

Arclight at 22:13, 18 February 2026

2026-02-18T22:13:07Z

Show changes

Arclight at 22:09, 18 February 2026

2026-02-18T22:09:53Z

← Older revision		Revision as of 22:09, 18 February 2026
Line 228:		Line 228:

	/**		/**
	* Quick Search — Navigate directly to wiki page		* Quick Search — Navigate directly to wiki page (DEBUG VERSION)
	* Intercepts the Page Forms #forminput inside #crt-quick-search so that		* Intercepts the Page Forms #forminput inside #crt-quick-search so that
	* clicking "Go" (or pressing Enter, or selecting an autocomplete suggestion)		* clicking "Go" (or pressing Enter, or selecting an autocomplete suggestion)
Line 235:		Line 235:
	(function () {		(function () {
	'use strict';		'use strict';

			var PAGE = mw.config.get('wgPageName');
			console.log('[QuickSearch] wgPageName =', PAGE);

	// Only run on Main Page		// Only run on Main Page
	if (~~mw.config.get(~~'~~wgPageName~~') ~~!==~~ 'Main_Page') return;		if (PAGE !== 'Main_Page') {
			console.log('[QuickSearch] Not Main_Page, exiting.');
			return;
			}

	function initQuickSearch() {		function initQuickSearch() {
			console.log('[QuickSearch] initQuickSearch() called');

	var container = document.getElementById('crt-quick-search');		var container = document.getElementById('crt-quick-search');
			console.log('[QuickSearch] container #crt-quick-search =', container);
	if (!container) return;		if (!container) return;

			// Log all child elements to see structure
			console.log('[QuickSearch] container innerHTML (first 500 chars):', container.innerHTML.substring(0, 500));

	var form = container.querySelector('form');		var form = container.querySelector('form');
	if (!form) ~~return~~;		console.log('[QuickSearch] form =', form);
			if (!form) {
			console.log('[QuickSearch] No <form> found. Trying other selectors...');
			// Page Forms might not wrap in a <form> — try the div it creates
			var pfDiv = container.querySelector('.pfFormInputWrapper, .forminput-wrapper, div[id^="pf"]');
			console.log('[QuickSearch] PF wrapper div =', pfDiv);
			}

			var input = container.querySelector('input[type="text"]');
			console.log('[QuickSearch] input[type="text"] =', input);
			if (!input) {
			// Try broader selectors
			var anyInput = container.querySelector('input');
			console.log('[QuickSearch] any input =', anyInput);
			if (anyInput) {
			console.log('[QuickSearch] input type =', anyInput.type, ', name =', anyInput.name, ', class =', anyInput.className);
			}
			}

	~~var~~ input ~~= form~~.~~querySelector~~('~~input~~[~~type="text"~~]');		if (!form \|\| !input) {
	~~if (!input)~~ return;		console.warn('[QuickSearch] Could not find form or input. Aborting.');
			return;
			}

	/**
	* Navigate to the wiki page for whatever is currently in the input.
	*/
	function goToPage() {		function goToPage() {
	var value = input.value.trim();		var value = input.value.trim();
			console.log('[QuickSearch] goToPage() value =', JSON.stringify(value));
	if (value) {		if (value) {
	~~window.location.href~~ = mw.util.getUrl(value);		var url = mw.util.getUrl(value);
			console.log('[QuickSearch] Navigating to:', url);
			window.location.href = url;
	}		}
	}		}

	~~// Intercept normal form submission (Enter key / Go button)~~
	form.addEventListener('submit', function (e) {		form.addEventListener('submit', function (e) {
			console.log('[QuickSearch] Form submit intercepted!');
	e.preventDefault();		e.preventDefault();
	e.stopPropagation();		e.stopPropagation();
Line 266:		Line 297:
	});		});

	~~// Page Forms autocomplete fires a~~ '~~pfautocomplete~~' ~~event on the~~		if (typeof $ !== 'undefined') {
	~~// input when a suggestion is selected. Listen for it and navigate~~		$(input).on('pfautocomplete', function () {
	~~// immediately so the user doesn't have to click Go a second time.~~		console.log('[QuickSearch] pfautocomplete event fired');
	$(input).on('pfautocomplete', function () {		setTimeout(goToPage, 50);
	~~// Small delay to let PF finish updating the input value~~		});
	setTimeout(goToPage, 50);		console.log('[QuickSearch] pfautocomplete listener attached');
	});		} else {
			console.warn('[QuickSearch] jQuery not available');
			}

			console.log('[QuickSearch] Setup complete!');
	}		}

	~~// Run after the DOM is ready (PF may inject its form dynamically)~~
	if (document.readyState === 'loading') {		if (document.readyState === 'loading') {
			console.log('[QuickSearch] DOM loading, adding DOMContentLoaded listener');
	document.addEventListener('DOMContentLoaded', initQuickSearch);		document.addEventListener('DOMContentLoaded', initQuickSearch);
	} else {		} else {
			console.log('[QuickSearch] DOM already ready, calling initQuickSearch now');
	initQuickSearch();		initQuickSearch();
	}		}