MediaWiki:Common.js - Revision history

Bonez565 at 13:43, 31 March 2026

2026-03-31T13:43:04Z

← Older revision		Revision as of 13:43, 31 March 2026
Line 229:		Line 229:
	if (el.dataset.walkerApplied === '1') return;		if (el.dataset.walkerApplied === '1') return;

	var speed = parseFloat(el.getAttribute('data-speed') \|\| '2');		var speed =
			parseFloat(getComputedStyle(el).getPropertyValue('--walker-speed')) \|\|
			parseFloat(el.getAttribute('data-speed')) \|\|
			2;
	var scale = parseFloat(getComputedStyle(el).getPropertyValue('--scale')) \|\| 1;		var scale = parseFloat(getComputedStyle(el).getPropertyValue('--scale')) \|\| 1;
	var frame = parseFloat(getComputedStyle(el).getPropertyValue('--frame')) \|\| 32;		var frame = parseFloat(getComputedStyle(el).getPropertyValue('--frame')) \|\| 32;

Bonez565 at 13:21, 31 March 2026

2026-03-31T13:21:48Z

← Older revision		Revision as of 13:21, 31 March 2026
Line 234:		Line 234:

	var spriteWidth = frame * scale;		var spriteWidth = frame * scale;
	var x = 0;		var maxX = Math.max(0, window.innerWidth - spriteWidth);
	var dir = 1;
			// Random starting direction: 1 = right, -1 = left
			var dir = Math.random() < 0.5 ? 1 : -1;

			// Random starting position anywhere across the screen
			var x = Math.random() * maxX;

			// Apply initial state immediately
			el.style.setProperty('--walker-x', x + 'px');
			el.style.setProperty('--walker-face', dir);

	function tick() {		function tick() {
	~~var~~ maxX = Math.max(0, window.innerWidth - spriteWidth);		maxX = Math.max(0, window.innerWidth - spriteWidth);

	x += speed * dir;		x += speed * dir;

Bonez565 at 12:55, 31 March 2026

2026-03-31T12:55:41Z

← Older revision		Revision as of 12:55, 31 March 2026
Line 226:		Line 226:
	(function () {		(function () {

	function startWalker(el) {		function startWalker(el) {
	if (el.dataset.walkerApplied === '1') return;		if (el.dataset.walkerApplied === '1') return;

	var speed = parseFloat(el.getAttribute('data-speed') \|\| '2');		var speed = parseFloat(el.getAttribute('data-speed') \|\| '2');
	var scale = parseFloat(getComputedStyle(el).getPropertyValue('--scale')) \|\| 1;		var scale = parseFloat(getComputedStyle(el).getPropertyValue('--scale')) \|\| 1;
	var frame = parseFloat(getComputedStyle(el).getPropertyValue('--frame')) \|\| 32;		var frame = parseFloat(getComputedStyle(el).getPropertyValue('--frame')) \|\| 32;

	var spriteWidth = frame * scale;		var spriteWidth = frame * scale;
	var x = 0;		var x = 0;
	var dir = 1;		var dir = 1;

	function tick() {		function tick() {
	var maxX = Math.max(0, window.innerWidth - spriteWidth);		var maxX = Math.max(0, window.innerWidth - spriteWidth);

	x += speed * dir;		x += speed * dir;

	if (x >= maxX) {		if (x >= maxX) {
	x = maxX;		x = maxX;
	dir = -1;		dir = -1;
	} else if (x <= 0) {		} else if (x <= 0) {
	x = 0;		x = 0;
	dir = 1;		dir = 1;
	}		}

	~~var facing = (dir === 1) ? 1 : -1;~~		el.style.setProperty('--walker-x', x + 'px');
	el.style.~~transform =~~ '~~translateX(~~' + x + 'px) ~~scaleX~~(' ~~+ facing +~~ ')';		el.style.setProperty('--walker-face', dir);

	requestAnimationFrame(tick);		requestAnimationFrame(tick);
	}		}

	el.dataset.walkerApplied = '1';		el.dataset.walkerApplied = '1';
	requestAnimationFrame(tick);		requestAnimationFrame(tick);
	}		}

	function initSprite(el) {		function initSprite(el) {

Bonez565 at 12:50, 31 March 2026

2026-03-31T12:50:51Z

@@ Line 225: / Line 225: @@
 // Pet Sprite Animation
 (function () {
    function initSprite(el) {
@@ Line 241: / Line 275: @@
        var frames = Math.floor(w / h);
        if (frames < 1) frames = 1;
        // Apply derived values
        el.style.backgroundImage = 'url("' + url.replace(/"/g, '\\"') + '")';
@@ Line 249: / Line 283: @@
        el.dataset.spriteApplied = '1';
      };

Bonez565 at 11:17, 10 March 2026

2026-03-10T11:17:42Z

← Older revision		Revision as of 11:17, 10 March 2026
Line 276:		Line 276:
	// User log spam filtering		// User log spam filtering
	mw.hook('wikipage.content').add(function ($content) {		mw.hook('wikipage.content').add(function ($content) {
	var $~~list~~ = $content.find('.mw-changeslist');		var $changeslist = $content.find('.mw-changeslist');
			if (!$changeslist.length) {
	if (!$~~list~~.length) {
	return;		return;
	}		}

	~~var~~ $~~entries = $list~~.find('.mw-changeslist-~~src~~-~~mw-newuserlog~~');		// Avoid duplicate processing if hook runs multiple times
			if ($changeslist.find('.mw-changeslist-newuser-group').length) {
	~~if (!$entries~~.length) {
	return;		return;
	}		}

	~~// Prevent duplicate grouping if hook runs again~~		$changeslist.each(function () {
	if ($~~list~~.find('.mw-changeslist-~~newuser~~-~~group~~')~~.length) {~~		var $container = $(this);
	~~return~~;		var $dayHeaders = $container.children('h4');
	}
			$dayHeaders.each(function () {
			var $header = $(this);
			var $sectionNodes = $header.nextUntil('h4');
			var $entries = $sectionNodes.find('.mw-changeslist-src-mw-newuserlog');

	~~var count =~~ $entries.length;		if (!$entries.length) {
			return;
			}

	~~// Hide all matching entries initially~~		var count = $entries.length;
	$entries.~~addClass('mw-changeslist-newuser-hidden')~~;

	~~// Build one summary row~~		$entries.addClass('mw-changeslist-newuser-hidden');
	~~var $groupRow =~~ $('~~<li class="~~mw-changeslist-newuser-~~group"></li>');~~
	~~var $label = $('<span class="mw-changeslist-newuser-label"></span>');~~
	~~$label.text('New Users (' + count + ')~~');

	$groupRow~~.append~~($label);		var $groupRow = $(
			'<li class="mw-changeslist-newuser-group">' +
			'<span class="mw-changeslist-newuser-label"></span>' +
			'</li>'
			);

	~~// Insert before the first hidden new-user entry~~		$groupRow.find('.mw-changeslist-newuser-label').text('New Users (' + count + ')');
	$~~entries~~.~~first~~().~~before~~(~~$groupRow~~);

	// ~~Toggle all hidden entries together~~		// Insert before the first matching entry in this day section
	$~~groupRow~~.on(~~'click', function~~ (~~) {~~		$entries.first().before($groupRow);
	~~var isOpen =~~ $groupRow~~.hasClass('is-open'~~);

	~~if (isOpen) {~~		$groupRow.on('click', function () {
	$groupRow.~~removeClass~~('~~is-open~~');		var isOpen = $groupRow.hasClass('is-open');
	$~~entries~~.~~removeClass~~('is-open');		$groupRow.toggleClass('is-open', !isOpen);
	~~} else {~~		$entries.toggleClass('is-open', !isOpen);
	$groupRow.~~addClass~~('is-open');		});
	$entries.~~addClass~~('is-open');		});
	}
	});		});
	});		});

Bonez565 at 11:10, 10 March 2026

2026-03-10T11:10:11Z

← Older revision		Revision as of 11:10, 10 March 2026
Line 273:		Line 273:

	})();		})();

			// User log spam filtering
			mw.hook('wikipage.content').add(function ($content) {
			var $list = $content.find('.mw-changeslist');

			if (!$list.length) {
			return;
			}

			var $entries = $list.find('.mw-changeslist-src-mw-newuserlog');

			if (!$entries.length) {
			return;
			}

			// Prevent duplicate grouping if hook runs again
			if ($list.find('.mw-changeslist-newuser-group').length) {
			return;
			}

			var count = $entries.length;

			// Hide all matching entries initially
			$entries.addClass('mw-changeslist-newuser-hidden');

			// Build one summary row
			var $groupRow = $('<li class="mw-changeslist-newuser-group"></li>');
			var $label = $('<span class="mw-changeslist-newuser-label"></span>');
			$label.text('New Users (' + count + ')');

			$groupRow.append($label);

			// Insert before the first hidden new-user entry
			$entries.first().before($groupRow);

			// Toggle all hidden entries together
			$groupRow.on('click', function () {
			var isOpen = $groupRow.hasClass('is-open');

			if (isOpen) {
			$groupRow.removeClass('is-open');
			$entries.removeClass('is-open');
			} else {
			$groupRow.addClass('is-open');
			$entries.addClass('is-open');
			}
			});
			});

Bonez565 at 05:52, 22 December 2025

2025-12-22T05:52:54Z

← Older revision		Revision as of 05:52, 22 December 2025
Line 152:		Line 152:
	var $wrap = $(this);		var $wrap = $(this);
	var wrapEl = this;		var wrapEl = this;
			var tabCount = $wrap.find('.tabber__tab').length;
			wrapEl.dataset.tabCount = String(tabCount);

	function setWidthImportant(px) {		function setWidthImportant(px) {

Bonez565 at 05:39, 22 December 2025

2025-12-22T05:39:05Z

← Older revision		Revision as of 05:39, 22 December 2025
Line 135:		Line 135:
	}		}
	}		}
			}

			var resizeScheduled = false;

			function scheduleRecalc(fn) {
			if (resizeScheduled) return;
			resizeScheduled = true;
			requestAnimationFrame(function () {
			resizeScheduled = false;
			fn();
			});
	}		}

Line 196:		Line 207:

	// Window resize		// Window resize
	$(window).on('resize', recalc);		$(window).on('resize', function () {
			scheduleRecalc(recalc);
			});

	// React to tab changes / dynamic content		// React to tab changes / dynamic content

Bonez565 at 05:38, 22 December 2025

2025-12-22T05:38:15Z

Show changes

Bonez565 at 05:36, 22 December 2025

2025-12-22T05:36:07Z

← Older revision		Revision as of 05:36, 22 December 2025
Line 140:		Line 140:
	var $wrap = $content.find('.tabberresize').first();		var $wrap = $content.find('.tabberresize').first();
	if (!$wrap.length) return;		if (!$wrap.length) return;

			var wrapEl = $wrap.get(0);

			function setWidthImportant(px) {
			// Use CSSOM to apply !important
			wrapEl.style.setProperty('width', px + 'px', 'important');
			}

	function recalc() {		function recalc() {
	if (window.matchMedia('(max-width: 850px)').matches) {		if (window.matchMedia('(max-width: 850px)').matches) {
	// Mobile: leave sizing to CSS		// Mobile: leave sizing to CSS
			wrapEl.style.removeProperty('width');
	$wrap.css({ width: '100%', float: 'none', display: 'block' });		$wrap.css({ width: '100%', float: 'none', display: 'block' });
	return;		return;
	}		}

	// 1) Find widest tab label (~~measured as~~ rendered ~~<a.tabber__tab>~~)		// Ensure desktop layout
			$wrap.css({
			float: 'right',
			display: 'inline-block',
			maxWidth: '100%'
			});

			// 1) Find widest tab label (rendered tab)
	var maxTab = 0;		var maxTab = 0;
	$wrap.find('.tabber__tab').each(function () {		$wrap.find('.tabber__tab').each(function () {
	~~// offsetWidth includes padding/border; safe for equal sizing~~
	maxTab = Math.max(maxTab, Math.ceil(this.offsetWidth));		maxTab = Math.max(maxTab, Math.ceil(this.offsetWidth));
	});		});
	if (!maxTab) maxTab = 90; ~~// fallback~~		if (!maxTab) maxTab = 90;

	~~// Expose to CSS grid~~		wrapEl.style.setProperty('--tab-w', maxTab + 'px');
	~~$wrap.get(0)~~.style.setProperty('--tab-w', maxTab + 'px');

	// 2) Measure the ~~infobox table width~~ (first ~~one in the active panel~~)		// 2) Measure widest article in the tabber section
	var $~~table~~ = $wrap.find('~~table~~.~~ItemInfobox, table.wikitable.ItemInfobox~~').first();		// Prefer active/visible article(s) first (TabberNeue typically hides others)
	var ~~tableW~~ = $~~table~~.~~length ? Math~~.~~ceil~~($~~table~~.~~outerWidth~~()) : 0;		var $section = $wrap.find('section.tabber__section').first();
			var $articles = $section.find('article');

			// Try visible/active first. Different implementations may hide via display:none,
			// aria-hidden, or a class. We cover the common cases.
			var $activeCandidates = $articles.filter(':visible');
			if (!$activeCandidates.length) {
			$activeCandidates = $articles.filter('[aria-hidden="false"]');
			}
			if (!$activeCandidates.length) {
			$activeCandidates = $articles; // fallback: measure all
			}

	// ~~3) Set wrapper~~ width ~~to max~~(~~table~~ width~~, 3 × tab width)~~		var maxArticleW = 0;
	var ~~target~~ = Math.max(~~tableW~~, ~~maxTab * 3 + 12~~);		$activeCandidates.each(function () {
	~~$wrap~~.~~css~~({		// scrollWidth captures full content width (even if it overflows)
	~~width: target + 'px !important'~~ ,		// offsetWidth is the rendered box width
	~~float: 'right',~~		var w = Math.ceil(Math.max(this.scrollWidth, this.offsetWidth));
	~~display: 'inline-block',~~		maxArticleW = Math.max(maxArticleW, w);
	~~maxWidth: '100%'~~
	});		});

			// 3) Apply your minimum width rule as well (optional)
			// If you truly want "largest article only", set target = maxArticleW.
			var minByTabs = maxTab * 3 + 12;
			var target = Math.max(maxArticleW, minByTabs);

			setWidthImportant(target);
	}		}

	// Initial ~~+ on resize (debounced enough for this use)~~		// Initial calc
	recalc();		recalc();

			// Window resize
	$(window).on('resize', recalc);		$(window).on('resize', recalc);

			// Optional but recommended: recalc when tab changes or content mutates
			// (TabberNeue swaps panels without resizing the window)
			var ro;
			if (window.ResizeObserver) {
			ro = new ResizeObserver(function () { recalc(); });
			$wrap.find('section.tabber__section article').each(function () { ro.observe(this); });
			} else {
			// Fallback: cheap mutation observer
			var mo = new MutationObserver(function () { recalc(); });
			mo.observe(wrapEl, { subtree: true, childList: true, characterData: true, attributes: true });
			}
	});		});


	// Pet Sprite Animation		// Pet Sprite Animation