MediaWiki:Common.js - Revision history

Magent: v24772700: require all three (make+model+serial) when no nickname provided

2026-03-30T22:32:41Z

v24772700: require all three (make+model+serial) when no nickname provided

← Older revision		Revision as of 22:32, 30 March 2026
Line 302:		Line 302:
	})();		})();
	/**		/**
	* Instrument form — validation + page name computation (~~v24772600~~)		* Instrument form — validation + page name computation (v24772700)
	*/		*/
	(function() {		(function() {
	'use strict';		'use strict';
	console.log('PickiPedia Common.js instrument module ~~v24772600~~ loaded');		console.log('PickiPedia Common.js instrument module v24772700 loaded');

	mw.hook('pf.formValidation').add(function(args) {		mw.hook('pf.formValidation').add(function(args) {
	~~console.log('pf.formValidation hook fired');~~
	var nickname = document.querySelector('input[name="Instrument[nickname]"]');		var nickname = document.querySelector('input[name="Instrument[nickname]"]');
	if (!nickname) return;		if (!nickname) return;
Line 323:		Line 322:

	var hasNickname = nickVal !== '';		var hasNickname = nickVal !== '';
	var ~~hasMaker~~ = makeVal !== '' \|\| modelVal !== '' \|\| serialVal !== '';		var hasMakerComplete = makeVal !== '' && modelVal !== '' && serialVal !== '';

	~~console.log('nick:', nickVal, 'make:', makeVal, 'model:', modelVal, 'serial:', serialVal);~~		if (!hasNickname && !hasMakerComplete) {
	~~console.log('hasNickname:', hasNickname, 'hasMaker:', hasMaker);~~

	if (!hasNickname && !~~hasMaker~~) {
	args.numErrors += 1;		args.numErrors += 1;
	alert('Please provide either a nickname or ~~at least one of~~ make, model, or serial number.');		if (makeVal !== '' \|\| modelVal !== '' \|\| serialVal !== '') {
			alert('Maker identification requires all three: make, model, and serial number. Or provide a nickname instead.');
			} else {
			alert('Please provide either a nickname or maker identification (make, model, and serial number).');
			}
	return;		return;
	}		}

			// If no nickname, fill it from make/model/serial for page naming
	if (!hasNickname) {		if (!hasNickname) {
	~~var parts~~ = [makeVal~~, modelVal, serialVal].filter(function(s) {~~		nickname.value = makeVal + ' ' + modelVal + ' ' + serialVal;
	~~return s !==~~ '';
	~~});~~
	~~console.log('Filling nickname with:~~'~~, parts.join(~~' ~~'));~~
	~~nickname.value = parts.join(' ')~~;
	}		}
	});		});
	})();		})();

Magent: v24772600: bump version, add detailed logging

2026-03-30T19:45:47Z

v24772600: bump version, add detailed logging

← Older revision		Revision as of 19:45, 30 March 2026
Line 302:		Line 302:
	})();		})();
	/**		/**
	* Instrument form — validation + page name computation (~~v24772500~~)		* Instrument form — validation + page name computation (v24772600)
	*/		*/
	(function() {		(function() {
	'use strict';		'use strict';
	console.log('PickiPedia Common.js instrument module ~~v24772500~~ loaded');		console.log('PickiPedia Common.js instrument module v24772600 loaded');

	mw.hook('pf.formValidation').add(function(args) {		mw.hook('pf.formValidation').add(function(args) {
Line 324:		Line 324:
	var hasNickname = nickVal !== '';		var hasNickname = nickVal !== '';
	var hasMaker = makeVal !== '' \|\| modelVal !== '' \|\| serialVal !== '';		var hasMaker = makeVal !== '' \|\| modelVal !== '' \|\| serialVal !== '';

			console.log('nick:', nickVal, 'make:', makeVal, 'model:', modelVal, 'serial:', serialVal);
			console.log('hasNickname:', hasNickname, 'hasMaker:', hasMaker);

	if (!hasNickname && !hasMaker) {		if (!hasNickname && !hasMaker) {
Line 335:		Line 338:
	return s !== '';		return s !== '';
	});		});
			console.log('Filling nickname with:', parts.join(' '));
	nickname.value = parts.join(' ');		nickname.value = parts.join(' ');
	}		}
	});		});
	})();		})();

