MediaWiki:Common.js - Revision history

Sonja says at 01:43, 28 April 2026

2026-04-28T01:43:19Z

@@ Line 7: / Line 7: @@
       ========================================================= */
    const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';
    // Countdown target: Sat, 18 Apr 2026 00:00 UTC

Sonja says at 01:42, 28 April 2026

2026-04-28T01:42:55Z

@@ Line 7: / Line 7: @@
       ========================================================= */
    const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';
    // Countdown target: Sat, 18 Apr 2026 00:00 UTC

Sonja says at 01:38, 28 April 2026

2026-04-28T01:38:08Z

← Older revision		Revision as of 21:38, 27 April 2026
Line 13:		Line 13:
	// Clock timezone (same for everyone)		// Clock timezone (same for everyone)
	const CLOCK_TIMEZONE = 'Etc/UTC';		const CLOCK_TIMEZONE = 'Etc/UTC';

			const AGE_START_UTC = Date.parse('2026-04-28T18:00:00Z');

	// Game time anchor (real UTC -> game time)		// Game time anchor (real UTC -> game time)
Line 196:		Line 198:
	});		});

	// --- GAME DATE ~~(Tick warning 5 minutes before the hour)~~ ---		// --- GAME DATE ---
	const msUntilNextHour = 3600000 - (now % 3600000);		const msUntilNextHour = 3600000 - (now % 3600000);
	const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;		const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;
	const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;		const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;
	const minutesLeft = Math.ceil(msUntilNextHour / 60000);		const minutesLeft = Math.ceil(msUntilNextHour / 60000);

	document.querySelectorAll('[data-role="game"]').forEach((el) => {		document.querySelectorAll('[data-role="game"]').forEach((el) => {
	if (shouldWarn) {		if (now < AGE_START_UTC) {
	el.textContent = `TICK SOON (${minutesLeft}m)`;		el.textContent = 'PRE AGE';
	el.classList.add('pulse-red');		el.classList.remove('pulse-red');
	} else {		} else if (shouldWarn) {
	el.textContent = computeGameString(now);		el.textContent = `TICK SOON (${minutesLeft}m)`;
	el.classList.remove('pulse-red');		el.classList.add('pulse-red');
	}		} else {
	});		el.textContent = computeGameString(now);
			el.classList.remove('pulse-red');
			}
			});

	// --- COUNTDOWN ---		// --- COUNTDOWN ---

Sonja says at 01:35, 28 April 2026

2026-04-28T01:35:45Z

← Older revision		Revision as of 21:35, 27 April 2026
Line 18:		Line 18:
	const GAME_ANCHOR_REAL_UTC = Date.parse('2026-04-28T18:00:00Z');		const GAME_ANCHOR_REAL_UTC = Date.parse('2026-04-28T18:00:00Z');
	const GAME_ANCHOR_MONTH_INDEX = 0; // Jan		const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
	const GAME_ANCHOR_DAY = 21; // 1..24		const GAME_ANCHOR_DAY = 1; // 1..24
	const GAME_ANCHOR_YEAR = 2; // ~~YR2~~		const GAME_ANCHOR_YEAR = 0; // YR0
	const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];		const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

Sonja says at 01:32, 28 April 2026

2026-04-28T01:32:18Z

← Older revision		Revision as of 21:32, 27 April 2026
Line 9:		Line 9:

	// Countdown target: Sat, 18 Apr 2026 00:00 UTC		// Countdown target: Sat, 18 Apr 2026 00:00 UTC
	const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-~~18T00~~:00:00Z');		const COUNTDOWN_TARGET_UTC = Date.parse('2026-07-28T00:00:00Z');

	// Clock timezone (same for everyone)		// Clock timezone (same for everyone)
Line 15:		Line 15:

	// Game time anchor (real UTC -> game time)		// Game time anchor (real UTC -> game time)
	// At 2026-02-19 14:00:00 UTC, game time was Jan ~~21 YR2~~		// At 2026-04-28 14:00:00 UTC, game time was Jan 1 YR0
	const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-~~19T14~~:00:00Z');		const GAME_ANCHOR_REAL_UTC = Date.parse('2026-04-28T18:00:00Z');
	const GAME_ANCHOR_MONTH_INDEX = 0; // Jan		const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
	const GAME_ANCHOR_DAY = 21; // 1..24		const GAME_ANCHOR_DAY = 21; // 1..24

