User:Monster Domosed/common.js - Revision history

Monster Domosed at 00:56, 15 September 2026

2026-09-15T00:56:33Z

@@ Line 40: / Line 40: @@
          return promise;
+     }
      function loadModel(preview) {
@@ Line 50: / Line 148: @@
          const fileName = preview.dataset.model;
          const displayName = preview.dataset.name || fileName;
          const size = getSize(preview);
@@ Line 70: / Line 170: @@
                  viewer.setAttribute('camera-controls', '');
                  viewer.setAttribute('touch-action', 'pan-y');
                  container.appendChild(viewer);
                  wrap.appendChild(container);
                  const name = document.createElement('div');
@@ Line 123: / Line 228: @@
 })();

Monster Domosed at 00:42, 15 September 2026

2026-09-15T00:42:58Z

← Older revision		Revision as of 00:42, 15 September 2026
Line 1:		Line 1:
			(function () {
			'use strict';

			const urlCache = new Map();

			function getSize(element) {
			const match = element.className.match(/model_size_(\d+)/);
			return match ? parseInt(match[1], 10) : 500;
			}

			function getFileUrl(fileName) {
			if (urlCache.has(fileName)) {
			return urlCache.get(fileName);
			}

			const apiUrl =
			mw.config.get('wgScriptPath') +
			'/api.php?action=query' +
			'&titles=File:' + encodeURIComponent(fileName) +
			'&prop=imageinfo' +
			'&iiprop=url' +
			'&format=json';

			const promise = fetch(apiUrl)
			.then(function (response) {
			if (!response.ok) {
			throw new Error('API request failed');
			}
			return response.json();
			})
			.then(function (data) {
			const page = Object.values(data.query.pages)[0];
			return page && page.imageinfo ? page.imageinfo[0].url : null;
			})
			.catch(function () {
			return null;
			});

			urlCache.set(fileName, promise);
			return promise;
			}

			function loadModel(preview) {
			if (preview.dataset.loaded) {
			return;
			}

			preview.dataset.loaded = '1';

			const fileName = preview.dataset.model;
			const displayName = preview.dataset.name \|\| fileName;
			const size = getSize(preview);

			getFileUrl(fileName + '.glb')
			.then(function (url) {
			if (!url) {
			return;
			}

			const wrap = document.createElement('div');
			wrap.className = 'model-viewer-wrap';

			const container = document.createElement('div');
			container.className = 'model-viewer-container';
			container.style.width = size + 'px';
			container.style.height = size + 'px';

			const viewer = document.createElement('model-viewer');
			viewer.src = url;
			viewer.setAttribute('camera-controls', '');
			viewer.setAttribute('touch-action', 'pan-y');

			container.appendChild(viewer);
			wrap.appendChild(container);

			const name = document.createElement('div');
			name.className = 'model-name';
			name.textContent = displayName;

			wrap.appendChild(name);

			preview.replaceWith(wrap);
			});
			}

			function initPreview(preview) {
			if (preview.dataset.initialized) {
			return;
			}

			preview.dataset.initialized = '1';

			const button = document.createElement('button');
			button.className = 'model-load-button';
			button.type = 'button';
			button.addEventListener('click', function () {
			loadModel(preview);
			});

			preview.appendChild(button);
			}

			function scan() {
			document
			.querySelectorAll('.model-placeholder')
			.forEach(initPreview);
			}

			let scanTimer = null;

			function debouncedScan() {
			clearTimeout(scanTimer);
			scanTimer = setTimeout(scan, 100);
			}

			scan();

			const observer = new MutationObserver(debouncedScan);
			observer.observe(document.body, {
			childList: true,
			subtree: true
			});

			})();

Monster Domosed: Replaced content with " const personal = document.querySelector(".vector-menu-content-list"); if (personal){ const test2 = document.createElement("li"); const test3 = document.createElement("li"); const test4 = document.createElement("li"); test2.innerHTML = `JS`; test3.innerHTML = `CSS`; test4.innerHTML = `SB`; personal.prepend(test2, test3, te..."

2026-08-25T02:07:16Z

Replaced content with " const personal = document.querySelector(".vector-menu-content-list"); if (personal){ const test2 = document.createElement("li"); const test3 = document.createElement("li"); const test4 = document.createElement("li"); test2.innerHTML = `<a href="/User:Monster_Domosed/common.js">JS</a>`; test3.innerHTML = `<a href="/User:Monster_Domosed/common.css">CSS</a>`; test4.innerHTML = `<a href="/User:Monster_Domosed/Sandbox">SB</a>`; personal.prepend(test2, test3, te..."

Diff

Monster Domosed: Honor size param when upgrading fallback to preview (via update-page on Domosed MCP)