Magent: v24772500: use pf.formValidation hook, add console version logging

2026-03-30T19:40:18Z

v24772500: use pf.formValidation hook, add console version logging

← Older revision		Revision as of 19:40, 30 March 2026
Line 302:		Line 302:
	})();		})();
	/**		/**
	* Instrument form — validation + page name computation		* Instrument form — validation + page name computation (v24772500)
	* Requires at least a nickname or one of make/model/serial.
	* When nickname is empty, fills it with make/model/serial so the
	* page name formula <Nickname[Instrument]> resolves correctly.
	*
	* Uses PF's mw.hook(~~'pf.formValidationBefore'~~) ~~since PF bypasses~~
	* native form submit events.
	*/		*/
	(function() {		(function() {
	'use strict';		'use strict';
			console.log('PickiPedia Common.js instrument module v24772500 loaded');

	mw.hook('pf.~~formValidationBefore~~').add(function() {		mw.hook('pf.formValidation').add(function(args) {
			console.log('pf.formValidation hook fired');
	var nickname = document.querySelector('input[name="Instrument[nickname]"]');		var nickname = document.querySelector('input[name="Instrument[nickname]"]');
	if (!nickname) return; ~~// not the instrument form~~		if (!nickname) return;

	var make = document.querySelector('input[name="Instrument[make]"]');		var make = document.querySelector('input[name="Instrument[make]"]');
Line 330:		Line 326:

	if (!hasNickname && !hasMaker) {		if (!hasNickname && !hasMaker) {
			args.numErrors += 1;
	alert('Please provide either a nickname or at least one of make, model, or serial number.');		alert('Please provide either a nickname or at least one of make, model, or serial number.');
	~~// Add an error to block submission~~
	~~var errorMsg = $('<span>').addClass('errorMessage')~~
	~~.text('A nickname or maker identification is required.');~~
	~~$(nickname).closest('.formtable').before(errorMsg);~~
	return;		return;
	}		}

	~~// If no nickname, fill it from make/model/serial for page naming~~
	if (!hasNickname) {		if (!hasNickname) {
	var parts = [makeVal, modelVal, serialVal].filter(function(s) {		var parts = [makeVal, modelVal, serialVal].filter(function(s) {

Magent: Use PF's mw.hook(pf.formValidationBefore) instead of native form submit event

2026-03-30T19:36:50Z

Use PF's mw.hook(pf.formValidationBefore) instead of native form submit event

← Older revision		Revision as of 19:36, 30 March 2026
Line 306:		Line 306:
	* When nickname is empty, fills it with make/model/serial so the		* When nickname is empty, fills it with make/model/serial so the
	* page name formula <Nickname[Instrument]> resolves correctly.		* page name formula <Nickname[Instrument]> resolves correctly.
			*
			* Uses PF's mw.hook('pf.formValidationBefore') since PF bypasses
			* native form submit events.
	*/		*/
	(function() {		(function() {
	'use strict';		'use strict';

	var ~~form~~ = document.querySelector('~~form#pfForm~~');		mw.hook('pf.formValidationBefore').add(function() {
	if (!~~form~~) return;		var nickname = document.querySelector('input[name="Instrument[nickname]"]');
			if (!nickname) return; // not the instrument form

	~~var nickname = document.querySelector('input[name="Instrument[nickname]"]');~~
	~~if (!nickname) return; // not the instrument form~~

	~~form.addEventListener('submit', function(e) {~~
	var make = document.querySelector('input[name="Instrument[make]"]');		var make = document.querySelector('input[name="Instrument[make]"]');
	var model = document.querySelector('input[name="Instrument[model]"]');		var model = document.querySelector('input[name="Instrument[model]"]');
Line 330:		Line 330:

	if (!hasNickname && !hasMaker) {		if (!hasNickname && !hasMaker) {
	~~e.preventDefault();~~
	alert('Please provide either a nickname or at least one of make, model, or serial number.');		alert('Please provide either a nickname or at least one of make, model, or serial number.');
			// Add an error to block submission
			var errorMsg = $('<span>').addClass('errorMessage')
			.text('A nickname or maker identification is required.');
			$(nickname).closest('.formtable').before(errorMsg);
	return;		return;
	}		}

Magent: Instrument form: fill nickname from make/model/serial when empty, for page name formula

2026-03-30T19:30:47Z

Instrument form: fill nickname from make/model/serial when empty, for page name formula

← Older revision		Revision as of 19:30, 30 March 2026
Line 304:		Line 304:
	* Instrument form — validation + page name computation		* Instrument form — validation + page name computation
	* Requires at least a nickname or one of make/model/serial.		* Requires at least a nickname or one of make/model/serial.
	* ~~Sets~~ the ~~form target by modifying the action URL to~~		* When nickname is empty, fills it with make/model/serial so the
	* ~~Special:FormEdit/Instrument/<computed~~ page name>.		* page name formula <Nickname[Instrument]> resolves correctly.
	*/		*/
	(function() {		(function() {
Line 335:		Line 335:
	}		}

	// ~~Compute~~ page ~~name~~		// If no nickname, fill it from make/model/serial for page naming
	~~var pageName;~~		if (!hasNickname) {
	if (hasNickname) {		var parts = [makeVal, modelVal, serialVal].filter(function(s) {
	~~pageName = nickVal;~~
	~~} else {~~
	~~pageName~~ = [makeVal, modelVal, serialVal].filter(function(s) {
	return s !== '';		return s !== '';
	}).join(' ');		});
			nickname.value = parts.join(' ');
	}		}

	~~// Set form target via action URL~~
	~~form.action = mw.util.getUrl('Special:FormEdit/Instrument/' + pageName);~~
	});		});
	})();		})();

Magent: Instrument form: set page name via form action URL instead of hidden field

2026-03-30T19:28:53Z

Instrument form: set page name via form action URL instead of hidden field

← Older revision		Revision as of 19:28, 30 March 2026
Line 304:		Line 304:
	* Instrument form — validation + page name computation		* Instrument form — validation + page name computation
	* Requires at least a nickname or one of make/model/serial.		* Requires at least a nickname or one of make/model/serial.
	* ~~Computes page_title hidden field~~: ~~nickname if provided, else Make Model Serial~~.		* Sets the form target by modifying the action URL to
			* Special:FormEdit/Instrument/<computed page name>.
	*/		*/
	(function() {		(function() {
Line 319:		Line 320:
	var model = document.querySelector('input[name="Instrument[model]"]');		var model = document.querySelector('input[name="Instrument[model]"]');
	var serial = document.querySelector('input[name="Instrument[serial]"]');		var serial = document.querySelector('input[name="Instrument[serial]"]');
	~~var pageTitle = document.querySelector('input[name="Instrument[page_title]"]');~~

	var nickVal = nickname.value.trim();		var nickVal = nickname.value.trim();
Line 335:		Line 335:
	}		}

	// Compute page ~~title~~		// Compute page name
	~~if (pageTitle) {~~		var pageName;
	if (hasNickname) {		if (hasNickname) {
	~~pageTitle.value~~ = nickVal;		pageName = nickVal;
	} else {		} else {
	~~var parts~~ = [makeVal, modelVal, serialVal].filter(function(s) { return s !== ''; });		pageName = [makeVal, modelVal, serialVal].filter(function(s) {
	~~pageTitle.value = parts~~.join(' ');		return s !== '';
	}		}).join(' ');
	}		}

			// Set form target via action URL
			form.action = mw.util.getUrl('Special:FormEdit/Instrument/' + pageName);
	});		});
	})();		})();

Magent: Instrument form: compute page_title from nickname or make/model/serial before submit

2026-03-30T19:20:08Z

Instrument form: compute page_title from nickname or make/model/serial before submit

← Older revision		Revision as of 19:20, 30 March 2026
Line 302:		Line 302:
	})();		})();
	/**		/**
	* Instrument form validation		* Instrument form — validation + page name computation
	* Requires at least a nickname or one of make/model/serial.		* Requires at least a nickname or one of make/model/serial.
			* Computes page_title hidden field: nickname if provided, else Make Model Serial.
	*/		*/
	(function() {		(function() {
Line 318:		Line 319:
	var model = document.querySelector('input[name="Instrument[model]"]');		var model = document.querySelector('input[name="Instrument[model]"]');
	var serial = document.querySelector('input[name="Instrument[serial]"]');		var serial = document.querySelector('input[name="Instrument[serial]"]');
			var pageTitle = document.querySelector('input[name="Instrument[page_title]"]');

	var ~~hasNickname~~ = nickname.value.trim() ~~!== ''~~;		var nickVal = nickname.value.trim();
	var ~~hasMaker~~ = (make && make.value.trim() ~~!==~~ ''~~) \|\|~~		var makeVal = make ? make.value.trim() : '';
	(model && model.value.trim() ~~!==~~ ''~~) \|\|~~		var modelVal = model ? model.value.trim() : '';
	(serial && serial.value.trim() !== '');		var serialVal = serial ? serial.value.trim() : '';

			var hasNickname = nickVal !== '';
			var hasMaker = makeVal !== '' \|\| modelVal !== '' \|\| serialVal !== '';

	if (!hasNickname && !hasMaker) {		if (!hasNickname && !hasMaker) {
	e.preventDefault();		e.preventDefault();
	alert('Please provide either a nickname or at least one of make, model, or serial number.');		alert('Please provide either a nickname or at least one of make, model, or serial number.');
			return;
			}

			// Compute page title
			if (pageTitle) {
			if (hasNickname) {
			pageTitle.value = nickVal;
			} else {
			var parts = [makeVal, modelVal, serialVal].filter(function(s) { return s !== ''; });
			pageTitle.value = parts.join(' ');
			}
	}		}
	});		});
	})();		})();

Magent: Add instrument form validation: require nickname or make/model/serial

2026-03-30T19:17:09Z

Add instrument form validation: require nickname or make/model/serial

@@ Line 300: / Line 300: @@
          });
