MediaWiki:Common.js - Revision history

RobertWesner: Actually works, lets go!

2026-10-08T11:28:37Z

Actually works, lets go!

← Older revision		Revision as of 11:28, 8 October 2026
Line 5:		Line 5:
	function script(name) {		function script(name) {
	return function() {		return function() {
	mw.loader.getScript(		return mw.loader.getScript(
	mw.util.getUrl('MediaWiki:' + name + '.js', {		mw.util.getUrl('MediaWiki:' + name + '.js', {
	action: 'raw',		action: 'raw',

RobertWesner: If this does not work, I will shed tears

2026-10-08T11:26:15Z

If this does not work, I will shed tears

← Older revision		Revision as of 11:26, 8 October 2026
Line 2:		Line 2:

	// needs to be loaded from separate JS files, because the shitty outdated JS-parser in mediawiki refuses any modern syntax lol		// needs to be loaded from separate JS files, because the shitty outdated JS-parser in mediawiki refuses any modern syntax lol
			var args = { action: 'raw', ctype: 'text/javascript' };
	~~(async~~ function () {		function script(name) {
	function ~~loadScript~~(~~page~~) {		return function() {
	~~return new Promise(function (resolve, reject) {~~		mw.loader.getScript(
	~~var script = document~~.~~createElement~~(~~'script');~~		mw.util.getUrl('MediaWiki:' + name + '.js', {

	~~script.src =~~ mw.util.getUrl(~~page~~, {
	action: 'raw',		action: 'raw',
	ctype: 'text/javascript'		ctype: 'text/javascript'
	});		})
			);
	~~script.onload = resolve;~~		};
	~~script.onerror = reject;~~		}

	~~document.head.appendChild(script~~);
	});
	}

	~~await loadScript~~('~~MediaWiki:~~StatsClient~~.js~~');		Promise.resolve()
	~~await loadScript~~('~~MediaWiki:~~ClamComponent~~.js~~');		.then(script('StatsClient'))
	~~})()~~;		.then(script('ClamComponent'))
			;

RobertWesner at 11:19, 8 October 2026

2026-10-08T11:19:13Z

← Older revision		Revision as of 11:19, 8 October 2026
Line 3:		Line 3:
	// needs to be loaded from separate JS files, because the shitty outdated JS-parser in mediawiki refuses any modern syntax lol		// needs to be loaded from separate JS files, because the shitty outdated JS-parser in mediawiki refuses any modern syntax lol

	~~mw.loader.load~~(		(async function () {
	~~mw.util.getUrl~~(~~'MediaWiki:StatsClient.js',~~ {		function loadScript(page) {
	~~action: 'raw'~~,		return new Promise(function (resolve, reject) {
	~~ctype:~~ '~~text/javascript~~'		var script = document.createElement('script');
	})
	);

	~~mw.loader~~.~~load(~~		script.src = mw.util.getUrl(page, {
	mw.util.getUrl(~~'MediaWiki:ClamComponent.js'~~, {		action: 'raw',
	action: 'raw',		ctype: 'text/javascript'
	ctype: 'text/javascript'		});
	})
	);		script.onload = resolve;
			script.onerror = reject;

			document.head.appendChild(script);
			});
			}

			await loadScript('MediaWiki:StatsClient.js');
			await loadScript('MediaWiki:ClamComponent.js');
			})();

RobertWesner at 11:15, 8 October 2026

2026-10-08T11:15:33Z

@@ Line 1: / Line 1: @@
 /* Any JavaScript here will be loaded for all users on every page load. */
-/**
+// needs to be loaded from separate JS files, because the shitty outdated JS-parser in mediawiki refuses any modern syntax lol
-$style('clam-components', `
+mw.loader.load(
-     .clam-component---online-badge {
+     mw.util.getUrl('MediaWiki:StatsClient.js', {
-        & .cc-ob-online {
+        action: 'raw',
-            background-color: #2c303633;
+        ctype: 'text/javascript'
-            color: white;
+     })
-            padding: 0.12em 0.4em;
+);
-// TODO: caching so its reusable across widgets
+mw.loader.load(
-const statsClient = (() => ({
+     mw.util.getUrl('MediaWiki:ClamComponent.js', {
-    player: name => fetch(`https://api.betamc.org/api/v1/player/${name}`).then(r => r.json()),
+        action: 'raw',
-}))();
+        ctype: 'text/javascript'
+    })
-(async () => {
+);

RobertWesner: Add online-status badge.

2026-10-08T11:07:28Z

Add online-status badge.

@@ Line 1: / Line 1: @@
 /* Any JavaScript here will be loaded for all users on every page load. */
-function playerCountCall(data) {
+/**
-    var el = document.getElementById('betamc-player-count');
+ * Reusable XSS-safe html-builder DSL.
-    if (!el) return;
+ * Taken from Roberts userscripts so we can avoid insecure innerHtml nonsense.
-    if (data && typeof data.player_count === 'number') {
+$style('clam-components', `
-         el.textContent = data.player_count;
+    .clam-component---online-badge {
-     } else {
+         & .cc-ob-online {
-        el.textContent = 'Error';
+            background-color: #2c303633;
+     }
+`)
-function loadPlayerCount() {
+// TODO: caching so its reusable across widgets
-     var script = document.createElement('script');
+const statsClient = (() => ({
-    script.src = 'https://betamc.org:8080/api/players?callback=playerCountCall';
+     player: name => fetch(`https://api.betamc.org/api/v1/player/${name}`).then(r => r.json()),
-    script.onerror = function () {
+}))();
-document.addEventListener('DOMContentLoaded', loadPlayerCount);
+(async () => {

Garsooon: try data.player_count

2025-08-02T00:22:40Z

try data.player_count

← Older revision		Revision as of 00:22, 2 August 2025
Line 5:		Line 5:
	if (!el) return;		if (!el) return;

	~~//test for the moment to see if js works~~		if (data && typeof data.player_count === 'number') {
	~~if (data && data.players && Array.isArray(data.players)) {~~		el.textContent = data.player_count;
	~~el.textContent = data.players.length;~~
	~~} else~~ if (data && typeof data.~~count~~ === 'number') {
	el.textContent = data.~~count~~;
	} else {		} else {
	el.textContent = 'Error';		el.textContent = 'Error';
Line 18:		Line 15:
	var script = document.createElement('script');		var script = document.createElement('script');
	script.src = 'https://betamc.org:8080/api/players?callback=playerCountCall';		script.src = 'https://betamc.org:8080/api/players?callback=playerCountCall';
	script.onerror = function() {		script.onerror = function () {
	var el = document.getElementById('betamc-player-count');		var el = document.getElementById('betamc-player-count');
	if (el) el.textContent = 'Error';		if (el) el.textContent = 'Error';

Garsooon: test for js

2025-08-02T00:17:40Z

test for js

← Older revision		Revision as of 00:17, 2 August 2025
Line 2:		Line 2:

	function playerCountCall(data) {		function playerCountCall(data) {
	~~var count = data.players.length;~~
	var el = document.getElementById('betamc-player-count');		var el = document.getElementById('betamc-player-count');
	if (el) {		if (!el) return;
	el.textContent = count;
			//test for the moment to see if js works
			if (data && data.players && Array.isArray(data.players)) {
			el.textContent = data.players.length;
			} else if (data && typeof data.count === 'number') {
			el.textContent = data.count;
			} else {
			el.textContent = 'Error';
	}		}
	}		}
Line 12:		Line 18:
	var script = document.createElement('script');		var script = document.createElement('script');
	script.src = 'https://betamc.org:8080/api/players?callback=playerCountCall';		script.src = 'https://betamc.org:8080/api/players?callback=playerCountCall';
			script.onerror = function() {
			var el = document.getElementById('betamc-player-count');
			if (el) el.textContent = 'Error';
			};
	document.body.appendChild(script);		document.body.appendChild(script);
	}		}

	document.addEventListener('DOMContentLoaded', loadPlayerCount);		document.addEventListener('DOMContentLoaded', loadPlayerCount);

Garsooon: Testing

2025-08-02T00:12:15Z

Testing

New page

/* Any JavaScript here will be loaded for all users on every page load. */

function playerCountCall(data) {
var count = data.players.length;
var el = document.getElementById('betamc-player-count');
if (el) {
el.textContent = count;
}
}

function loadPlayerCount() {
var script = document.createElement('script');
script.src = 'https://betamc.org:8080/api/players?callback=playerCountCall';
document.body.appendChild(script);
}

document.addEventListener('DOMContentLoaded', loadPlayerCount);