2026-08-25T01:59:02Z

Honor size param when upgrading fallback to preview (via update-page on Domosed MCP)

← Older revision		Revision as of 01:59, 25 August 2026
Line 141:		Line 141:

	const sizeMatch = String(data.modelsize \|\| '').match(/(\d+)/);		const sizeMatch = String(data.modelsize \|\| '').match(/(\d+)/);
	const ~~size~~ = sizeMatch ? parseInt(sizeMatch[1], 10) : 300;		const viewerSize = sizeMatch ? parseInt(sizeMatch[1], 10) : 300;

			// `size` is the preview image width (default 240px), like
			// [[File:...\|240px]]. Falls back to the viewer/modelsize if unset.
			const previewMatch = String(
			data.size \|\| data.modelsize \|\| ''
			).match(/(\d+)/);
			const previewSize = previewMatch
			? parseInt(previewMatch[1], 10)
			: 240;

	const el = document.createElement('div');		const el = document.createElement('div');
	el.className = 'model-placeholder model_size_' + ~~size~~ + 'px';		el.className = 'model-placeholder model_size_' + viewerSize + 'px';
	el.dataset.model = model;		el.dataset.model = model;
	el.dataset.name = name;		el.dataset.name = name;
Line 154:		Line 163:
	img.className = 'model-preview-img';		img.className = 'model-preview-img';
	img.alt = name;		img.alt = name;
			img.style.width = previewSize + 'px';
			img.style.height = 'auto';

	preview.appendChild(img);		preview.appendChild(img);
Line 198:		Line 209:
	name: fallback.dataset.name,		name: fallback.dataset.name,
	altImage: fallback.dataset.altImage,		altImage: fallback.dataset.altImage,
			size: fallback.dataset.size,
	modelsize: fallback.dataset.modelsize		modelsize: fallback.dataset.modelsize
	});		});

Monster Domosed at 01:54, 25 August 2026

2026-08-25T01:54:40Z

Diff

Monster Domosed: Replaced content with " const personal = document.querySelector(".vector-menu-content-list"); if (personal){ const test2 = document.createElement("li"); const test3 = document.createElement("li"); const test4 = document.createElement("li"); test2.innerHTML = `JS`; test3.innerHTML = `CSS`; test4.innerHTML = `SB`; personal.prepend(test2, test3, te..."

2026-08-25T01:46:40Z

Replaced content with " const personal = document.querySelector(".vector-menu-content-list"); if (personal){ const test2 = document.createElement("li"); const test3 = document.createElement("li"); const test4 = document.createElement("li"); test2.innerHTML = `<a href="/User:Monster_Domosed/common.js">JS</a>`; test3.innerHTML = `<a href="/User:Monster_Domosed/common.css">CSS</a>`; test4.innerHTML = `<a href="/User:Monster_Domosed/Sandbox">SB</a>`; personal.prepend(test2, test3, te..."

Diff

Monster Domosed: Undo

2026-08-25T01:44:38Z

Undo

Diff

Monster Domosed: Replaced content with " const personal = document.querySelector(".vector-menu-content-list"); if (personal){ const test2 = document.createElement("li"); const test3 = document.createElement("li"); const test4 = document.createElement("li"); test2.innerHTML = `JS`; test3.innerHTML = `CSS`; test4.innerHTML = `SB`; personal.prepend(test2, test3, t..."

2026-08-25T01:40:56Z

Replaced content with " const personal = document.querySelector(".vector-menu-content-list"); if (personal){ const test2 = document.createElement("li"); const test3 = document.createElement("li"); const test4 = document.createElement("li"); test2.innerHTML = `<a href="/User:Monster_Domosed/common.js">JS</a>`; test3.innerHTML = `<a href="/User:Monster_Domosed/common.css">CSS</a>`; test4.innerHTML = `<a href="/User:Monster_Domosed/Sandbox">SB</a>`; personal.prepend(test2, test3, t..."

Diff

Monster Domosed: Hydrate .model-fallback into the interactive model viewer (via update-page on Domosed MCP)

2026-08-25T01:39:31Z

Hydrate .model-fallback into the interactive model viewer (via update-page on Domosed MCP)

@@ Line 128: / Line 128: @@
          preview.appendChild(button);
+     }
@@ Line 140: / Line 216: @@
          ) {
              initPreview(root);
+         }
@@ Line 146: / Line 229: @@
                  .querySelectorAll('.model-placeholder')
                  .forEach(initPreview);
+         }
+     }
@@ Line 188: / Line 274: @@
 })();

Monster Domosed at 00:55, 25 August 2026

2026-08-25T00:55:19Z

Diff