+     }
 })();

Magent: Fix CID case: don't lowercase CIDv0 (Qm...) in video player URLs (via update-page on MediaWiki MCP Server)

2026-03-12T20:04:40Z

Fix CID case: don't lowercase CIDv0 (Qm...) in video player URLs (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 20:04, 12 March 2026
Line 191:		Line 191:
	var HLS_JS_URL = 'https://cdn.jsdelivr.net/npm/hls.js@latest';		var HLS_JS_URL = 'https://cdn.jsdelivr.net/npm/hls.js@latest';
	var hlsLoadPromise = null;		var hlsLoadPromise = null;

			// CIDv1 (bafy...) is Base32 lowercase, but MediaWiki capitalizes page titles.
			// CIDv0 (Qm...) is Base58 case-sensitive — must not be lowercased.
			function normalizeCid(cid) {
			if (cid && cid.substring(0, 4) === 'Bafy') {
			return cid.toLowerCase();
			}
			return cid;
			}

	function loadHls() {		function loadHls() {
Line 236:		Line 245:
	function fallbackToDirectVideo(container, cid, width, maxWidth) {		function fallbackToDirectVideo(container, cid, width, maxWidth) {
	// CID is a raw video file, not an HLS stream — play directly		// CID is a raw video file, not an HLS stream — play directly
	var directUrl = IPFS_GATEWAY + '/' + cid~~.toLowerCase(~~);		var directUrl = IPFS_GATEWAY + '/' + normalizeCid(cid);
	container.innerHTML = '';		container.innerHTML = '';
	var video = createVideoElement(width, maxWidth);		var video = createVideoElement(width, maxWidth);
Line 248:		Line 257:
	function initPlayer(container) {		function initPlayer(container) {
	var cid = container.getAttribute('data-cid');		var cid = container.getAttribute('data-cid');
			var normalCid = normalizeCid(cid);
	var width = container.getAttribute('data-width') \|\| '100%';		var width = container.getAttribute('data-width') \|\| '100%';
	var maxWidth = container.getAttribute('data-max-width') \|\| '800px';		var maxWidth = container.getAttribute('data-max-width') \|\| '800px';

	var hlsSrc = IPFS_GATEWAY + '/' + ~~cid~~ + '/master.m3u8';		var hlsSrc = IPFS_GATEWAY + '/' + normalCid + '/master.m3u8';

	var video = createVideoElement(width, maxWidth);		var video = createVideoElement(width, maxWidth);

Magent: Video player: fall back to direct playback when HLS manifest not found (for raw video CIDs) (via update-page on MediaWiki MCP Server)

2026-03-08T21:24:01Z

Video player: fall back to direct playback when HLS manifest not found (for raw video CIDs) (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 21:24, 8 March 2026
Line 181:		Line 181:
	* The gadget loads hls.js and initializes players for any element		* The gadget loads hls.js and initializes players for any element
	* with the hls-video-player class and a data-cid attribute.		* with the hls-video-player class and a data-cid attribute.
			*
			* Supports both HLS streams (CID/master.m3u8) and raw video files.
			* Tries HLS first; if the manifest 404s, falls back to direct playback.
	*/		*/
	(function() {		(function() {
Line 220:		Line 223:
	}		}

	function ~~initPlayer~~(~~container) {~~		function createVideoElement(width, maxWidth) {
	~~var cid = container.getAttribute('data-cid');~~
	~~var width = container.getAttribute('data-~~width~~') \|\| '100%';~~
	~~var~~ maxWidth ~~= container.getAttribute('data-max-width'~~) ~~\|\| '800px';~~

	~~var src = IPFS_GATEWAY + '/' + cid + '/master.m3u8';~~

	var video = document.createElement('video');		var video = document.createElement('video');
	video.controls = true;		video.controls = true;
Line 234:		Line 231:
	video.style.backgroundColor = '#000';		video.style.backgroundColor = '#000';
	video.style.display = 'block';		video.style.display = 'block';
			return video;
			}

			function fallbackToDirectVideo(container, cid, width, maxWidth) {
			// CID is a raw video file, not an HLS stream — play directly
			var directUrl = IPFS_GATEWAY + '/' + cid.toLowerCase();
			container.innerHTML = '';
			var video = createVideoElement(width, maxWidth);
			video.src = directUrl;
			video.addEventListener('error', function() {
			container.innerHTML = '<p style="color: red; padding: 1em;">Error loading video. The IPFS content may not be available.</p>';
			});
			container.appendChild(video);
			}

			function initPlayer(container) {
			var cid = container.getAttribute('data-cid');
			var width = container.getAttribute('data-width') \|\| '100%';
			var maxWidth = container.getAttribute('data-max-width') \|\| '800px';

			var hlsSrc = IPFS_GATEWAY + '/' + cid + '/master.m3u8';

			var video = createVideoElement(width, maxWidth);
	container.appendChild(video);		container.appendChild(video);

	if (video.canPlayType('application/vnd.apple.mpegurl')) {		if (video.canPlayType('application/vnd.apple.mpegurl')) {
	video.src = ~~src~~;		// Safari native HLS — try HLS first, fall back on error
			video.src = hlsSrc;
			video.addEventListener('error', function() {
			fallbackToDirectVideo(container, cid, width, maxWidth);
			});
	} else if (typeof Hls !== 'undefined' && Hls.isSupported()) {		} else if (typeof Hls !== 'undefined' && Hls.isSupported()) {
	var hls = new Hls();		var hls = new Hls();
	hls.loadSource(~~src~~);		hls.loadSource(hlsSrc);
	hls.attachMedia(video);		hls.attachMedia(video);
	hls.on(Hls.Events.ERROR, function(event, data) {		hls.on(Hls.Events.ERROR, function(event, data) {
	if (data.fatal) {		if (data.fatal) {
	~~console~~.~~error~~(~~'HLS error:', data~~);		// HLS failed (likely no master.m3u8) — try direct video
	container~~.innerHTML = '<p style="color: red; padding: 1em;">Error loading video. The IPFS content may not be available.</p>'~~;		hls.destroy();
			fallbackToDirectVideo(container, cid, width, maxWidth);
	}		}
	});		});
	} else {		} else {
	~~container.innerHTML = '<p style="color: red; padding: 1em;">~~HLS video ~~playback is not supported in this browser.</p>'~~;		// No HLS support — try direct video
			fallbackToDirectVideo(container, cid, width, maxWidth);
	}		}
	}		}