YBthr: floating particles putting back in

2026-02-21T07:55:32Z

floating particles putting back in

@@ Line 253: / Line 253: @@
    mw.hook('wikipage.content').add(initAll);
    mw.hook('skin.ready').add(initAll);
 })();

Sonja says at 17:38, 19 February 2026

2026-02-19T17:38:00Z

← Older revision		Revision as of 13:38, 19 February 2026
Line 23:		Line 23:

	// Tick warning threshold		// Tick warning threshold
	const TICK_SOON_MINUTES = 45;		const TICK_SOON_MINUTES = 5;

	const pad2 = (n) => String(n).padStart(2, '0');		const pad2 = (n) => String(n).padStart(2, '0');
Line 196:		Line 196:
	});		});

	// --- GAME DATE (Tick warning 45 minutes before the hour) ---		// --- GAME DATE (Tick warning 5 minutes before the hour) ---
	const msUntilNextHour = 3600000 - (now % 3600000);		const msUntilNextHour = 3600000 - (now % 3600000);
	const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;		const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;

Sonja says at 17:37, 19 February 2026

2026-02-19T17:37:21Z

← Older revision		Revision as of 13:37, 19 February 2026
Line 21:		Line 21:
	const GAME_ANCHOR_YEAR = 2; // YR2		const GAME_ANCHOR_YEAR = 2; // YR2
	const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];		const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

			// Tick warning threshold
			const TICK_SOON_MINUTES = 45;

	const pad2 = (n) => String(n).padStart(2, '0');		const pad2 = (n) => String(n).padStart(2, '0');
Line 32:		Line 35:
	const $firstButton = $container.find('.wiki-tab-button').first();		const $firstButton = $container.find('.wiki-tab-button').first();
	const firstTabId = $firstButton.data('tab');		const firstTabId = $firstButton.data('tab');
			if (!firstTabId) return;

	$firstButton.addClass('active');		$firstButton.addClass('active');
Line 40:		Line 44:
	const $button = $(this);		const $button = $(this);
	const tabId = $button.data('tab');		const tabId = $button.data('tab');
			if (!tabId) return;

	const $container = $button.closest('.wiki-tabs-container');		const $container = $button.closest('.wiki-tabs-container');

