MediaWiki:Common.js - Revision history

Gurwinder: Undo revision 104883 by Gurwinder (talk)

2025-12-17T06:12:34Z

Undo revision 104883 by Gurwinder (talk)

← Older revision		Revision as of 06:12, 17 December 2025
Line 263:		Line 263:


	$( function(){		$(function () {
	~~// toggled by toggle button. also determines which toggle button image to use~~
	var useCustom = false;		var useCustom = false;

	~~// toggleImgs[0] to switch to custom, toggleImgs[1] to revert to default~~		var zoomInSVG =
	~~var toggleImgs~~ = [		'<svg width="22" height="22" viewBox="0 0 24 24">' +
	'~~//storage~~.~~googleapis~~.~~com/material~~-~~icons/external~~-~~assets/v4/icons/svg/ic_search_black_24px~~.~~svg~~',		'<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z ' +
	'~~//storage.googleapis.com/material~~-~~icons/external~~-~~assets~~/~~v4/icons~~/svg~~/ic_youtube_searched_for_black_24px.svg~~'		'M10 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8z ' +
	];		'M11 7H9v2H7v2h2v2h2v-2h2V9h-2z"/>' +
	var ~~zoomInImg~~ = '~~//storage~~.~~googleapis~~.~~com/material~~-~~icons/external~~-~~assets~~/~~v4/icons~~/svg~~/ic_zoom_in_black_24px.svg~~';		'</svg>';
	var ~~zoomOutImg~~ = '~~//storage.googleapis.com/material~~-~~icons/external~~-~~assets~~/~~v4/icons~~/svg~~/ic_zoom_out_black_24px.svg~~';
			var zoomOutSVG =
	~~// create DOM elements~~		'<svg width="22" height="22" viewBox="0 0 24 24">' +
	$('#content').prepend('<div id="zoomButtons" style="z-index: 9999;">\		'<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z ' +
	<~~img~~ id="zoomInIcon" ~~src="~~' + ~~zoomInImg~~ + '~~" alt="zoom in""~~>\		'M7 9h6v2H7z"/>' +
	<~~img~~ id="zoomOutIcon" ~~src="~~' + ~~zoomOutImg~~ + '~~" alt="zoom out""~~>\		'</svg>';
	<~~img~~ id="toggleButton" ~~src="~~' + ~~toggleImgs[~~+ ~~useCustom]~~ + '~~" alt="toggle zoom">&nbsp~~</div>');
	~~$('#zoomButtons').css({'float': 'right'}~~);		var toggleSVG =
			'<svg width="22" height="22" viewBox="0 0 24 24">' +
	~~// find DOM elements used later~~		'<path d="M5 4h14v2H5zm4 4h6l-2 12h-2z"/>' +
			'</svg>';

			$('#content').prepend(
			'<div id="zoomButtons" style="z-index:9999; float:right; display:flex; gap:8px; cursor:pointer;">' +
			'<span id="zoomInIcon">' + zoomInSVG + '</span>' +
			'<span id="zoomOutIcon">' + zoomOutSVG + '</span>' +
			'<span id="toggleButton">' + toggleSVG + '</span>' +
			'</div>'
			);

	var $bodyContent = $('.mw-body-content');		var $bodyContent = $('.mw-body-content');
	~~var $toggleButton = $('#toggleButton');~~
			var sizes = [parseFloat($bodyContent.css('font-size'))];
	~~// sizes[0] is default, sizes[1] is custom~~
	var sizes = [parseFloat($~~('.mw-body-content')~~.css('font-size'))];
	~~// default custom zoom of 2~~
	sizes[1] = sizes[0] + 2;		sizes[1] = sizes[0] + 2;

	~~// the + converts bool to 0 or 1 to use as array index~~
	function updateSize() {		function updateSize() {
	$bodyContent.css({'font-size':(sizes[+ useCustom] + 'pt')});		$bodyContent.css('font-size', sizes[+useCustom] + 'pt');
	}		}

	function toggle() {		function toggle() {
	useCustom = !useCustom;		useCustom = !useCustom;
	~~$toggleButton.attr('src',toggleImgs[+ useCustom]);~~
	updateSize();		updateSize();
	}		}

	function zoom(dif) {		function zoom(dif) {
	sizes[1] += dif;		sizes[1] += dif;
Line 308:		Line 314:
	}		}
	}		}

	$( '#zoomInIcon' ).on( 'click', function(){		$('#zoomInIcon').on('click', function () {
	~~console.log("Zoom +");~~
	zoom(1);		zoom(1);
	});		});

	$( '#zoomOutIcon' ).on( 'click', function(){		$('#zoomOutIcon').on('click', function () {
	~~console.log("Zoom -");~~
	zoom(-1);		zoom(-1);
	});		});

	$( '#toggleButton' ).on( 'click', toggle );		$('#toggleButton').on('click', toggle);
	});		});

