User:Jono Bean/common.js - Revision history

Jono Bean at 06:00, 26 May 2026

2026-05-26T06:00:02Z

← Older revision		Revision as of 06:00, 26 May 2026
Line 1:		Line 1:
	/* Lorekeeper Widget Loader - v1.2.5 (MediaWiki ES5 loader) */		/* Lorekeeper Widget Loader - v1.2.6 (MediaWiki ES5 loader) */
	(function () {		(function () {
	'use strict';		'use strict';
Line 58:		Line 58:
	params.push('isMobile=' + (isMobileViewport() ? 'true' : 'false'));		params.push('isMobile=' + (isMobileViewport() ? 'true' : 'false'));
	params.push('parentOrigin=' + encodeURIComponent(window.location.protocol + '//' + window.location.host));		params.push('parentOrigin=' + encodeURIComponent(window.location.protocol + '//' + window.location.host));
	params.push('loaderVersion=' + encodeURIComponent('1.2.5'));		params.push('loaderVersion=' + encodeURIComponent('1.2.6'));

	return CONFIG.appOrigin + CONFIG.widgetPath + '?' + params.join('&');		return CONFIG.appOrigin + CONFIG.widgetPath + '?' + params.join('&');
Line 296:		Line 296:

	window.__lorekeeperWidgetLoader = {		window.__lorekeeperWidgetLoader = {
	version: '1.2.5',		version: '1.2.6',
	refresh: refreshForViewport,		refresh: refreshForViewport,
	destroy: destroy		destroy: destroy

Jono Bean at 05:42, 26 May 2026

2026-05-26T05:42:36Z

← Older revision		Revision as of 05:42, 26 May 2026
Line 1:		Line 1:
	/* Lorekeeper Widget Loader - v1.2.3 (MediaWiki ES5 loader) */		/* Lorekeeper Widget Loader - v1.2.5 (MediaWiki ES5 loader) */
	(function () {		(function () {
	'use strict';		'use strict';

	var CONFIG = {		var CONFIG = {
	appOrigin: 'https://npc-forge--~~npc-forge-qh4gc~~.~~asia-southeast1~~.~~hosted~~.app',		appOrigin: 'https://npc-forge-6mvsrbhsoq-as.a.run.app',
	widgetPath: '/widget',		widgetPath: '/widget',
	containerId: 'lorekeeper-widget-container',		containerId: 'lorekeeper-widget-container',
Line 12:		Line 12:
	desktopCollapsed: { width: 360, height: 150 },		desktopCollapsed: { width: 360, height: 150 },
	mobileCollapsed: { width: 96, height: 96 },		mobileCollapsed: { width: 96, height: 96 },
	desktopOpen: { width: ~~860~~, height: 760 },		desktopOpen: { width: 1120, height: 760 },
	desktopHistoryOpen: { width: ~~1120~~, height: 760 },		desktopHistoryOpen: { width: 1280, height: 760 },
	desktopMax: { width: ~~1120~~, height: 820 },		desktopMax: { width: 1280, height: 820 },
	desktopMin: { width: 360, height: 150 },		desktopMin: { width: 360, height: 150 },
	zIndex: 99999		zIndex: 99999
Line 58:		Line 58:
	params.push('isMobile=' + (isMobileViewport() ? 'true' : 'false'));		params.push('isMobile=' + (isMobileViewport() ? 'true' : 'false'));
	params.push('parentOrigin=' + encodeURIComponent(window.location.protocol + '//' + window.location.host));		params.push('parentOrigin=' + encodeURIComponent(window.location.protocol + '//' + window.location.host));
	params.push('loaderVersion=' + encodeURIComponent('1.2.3'));		params.push('loaderVersion=' + encodeURIComponent('1.2.5'));

	return CONFIG.appOrigin + CONFIG.widgetPath + '?' + params.join('&');		return CONFIG.appOrigin + CONFIG.widgetPath + '?' + params.join('&');
Line 296:		Line 296:

	window.__lorekeeperWidgetLoader = {		window.__lorekeeperWidgetLoader = {
	version: '1.2.3',		version: '1.2.5',
	refresh: refreshForViewport,		refresh: refreshForViewport,
	destroy: destroy		destroy: destroy

Jono Bean at 04:41, 26 May 2026

2026-05-26T04:41:46Z

← Older revision		Revision as of 04:41, 26 May 2026
Line 1:		Line 1:
	/* Lorekeeper Widget Loader - v1.2.2 (MediaWiki ~~polished~~ loader) */		/* Lorekeeper Widget Loader - v1.2.3 (MediaWiki ES5 loader) */
	(function () {		(function () {
	'use strict';		'use strict';
Line 16:		Line 16:
	desktopMax: { width: 1120, height: 820 },		desktopMax: { width: 1120, height: 820 },
	desktopMin: { width: 360, height: 150 },		desktopMin: { width: 360, height: 150 },
	zIndex: 99999,		zIndex: 99999
	~~debug: false~~
	};		};

Line 29:		Line 28:
	lastMode: null		lastMode: null
	};		};

	~~function log() {~~
	~~if (!CONFIG.debug \|\| !window.console) return;~~
	~~window.console.log.apply(window.console, ['[Lorekeeper Widget]'].concat([].slice.call(arguments)));~~
	}

	function isMobileViewport() {		function isMobileViewport() {
Line 53:		Line 47:

	function buildWidgetUrl() {		function buildWidgetUrl() {
	~~var url = new URL(CONFIG.widgetPath, CONFIG.appOrigin);~~
	var username = getMediaWikiUsername();		var username = getMediaWikiUsername();
			var params = [];

	if (username) {		if (username) {
	~~url~~.~~searchParams.set~~('user', username);		params.push('user=' + encodeURIComponent(username));
	} else {		} else {
	~~url~~.~~searchParams.set~~('guest~~', '~~Traveler');		params.push('guest=Traveler');
	}		}

	~~url~~.~~searchParams.set~~('isMobile', isMobileViewport() ? 'true' : 'false');		params.push('isMobile=' + (isMobileViewport() ? 'true' : 'false'));
	~~url~~.~~searchParams.set~~('parentOrigin', window.location.~~origin~~);		params.push('parentOrigin=' + encodeURIComponent(window.location.protocol + '//' + window.location.host));
	return ~~url~~.~~toString~~();		params.push('loaderVersion=' + encodeURIComponent('1.2.3'));

			return CONFIG.appOrigin + CONFIG.widgetPath + '?' + params.join('&');
	}		}

Line 73:		Line 69:
	function clampNumber(value, min, max) {		function clampNumber(value, min, max) {
	return Math.max(min, Math.min(max, value));		return Math.max(min, Math.min(max, value));
			}

			function isFiniteNumber(value) {
			return typeof value === 'number' && isFinite(value);
	}		}

Line 80:		Line 80:

	var parsed = parseFloat(value);		var parsed = parseFloat(value);
	if (!~~Number.isFinite~~(parsed)) return null;		if (!isFiniteNumber(parsed)) return null;
	value = parsed;		value = parsed;
	}		}

	if (~~typeof value~~ !~~== 'number' \|\| !Number.isFinite~~(value)) return null;		if (!isFiniteNumber(value)) return null;

	if (isMobileViewport()) {		if (isMobileViewport()) {
Line 100:		Line 100:

	function setStyles(element, styles) {		function setStyles(element, styles) {
	~~Object.keys~~(styles).~~forEach(function~~ (key) {		var key;
	element.style[key] = styles[key];		for (key in styles) {
	});		if (styles.hasOwnProperty(key)) {
			element.style[key] = styles[key];
			}
			}
	}		}

Line 131:		Line 134:
	maxWidth: '100vw',		maxWidth: '100vw',
	maxHeight: '100vh',		maxHeight: '100vh',
	transition~~: window.matchMedia('(prefers-reduced-motion: reduce)').matches~~		transition: 'width 180ms ease, height 180ms ease'
	~~? 'none'~~
	: 'width 180ms ease, height 180ms ease'
	});		});

Line 192:		Line 193:
	state.lastMode = currentMode();		state.lastMode = currentMode();
	state.mounted = true;		state.mounted = true;
	~~log('mounted', state.lastMode);~~
	return true;		return true;
	}		}
Line 202:		Line 202:
	var parsedHeight = typeof height === 'number' ? height : parseFloat(height);		var parsedHeight = typeof height === 'number' ? height : parseFloat(height);

	return ~~Number.isFinite~~(parsedWidth)		return isFiniteNumber(parsedWidth)
	&& ~~Number.isFinite~~(parsedHeight)		&& isFiniteNumber(parsedHeight)
	&& (parsedWidth > CONFIG.desktopCollapsed.width \|\| parsedHeight > CONFIG.desktopCollapsed.height);		&& (parsedWidth > CONFIG.desktopCollapsed.width \|\| parsedHeight > CONFIG.desktopCollapsed.height);
	}		}
Line 217:		Line 217:

	var parsedWidth = typeof width === 'number' ? width : parseFloat(width);		var parsedWidth = typeof width === 'number' ? width : parseFloat(width);
	var wantsHistory = ~~Number.isFinite~~(parsedWidth) && parsedWidth >= 900;		var wantsHistory = isFiniteNumber(parsedWidth) && parsedWidth >= 900;
	return wantsHistory ? CONFIG.desktopHistoryOpen : CONFIG.desktopOpen;		return wantsHistory ? CONFIG.desktopHistoryOpen : CONFIG.desktopOpen;
	}		}
Line 259:		Line 259:
	iframe.src = buildWidgetUrl();		iframe.src = buildWidgetUrl();
	setCollapsedSize(container);		setCollapsedSize(container);
	~~log('mode changed', nextMode);~~
	return;		return;
	}		}
Line 297:		Line 296:

	window.__lorekeeperWidgetLoader = {		window.__lorekeeperWidgetLoader = {
	version: '1.2.2',		version: '1.2.3',
	refresh: refreshForViewport,		refresh: refreshForViewport,
	destroy: destroy		destroy: destroy
Line 304:		Line 303:

	if (document.readyState === 'loading') {		if (document.readyState === 'loading') {
	document.addEventListener('DOMContentLoaded', init, ~~{ once: true }~~);		document.addEventListener('DOMContentLoaded', init, false);
	} else {		} else {
	init();		init();
	}		}
	})();		})();

Jono Bean at 04:17, 26 May 2026

2026-05-26T04:17:14Z

← Older revision		Revision as of 04:17, 26 May 2026
Line 1:		Line 1:
	/* Lorekeeper Widget Loader - v1.2.1 (MediaWiki polished loader) */		/* Lorekeeper Widget Loader - v1.2.2 (MediaWiki polished loader) */
	(function () {		(function () {
	'use strict';		'use strict';
Line 12:		Line 12:
	desktopCollapsed: { width: 360, height: 150 },		desktopCollapsed: { width: 360, height: 150 },
	mobileCollapsed: { width: 96, height: 96 },		mobileCollapsed: { width: 96, height: 96 },
	desktopMax: { width: ~~720~~, height: ~~720~~ },		desktopOpen: { width: 860, height: 760 },
			desktopHistoryOpen: { width: 1120, height: 760 },
			desktopMax: { width: 1120, height: 820 },
	desktopMin: { width: 360, height: 150 },		desktopMin: { width: 360, height: 150 },
	zIndex: 99999,		zIndex: 99999,
Line 192:		Line 194:
	log('mounted', state.lastMode);		log('mounted', state.lastMode);
	return true;		return true;
			}

			function looksLikeOpenSize(width, height) {
			if (isMobileViewport()) return width === '100vw' \|\| height === '100vh';

			var parsedWidth = typeof width === 'number' ? width : parseFloat(width);
			var parsedHeight = typeof height === 'number' ? height : parseFloat(height);

			return Number.isFinite(parsedWidth)
			&& Number.isFinite(parsedHeight)
			&& (parsedWidth > CONFIG.desktopCollapsed.width \|\| parsedHeight > CONFIG.desktopCollapsed.height);
			}

			function resolveRequestedSize(width, height) {
			if (isMobileViewport()) {
			return { width: width, height: height };
			}

			if (!looksLikeOpenSize(width, height)) {
			return { width: width, height: height };
			}

			var parsedWidth = typeof width === 'number' ? width : parseFloat(width);
			var wantsHistory = Number.isFinite(parsedWidth) && parsedWidth >= 900;
			return wantsHistory ? CONFIG.desktopHistoryOpen : CONFIG.desktopOpen;
	}		}

Line 198:		Line 225:
	if (!container) return;		if (!container) return;

	var nextWidth = normalizeSize(width, 'width');		var requestedSize = resolveRequestedSize(width, height);
	var nextHeight = normalizeSize(height, 'height');		var nextWidth = normalizeSize(requestedSize.width, 'width');
			var nextHeight = normalizeSize(requestedSize.height, 'height');

	if (nextWidth) container.style.width = nextWidth;		if (nextWidth) container.style.width = nextWidth;
Line 269:		Line 297:

	window.__lorekeeperWidgetLoader = {		window.__lorekeeperWidgetLoader = {
	version: '1.2.1',		version: '1.2.2',
	refresh: refreshForViewport,		refresh: refreshForViewport,
	destroy: destroy		destroy: destroy

Jono Bean at 04:14, 26 May 2026

2026-05-26T04:14:22Z

← Older revision		Revision as of 04:14, 26 May 2026
Line 1:		Line 1:
	/* Lorekeeper Widget Loader - v1.2.0 (MediaWiki polished loader) */		/* Lorekeeper Widget Loader - v1.2.1 (MediaWiki polished loader) */
	(function () {		(function () {
	'use strict';		'use strict';
Line 10:		Line 10:
	mobileBreakpoint: 768,		mobileBreakpoint: 768,
	edgeGap: 16,		edgeGap: 16,
	desktopCollapsed: { width: ~~300~~, height: ~~120~~ },		desktopCollapsed: { width: 360, height: 150 },
	mobileCollapsed: { width: 80, height: 80 },		mobileCollapsed: { width: 96, height: 96 },
	desktopMax: { width: 720, height: 720 },		desktopMax: { width: 720, height: 720 },
	desktopMin: { width: ~~300~~, height: ~~120~~ },		desktopMin: { width: 360, height: 150 },
	zIndex: 99999,		zIndex: 99999,
	debug: false		debug: false
Line 146:		Line 146:
	iframe.setAttribute('loading', 'lazy');		iframe.setAttribute('loading', 'lazy');
	iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');		iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
			iframe.setAttribute('scrolling', 'no');
			iframe.setAttribute('allowtransparency', 'true');
	iframe.setAttribute('data-mode', currentMode());		iframe.setAttribute('data-mode', currentMode());

Line 155:		Line 157:
	padding: '0',		padding: '0',
	margin: '0',		margin: '0',
			overflow: 'hidden',
	background: 'transparent',		background: 'transparent',
	colorScheme: 'normal',		colorScheme: 'normal',
Line 266:		Line 269:

	window.__lorekeeperWidgetLoader = {		window.__lorekeeperWidgetLoader = {
	version: '1.2.0',		version: '1.2.1',
	refresh: refreshForViewport,		refresh: refreshForViewport,
	destroy: destroy		destroy: destroy

Jono Bean at 04:07, 26 May 2026

2026-05-26T04:07:01Z

Show changes

Jono Bean at 04:02, 26 May 2026

2026-05-26T04:02:18Z

Show changes

Jono Bean: update to more robust script

2026-04-03T04:59:28Z

update to more robust script

Show changes

Jono Bean at 08:07, 1 March 2026

2026-03-01T08:07:20Z

← Older revision		Revision as of 08:07, 1 March 2026
Line 1:		Line 1:
	/* Lorekeeper Widget Loader - ~~Advanced Version~~ */		/* Lorekeeper Widget Loader - v1.1.3 (Hardened Responsive Iframe) */
	(function() {		(function() {
	var username = mw.config.get('wgUserName');		var username = mw.config.get('wgUserName');
			var isMobileParent = window.innerWidth < 768; // Measure the true Wiki window size

	// Uses the correct Firebase Hosted App URL		// Uses the correct Firebase Hosted App URL
	var iframeUrl = 'https://npc-forge--npc-forge-qh4gc.asia-southeast1.hosted.app/widget';		var iframeUrl = 'https://npc-forge--npc-forge-qh4gc.asia-southeast1.hosted.app/widget';

			var params = [];
	if (username) {		if (username) {
	~~iframeUrl +=~~ '?user=' + encodeURIComponent(username);		params.push('user=' + encodeURIComponent(username));
	} else {		} else {
	iframeUrl += '?~~guest=Traveler~~';		params.push('guest=Traveler');
			}

			// Tell the iframe if the user is ACTUALLY on mobile
			if (isMobileParent) {
			params.push('isMobile=true');
			}

			if (params.length > 0) {
			iframeUrl += '?' + params.join('&');
	}		}

Line 15:		Line 27:
	widgetContainer.id = 'lorekeeper-widget-container';		widgetContainer.id = 'lorekeeper-widget-container';
	widgetContainer.style.cssText = 'position:fixed; bottom:0; right:0; z-index:99999; pointer-events:none; transition: width 0.3s ease, height 0.3s ease;';		widgetContainer.style.cssText = 'position:fixed; bottom:0; right:0; z-index:99999; pointer-events:none; transition: width 0.3s ease, height 0.3s ease;';
	widgetContainer.style.width = '300px';		widgetContainer.style.width = isMobileParent ? '80px' : '300px';
	widgetContainer.style.height = '120px';		widgetContainer.style.height = isMobileParent ? '80px' : '120px';

	var iframe = document.createElement('iframe');		var iframe = document.createElement('iframe');
Line 26:		Line 38:
	document.body.appendChild(widgetContainer);		document.body.appendChild(widgetContainer);

	// ? Listen for the widget telling the Wiki to "Grow" and "Shrink"		// Listen for the widget telling the Wiki to "Grow" and "Shrink"
	window.addEventListener('message', function(event) {		window.addEventListener('message', function(event) {
	// ~~Updated to~~ the correct App Hosting domain		// Enforce secure origin check for the correct App Hosting domain
	if (event.origin !== 'https://npc-forge--npc-forge-qh4gc.asia-southeast1.hosted.app') return;		if (event.origin !== 'https://npc-forge--npc-forge-qh4gc.asia-southeast1.hosted.app') return;

	if (event.data.type === 'lorekeeper-resize') {		if (event.data.type === 'lorekeeper-resize') {
	~~widgetContainer~~.~~style~~.width = event.data.width + 'px';		var w = event.data.width;
	widgetContainer.style.height = ~~event.data.height~~ + 'px';		var h = event.data.height;
			// Handle both pixel numbers (desktop) and string values like "100vw" (mobile)
			widgetContainer.style.width = (typeof w === 'number') ? w + 'px' : w;
			widgetContainer.style.height = (typeof h === 'number') ? h + 'px' : h;
			}
			});

			// Optional: Resync if they resize the window wildly (desktop to mobile mode live)
			window.addEventListener('resize', function() {
			var newIsMobile = window.innerWidth < 768;
			if (newIsMobile !== isMobileParent) {
			isMobileParent = newIsMobile;
			// You could reload the iframe here, but keeping it simple is usually safest.
	}		}
	});		});
	})();		})();

Jono Bean at 10:19, 25 February 2026

2026-02-25T10:19:16Z

← Older revision		Revision as of 10:19, 25 February 2026
Line 2:		Line 2:
	(function() {		(function() {
	var username = mw.config.get('wgUserName');		var username = mw.config.get('wgUserName');
	var iframeUrl = 'https://npc-forge-~~62728542440~~.asia-southeast1.~~run~~.app/widget';
			// Uses the correct Firebase Hosted App URL
			var iframeUrl = 'https://npc-forge--npc-forge-qh4gc.asia-southeast1.hosted.app/widget';
	if (username) {		if (username) {
	iframeUrl += '?user=' + encodeURIComponent(username);		iframeUrl += '?user=' + encodeURIComponent(username);
Line 24:		Line 26:
	document.body.appendChild(widgetContainer);		document.body.appendChild(widgetContainer);

	// ? ~~NEW:~~ Listen for the widget telling the Wiki to "Grow" and "Shrink"		// ? Listen for the widget telling the Wiki to "Grow" and "Shrink"
	window.addEventListener('message', function(event) {		window.addEventListener('message', function(event) {
	if (event.origin !== 'https://npc-forge-~~62728542440~~.asia-southeast1.~~run~~.app') return;		// Updated to the correct App Hosting domain
			if (event.origin !== 'https://npc-forge--npc-forge-qh4gc.asia-southeast1.hosted.app') return;
	if (event.data.type === 'lorekeeper-resize') {		if (event.data.type === 'lorekeeper-resize') {
	widgetContainer.style.width = event.data.width + 'px';		widgetContainer.style.width = event.data.width + 'px';