Line 119:		Line 125:
	function ensureWidget(bar, role, labelText) {		function ensureWidget(bar, role, labelText) {
	if (!bar) return;		if (!bar) return;

	~~// already present?~~
	if (bar.querySelector(`[data-role="${role}"]`)) return;		if (bar.querySelector(`[data-role="${role}"]`)) return;

	const wrap = document.createElement('span');		const wrap = document.createElement('span');
	wrap.className = 'header-widget';		wrap.className = 'header-widget';
	~~wrap.dataset.widget = role;~~

	if (labelText) {		if (labelText) {
Line 186:		Line 189:

	function updateAll() {		function updateAll() {
	const now = Date.now();		const now = Date.now();

	// --- CLOCK ---		// --- CLOCK ---
	document.querySelectorAll('[data-role="clock"]').forEach((el) => {		document.querySelectorAll('[data-role="clock"]').forEach((el) => {
	el.textContent = clockFmt.format(new Date(now));		el.textContent = clockFmt.format(new Date(now));
	});		});

	// --- GAME DATE (Tick warning 45 minutes before the hour) ---		// --- GAME DATE (Tick warning 45 minutes before the hour) ---
	const msUntilNextHour = 3600000 - (now % 3600000);		const msUntilNextHour = 3600000 - (now % 3600000);
	const thresholdMs = 45 * 60 * 1000;		const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;
	const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;		const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;
			const minutesLeft = Math.ceil(msUntilNextHour / 60000);

	~~const~~ minutesLeft = ~~Math~~.~~ceil~~(~~msUntilNextHour / 60000~~);		document.querySelectorAll('[data-role="game"]').forEach((el) => {
			if (shouldWarn) {
			el.textContent = `TICK SOON (${minutesLeft}m)`;
			el.classList.add('pulse-red');
			} else {
			el.textContent = computeGameString(now);
			el.classList.remove('pulse-red');
			}
			});

	document.querySelectorAll('[data-role="~~game~~"]').forEach((el) => {		// --- COUNTDOWN ---
	~~if (shouldWarn)~~ {		document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
	el.textContent = ~~`TICK SOON~~ (~~${minutesLeft}m)`;~~		el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
	~~el.classList.add("pulse~~-~~red");~~
	~~} else {~~
	~~el.textContent = computeGameString(~~now);
	~~el.classList.remove("pulse-red"~~);
	});		});
			}

	~~// --- COUNTDOWN ---~~
	~~document.querySelectorAll('[data-role="countdown"]').forEach((el) => {~~
	~~el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);~~
	~~});~~
	}



	~~// --- COUNTDOWN ---~~
	~~document.querySelectorAll('[data-role="countdown"]').forEach((el) => {~~
	~~el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);~~
	~~});~~
	}

	/* =========================================================		/* =========================================================
	Build + Boot ~~(FIXED)~~		Build + Boot
	========================================================= */		========================================================= */
	function buildBarsIfPossible() {		function buildBarsIfPossible() {
Line 231:		Line 225:
	const mainBar = getMainBar();		const mainBar = getMainBar();

	~~// Sticky: Discord is separate (left), widgets in bar~~
	if (stickyBar) {		if (stickyBar) {
	ensureWidget(stickyBar, 'clock', 'UTC:');		ensureWidget(stickyBar, 'clock', 'UTC:');
Line 238:		Line 231:
	}		}

	~~// Main: Discord is inside the bar (first), then widgets~~
	if (mainBar) {		if (mainBar) {
	ensureWidget(mainBar, 'clock', 'UTC:');		ensureWidget(mainBar, 'clock', 'UTC:');
Line 244:		Line 236:
	ensureWidget(mainBar, 'countdown', 'Age ends in:');		ensureWidget(mainBar, 'countdown', 'Age ends in:');
	}		}

	~~updateAll();~~
	}		}

	function startTickerOnce() {		function startTickerOnce() {
	if (window.__timeWidgetsIntervalId) return; ~~// already ticking~~		if (window.__timeWidgetsIntervalId) return;
	updateAll();		updateAll();
	window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);		window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
Line 256:		Line 246:
	function initAll() {		function initAll() {
	buildBarsIfPossible();		buildBarsIfPossible();
			updateAll();
	startTickerOnce();		startTickerOnce();
	}		}

	~~// Initial page load~~
	$(initAll);		$(initAll);

	~~// Vector 2022 navigation/content swaps~~
	mw.hook('wikipage.content').add(initAll);		mw.hook('wikipage.content').add(initAll);
	mw.hook('skin.ready').add(initAll); ~~// harmless extra safety~~		mw.hook('skin.ready').add(initAll);

	})();		})();

Sonja says at 17:35, 19 February 2026

2026-02-19T17:35:12Z

← Older revision		Revision as of 13:35, 19 February 2026
Line 207:		Line 207:
	el.textContent = computeGameString(now);		el.textContent = computeGameString(now);
	el.classList.remove("pulse-red");		el.classList.remove("pulse-red");
	}		});
	});

Sonja says at 17:22, 19 February 2026

2026-02-19T17:22:46Z

← Older revision		Revision as of 13:22, 19 February 2026
Line 193:		Line 193:
	});		});

	// --- GAME DATE (Tick warning 45 minutes before the hour) ---		// --- GAME DATE (Tick warning 45 minutes before the hour) ---
	const msUntilNextHour = 3600000 - (now % 3600000);		const msUntilNextHour = 3600000 - (now % 3600000);
	const thresholdMs = 45 * 60 * 1000;		const thresholdMs = 45 * 60 * 1000;
	const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;		const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;

			const minutesLeft = Math.ceil(msUntilNextHour / 60000);

	document.querySelectorAll('[data-role="game"]').forEach((el) => {		document.querySelectorAll('[data-role="game"]').forEach((el) => {
	if (shouldWarn) {		if (shouldWarn) {
	el.textContent = "TICK SOON";		el.textContent = `TICK SOON (${minutesLeft}m)`;
	el.classList.add("pulse-red");		el.classList.add("pulse-red");
	} else {		} else {
Line 207:		Line 209:
	}		}
	});		});


	// --- COUNTDOWN ---		// --- COUNTDOWN ---