Gurwinder at 06:11, 17 December 2025

2025-12-17T06:11:31Z

← Older revision		Revision as of 06:11, 17 December 2025
Line 263:		Line 263:


	$(function () {		$( function(){
			// toggled by toggle button. also determines which toggle button image to use
	var useCustom = false;		var useCustom = false;

	var ~~zoomInSVG~~ =		// toggleImgs[0] to switch to custom, toggleImgs[1] to revert to default
	'~~<svg width="22" height="22" viewBox="0 0 24 24">' +~~		var toggleImgs = [
	~~'<path d="M15~~.~~5 14h-~~.8l-.3-.~~3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z~~ ' +		'//storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_search_black_24px.svg',
	'~~M10 14a4 4 0 1 1 0~~-~~8 4 4 0 0 1 0 8z ' +~~		'//storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_youtube_searched_for_black_24px.svg'
	~~'M11 7H9v2H7v2h2v2h2v~~-~~2h2V9h-2z"~~/~~>' +~~		];
	'</svg>';		var zoomInImg = '//storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_zoom_in_black_24px.svg';
			var zoomOutImg = '//storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_zoom_out_black_24px.svg';
	var ~~zoomOutSVG~~ =
	'~~<svg width="22" height="22" viewBox="0 0 24 24">' +~~		// create DOM elements
	~~'<path d="M15~~.~~5 14h-~~.8l-.3-~~.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z ' +~~		$('#content').prepend('<div id="zoomButtons" style="z-index: 9999;">\
	~~'M7 9h6v2H7z"~~/~~>' +~~		<img id="zoomInIcon" src="' + zoomInImg + '" alt="zoom in"">\
	'</svg>';		<img id="zoomOutIcon" src="' + zoomOutImg + '" alt="zoom out"">\
			<img id="toggleButton" src="' + toggleImgs[+ useCustom] + '" alt="toggle zoom">&nbsp</div>');
	var ~~toggleSVG~~ =		$('#zoomButtons').css({'float': 'right'});
	'~~<svg width="22" height="22" viewBox="0 0 24 24">' +~~
	~~'<path d="M5 4h14v2H5zm4 4h6l~~-~~2 12h~~-~~2z"~~/~~>' +~~		// find DOM elements used later
	'</svg>';

	$('#content').prepend(
	'<div id="zoomButtons" style="z-index:9999~~; float:right; display:flex; gap:8px; cursor:pointer~~;">~~' +~~
	'<~~span~~ id="zoomInIcon">' + ~~zoomInSVG~~ + '~~</span~~>~~' +~~
	'<~~span~~ id="zoomOutIcon">' + ~~zoomOutSVG~~ + '~~</span~~>~~' +~~
	'<~~span~~ id="toggleButton">' + ~~toggleSVG~~ + '~~</span~~>~~' +~~
	'</div>'
	);

	var $bodyContent = $('.mw-body-content');		var $bodyContent = $('.mw-body-content');
			var $toggleButton = $('#toggleButton');
	var sizes = [parseFloat($~~bodyContent~~.css('font-size'))];
			// sizes[0] is default, sizes[1] is custom
			var sizes = [parseFloat($('.mw-body-content').css('font-size'))];
			// default custom zoom of 2
	sizes[1] = sizes[0] + 2;		sizes[1] = sizes[0] + 2;

			// the + converts bool to 0 or 1 to use as array index
	function updateSize() {		function updateSize() {
	$bodyContent.css('font-size', sizes[+useCustom] + 'pt');		$bodyContent.css({'font-size':(sizes[+ useCustom] + 'pt')});
	}		}

	function toggle() {		function toggle() {
	useCustom = !useCustom;		useCustom = !useCustom;
			$toggleButton.attr('src',toggleImgs[+ useCustom]);
	updateSize();		updateSize();
	}		}

	function zoom(dif) {		function zoom(dif) {
	sizes[1] += dif;		sizes[1] += dif;
Line 314:		Line 308:
	}		}
	}		}

	$('#zoomInIcon').on('click', function () {		$( '#zoomInIcon' ).on( 'click', function(){
			console.log("Zoom +");
	zoom(1);		zoom(1);
	});		});

	$('#zoomOutIcon').on('click', function () {		$( '#zoomOutIcon' ).on( 'click', function(){
			console.log("Zoom -");
	zoom(-1);		zoom(-1);
	});		});

	$('#toggleButton').on('click', toggle);		$( '#toggleButton' ).on( 'click', toggle );
	});		});

Gurwinder at 06:10, 17 December 2025

2025-12-17T06:10:21Z

← Older revision		Revision as of 06:10, 17 December 2025
Line 263:		Line 263:


	$( function(){		$(function () {
	~~// toggled by toggle button. also determines which toggle button image to use~~
	var useCustom = false;		var useCustom = false;

	~~// toggleImgs[0] to switch to custom, toggleImgs[1] to revert to default~~
	~~var zoomInSVG = `~~
	~~<svg width="22" height="22" viewBox="0 0 24 24">~~
	~~<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z~~
	~~M10 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8z~~
	~~M11 7H9v2H7v2h2v2h2v-2h2V9h-2z"/>~~
	~~</svg>`;~~

	var ~~zoomOutSVG~~ = `		var zoomInSVG =
	<svg width="22" height="22" viewBox="0 0 24 24">		'<svg width="22" height="22" viewBox="0 0 24 24">' +
	<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z		'<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z ' +
	~~M7 9h6v2H7z~~"/>		'M10 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8z ' +
	</svg>`;		'M11 7H9v2H7v2h2v2h2v-2h2V9h-2z"/>' +
			'</svg>';

	var toggleSVG = `		var zoomOutSVG =
	<svg width="22" height="22" viewBox="0 0 24 24">		'<svg width="22" height="22" viewBox="0 0 24 24">' +
	<path d="M5 4h14v2H5zm4 4h6l-2 12h-2z"/>		'<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z ' +
	</svg>`;		'M7 9h6v2H7z"/>' +
			'</svg>';

			var toggleSVG =
			'<svg width="22" height="22" viewBox="0 0 24 24">' +
			'<path d="M5 4h14v2H5zm4 4h6l-2 12h-2z"/>' +
			'</svg>';

			$('#content').prepend(
			'<div id="zoomButtons" style="z-index:9999; float:right; display:flex; gap:8px; cursor:pointer;">' +
			'<span id="zoomInIcon">' + zoomInSVG + '</span>' +
			'<span id="zoomOutIcon">' + zoomOutSVG + '</span>' +
			'<span id="toggleButton">' + toggleSVG + '</span>' +
			'</div>'
			);

	~~// create DOM elements~~
	~~$('#content').prepend(`~~
	~~<div id="zoomButtons" style="z-index:9999; float:right; display:flex; gap:8px; cursor:pointer;">~~
	~~<span id="zoomInIcon">${zoomInSVG}</span>~~
	~~<span id="zoomOutIcon">${zoomOutSVG}</span>~~
	~~<span id="toggleButton">${toggleSVG}</span>~~
	~~</div>~~
	~~`);~~

	~~// find DOM elements used later~~
	var $bodyContent = $('.mw-body-content');		var $bodyContent = $('.mw-body-content');
	~~var $toggleButton = $('#toggleButton');~~
			var sizes = [parseFloat($bodyContent.css('font-size'))];
	~~// sizes[0] is default, sizes[1] is custom~~
	var sizes = [parseFloat($~~('.mw-body-content')~~.css('font-size'))];
	~~// default custom zoom of 2~~
	sizes[1] = sizes[0] + 2;		sizes[1] = sizes[0] + 2;

	~~// the + converts bool to 0 or 1 to use as array index~~
	function updateSize() {		function updateSize() {
	$bodyContent.css({'font-size':(sizes[+ useCustom] + 'pt')});		$bodyContent.css('font-size', sizes[+useCustom] + 'pt');
	}		}

	function toggle() {		function toggle() {
	useCustom = !useCustom;		useCustom = !useCustom;
	updateSize();		updateSize();
	}		}

	function zoom(dif) {		function zoom(dif) {
	sizes[1] += dif;		sizes[1] += dif;
Line 320:		Line 314:
	}		}
	}		}

	$( '#zoomInIcon' ).on( 'click', function(){		$('#zoomInIcon').on('click', function () {
	~~console.log("Zoom +");~~
	zoom(1);		zoom(1);
	});		});

	$( '#zoomOutIcon' ).on( 'click', function(){		$('#zoomOutIcon').on('click', function () {
	~~console.log("Zoom -");~~
	zoom(-1);		zoom(-1);
	});		});

	$( '#toggleButton' ).on( 'click', toggle );		$('#toggleButton').on('click', toggle);
	});		});

Gurwinder: Replace zoom img

2025-12-17T06:08:20Z

Replace zoom img

← Older revision		Revision as of 06:08, 17 December 2025
Line 268:		Line 268:

	// toggleImgs[0] to switch to custom, toggleImgs[1] to revert to default		// toggleImgs[0] to switch to custom, toggleImgs[1] to revert to default
	var ~~toggleImgs~~ = [		var zoomInSVG = `
	~~'//storage~~.~~googleapis~~.~~com/material~~-~~icons/external~~-~~assets/v4/icons/svg/ic_search_black_24px~~.~~svg',~~		<svg width="22" height="22" viewBox="0 0 24 24">
	~~'//storage~~.~~googleapis~~.~~com/material~~-~~icons/external~~-~~assets~~/~~v4/icons~~/svg~~/ic_youtube_searched_for_black_24px.svg'~~		<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z
	];		M10 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8z
	var ~~zoomInImg~~ = ~~'//storage~~.~~googleapis~~.~~com/material~~-~~icons/external~~-~~assets~~/~~v4/icons~~/svg~~/ic_zoom_in_black_24px.svg'~~;		M11 7H9v2H7v2h2v2h2v-2h2V9h-2z"/>
	var ~~zoomOutImg~~ = ~~'//storage.googleapis.com/material~~-~~icons/external~~-~~assets~~/v4/~~icons/svg/ic_zoom_out_black_24px.~~svg';		</svg>`;

			var zoomOutSVG = `
			<svg width="22" height="22" viewBox="0 0 24 24">
			<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z
			M7 9h6v2H7z"/>
			</svg>`;

			var toggleSVG = `
			<svg width="22" height="22" viewBox="0 0 24 24">
			<path d="M5 4h14v2H5zm4 4h6l-2 12h-2z"/>
			</svg>`;

	// create DOM elements		// create DOM elements
	$('#content').prepend('<div id="zoomButtons" style="z-index: 9999;">\		$('#content').prepend(`
	<~~img~~ id="zoomInIcon" ~~src="' + zoomInImg + '" alt="zoom in""~~>\		<div id="zoomButtons" style="z-index:9999; float:right; display:flex; gap:8px; cursor:pointer;">
	<~~img~~ id="zoomOutIcon" ~~src="' + zoomOutImg + '" alt="zoom out""~~>\		<span id="zoomInIcon">${zoomInSVG}</span>
	<~~img~~ id="toggleButton" ~~src="' + toggleImgs[+ useCustom] + '" alt="toggle zoom"~~>~~&nbsp~~</div>~~');~~		<span id="zoomOutIcon">${zoomOutSVG}</span>
	~~$('#zoomButtons').css({'float': 'right'}~~);		<span id="toggleButton">${toggleSVG}</span>
			</div>
			`);

	// find DOM elements used later		// find DOM elements used later
Line 297:		Line 310:
	function toggle() {		function toggle() {
	useCustom = !useCustom;		useCustom = !useCustom;
	~~$toggleButton.attr('src',toggleImgs[+ useCustom]);~~
	updateSize();		updateSize();
	}		}

Gurwinder at 04:37, 15 October 2025

2025-10-15T04:37:30Z

Show changes

Gurwinder at 18:47, 14 October 2025

2025-10-14T18:47:43Z

Show changes

Gurwinder at 18:45, 14 October 2025

2025-10-14T18:45:18Z

Show changes

Gurwinder at 18:42, 14 October 2025

2025-10-14T18:42:19Z

Show changes

Gurwinder at 18:37, 14 October 2025

2025-10-14T18:37:57Z

@@ Line 782: / Line 782: @@
 ( function () {
-     function smartSingleQuotes(text) {
+     'use strict';
-         // Then handle opening quotes (at start or after space/open punctuation)
+    // Convert single quotes in a text string to smart quotes
-         text = text.replace(/(^|[\s\(\[\{\"‘“])/g, function(match) {
+    function convertSingleQuotes(text) {
-            return match; // just return the same, will handle in next step
+         if (!text || text.indexOf("'") === -1) return text;
-         });
-         // Now process alternation: alternate between opening ‘ and closing ’
+         return text;
+     }
      function walkAndReplace(root) {
-         const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null, false);
+         if (!root) return;
-         const blacklist = new Set(["CODE", "PRE", "SCRIPT", "STYLE", "TEXTAREA", "NOSCRIPT", "MATH"]);
+        var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null, false);
          while ((node = walker.nextNode())) {
-             let parent = node.parentNode;
+             var parent = node.parentNode;
-             if (!parent || blacklist.has(parent.nodeName)) continue;
+             if (!parent) continue;
-             let newText = smartSingleQuotes(node.nodeValue);
+             var original = node.nodeValue;
-             if (newText !== node.nodeValue) node.nodeValue = newText;
+            var replaced = convertSingleQuotes(original);
+         }
+     }
-     mw.hook("wikipage.content").add(function ($content) {
+     // Run on initial content
-        walkAndReplace($content[0]);
+    function processAll() {
-     });
+        walkAndReplace(document.body);
 })();

Gurwinder at 18:08, 14 October 2025

2025-10-14T18:08:24Z

← Older revision		Revision as of 18:08, 14 October 2025
Line 783:		Line 783:

	( function () {		( function () {
	function ~~convertSingleQuotes~~(text) {		function smartSingleQuotes(text) {
	// ~~Opening single quote -> ‘ when at start~~ or ~~after whitespace/opening punctuation and before letter/digit~~		// Handle apostrophes in contractions or possessives first (like John's, it's)
	text = text.replace(/(~~^\|[~~\~~s\(\[\{\"'«—]~~)'(~~?=[A-Za-z0-9]~~)/g, '$~~1‘'~~);		text = text.replace(/(\w)'(\w)/g, "$1’$2");
	// ~~Closing single quote -> ’ when~~ after ~~letter~~/~~digit~~
	text = text.replace(/(~~?<=~~[~~A-Za-z0-9])'~~(~~?=$\|~~[^\w\d])/g, ~~'’'~~);		// Then handle opening quotes (at start or after space/open punctuation)
	// ~~fallback~~		text = text.replace(/(^\|[\s\(\[\{\"‘“])/g, function(match) {
	~~text~~ = text~~.replace~~(~~/'/g,~~ '’');		return match; // just return the same, will handle in next step
	return ~~text~~;		});

			// Now process alternation: alternate between opening ‘ and closing ’
			let result = "";
			let isOpen = true;
			for (let char of text) {
			if (char === "'") {
			result += isOpen ? "‘" : "’";
			isOpen = !isOpen;
			} else {
			result += char;
			}
			}
			return result;
	}		}

	function walkAndReplace(root) {		function walkAndReplace(root) {
	~~var~~ walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null, false);		const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null, false);
	~~var node;~~		const blacklist = new Set(["CODE", "PRE", "SCRIPT", "STYLE", "TEXTAREA", "NOSCRIPT", "MATH"]);
	~~var~~ blacklist = new Set(['CODE','PRE','SCRIPT','STYLE','TEXTAREA','NOSCRIPT','MATH~~','SPAN'~~]); ~~// adjust span if needed~~

	while (node = walker.nextNode()) {		let node;
	~~var~~ parent = node.parentNode;		while ((node = walker.nextNode())) {
	if (!parent~~) continue;~~		let parent = node.parentNode;
	~~if (~~blacklist.has(parent.nodeName)~~) continue;~~		if (!parent \|\| blacklist.has(parent.nodeName)) continue;
	~~// skip if inside a link? (optional)~~
	~~var ancestor = parent;~~
	~~var skip = false;~~
	~~while (ancestor && ancestor !== root) {~~
	~~if (blacklist.has(ancestor.nodeName)) { skip = true; break; }~~
	~~ancestor = ancestor.parentNode;~~
	}
	~~if (skip~~) continue;

	~~var~~ newText = ~~convertSingleQuotes~~(node.nodeValue);		let newText = smartSingleQuotes(node.nodeValue);
	if (newText !== node.nodeValue) node.nodeValue = newText;		if (newText !== node.nodeValue) node.nodeValue = newText;
	}		}
	}		}

	~~// Run after page load and on ajax content updates~~		mw.hook("wikipage.content").add(function ($content) {
	mw.hook('wikipage.content').add(function($content) {
	walkAndReplace($content[0]);		walkAndReplace($content[0]);
	});		});
	document.addEventListener('DOMContentLoaded', function() {
			document.addEventListener("DOMContentLoaded", function () {
	walkAndReplace(document.body);		walkAndReplace(document.body);
	});		});
	}() );		})();