MediaWiki:Common.js - Revision history

Kashya at 14:38, 21 May 2026

2026-05-21T14:38:01Z

← Older revision		Revision as of 14:38, 21 May 2026
Line 201:		Line 201:
	if (videoId && videoId.length === 11) {		if (videoId && videoId.length === 11) {
	// FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width		// FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width
	var embedUrl = "https://youtube.com" + videoId;		var embedUrl = "https://www.youtube.com/embed/" + videoId;

	$viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');		$viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');

Kashya at 14:36, 21 May 2026

2026-05-21T14:36:11Z

← Older revision		Revision as of 14:36, 21 May 2026
Line 201:		Line 201:
	if (videoId && videoId.length === 11) {		if (videoId && videoId.length === 11) {
	// FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width		// FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width
	var embedUrl = "https://youtube.com" + videoId ~~+ "?modestbranding=1&rel=0&showinfo=0"~~;		var embedUrl = "https://youtube.com" + videoId;

	$viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');		$viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');

Kashya at 14:35, 21 May 2026

2026-05-21T14:35:02Z

← Older revision		Revision as of 14:35, 21 May 2026
Line 201:		Line 201:
	if (videoId && videoId.length === 11) {		if (videoId && videoId.length === 11) {
	// FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width		// FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width
	var embedUrl = "https://~~www.~~youtube.com~~/embed/~~" + videoId;		var embedUrl = "https://youtube.com" + videoId + "?modestbranding=1&rel=0&showinfo=0";

	$viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');		$viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');
	} else {		} else {

Kashya at 14:33, 21 May 2026

2026-05-21T14:33:14Z

@@ Line 200: / Line 200: @@
                  if (videoId && videoId.length === 11) {
-                     // 1. Build an absolute direct URL pointing to YouTube's standard high-res thumbnail image registry
+                     // FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width
-                     var thumbnailUrl = "https://youtube.com" + videoId + "/hqdefault.jpg";
+                     var embedUrl = "https://www.youtube.com/embed/" + videoId;
+                     $viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');
                  } else {
                      $viewport.html("<div style='color:#c0392b; padding:10px; font-size:11px;'>Invalid video ID sequence extracted.</div>");

Kashya at 14:32, 21 May 2026

2026-05-21T14:32:10Z

← Older revision		Revision as of 14:32, 21 May 2026
Line 222:		Line 222:

	} else {		} else {
			$viewport.html("<div style='color:#c0392b; padding:10px; font-size:11px;'>Invalid video ID sequence extracted.</div>");
			}

	} catch (err) {		} catch (err) {
	console.error("Shorts engine exception:", err);		console.error("Shorts engine exception:", err);

Kashya at 14:29, 21 May 2026

2026-05-21T14:29:55Z

@@ Line 200: / Line 200: @@
                  if (videoId && videoId.length === 11) {
-                     // FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width
+                     // 1. Build an absolute direct URL pointing to YouTube's standard high-res thumbnail image registry
-                     var embedUrl = "https://www.youtube.com/embed/" + videoId;
+                     var thumbnailUrl = "https://youtube.com" + videoId + "/hqdefault.jpg";
-                     $viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');
                  } else {
-                    $viewport.html("<div style='color:#c0392b; padding:10px; font-size:11px;'>Invalid video ID sequence extracted.</div>");
              } catch (err) {
                  console.error("Shorts engine exception:", err);

Kashya at 10:13, 20 May 2026

2026-05-20T10:13:12Z

← Older revision		Revision as of 10:13, 20 May 2026
Line 136:		Line 136:

	if ($widget.length) {		if ($widget.length) {
	var $viewport = $widget~~.find('.vani-shorts-viewport')~~;		var $viewport = $widget;
	var $titleFrame = $widget.find('.vani-shorts-title');		var $titleFrame = $widget.find('.vani-shorts-title');

Kashya at 10:11, 20 May 2026

2026-05-20T10:11:17Z

← Older revision		Revision as of 10:11, 20 May 2026
Line 131:		Line 131:
	});		});

			// --- YouTube Random Shorts (Kasya) ---
	$(document).ready(function() {		$(document).ready(function() {
	var $widget = $('.~~vanipedia-random~~-shorts-~~widget~~');		var $widget = $('.vani-shorts-viewport');

	if ($widget.length) {		if ($widget.length) {

Kashya at 09:58, 20 May 2026

2026-05-20T09:58:49Z

← Older revision		Revision as of 09:58, 20 May 2026
Line 176:		Line 176:
	// Reset defaults before parsing line elements		// Reset defaults before parsing line elements
	var rawUrl = "";		var rawUrl = "";
	~~var cleanTitle = "YouTube Short Selection";~~

	for (var j = 0; j < parts.length; j++) {		for (var j = 0; j < parts.length; j++) {
Line 183:		Line 182:
	if (part.toLowerCase().indexOf('link=') === 0) {		if (part.toLowerCase().indexOf('link=') === 0) {
	rawUrl = part.substring(5).trim();		rawUrl = part.substring(5).trim();
	~~} else if (part.indexOf('File:') !== 0 && part.length > 2) {~~
	~~// Capture the descriptive title parameter segment~~
	~~cleanTitle = part;~~

	~~// Clean up: If it starts with an index code like "0487 - 22 Apr - ", strip it out~~
	~~// This leaves you with just the clean, readable description name text string~~
	~~cleanTitle = cleanTitle.replace(/^[0-9]{4}\s-\s[0-9]{1,2}\s+[a-zA-Z]{3,9}\s-\s/, '');~~
	}		}
	}		}

	~~var videoId = "";~~		// Clean all template formatting brackets, space characters, and hidden control markers
	// Clean all template formatting brackets, space characters, and hidden control markers
	~~// Strip hidden control characters and formatting bracket markers from the text line~~
	var urlCleaned = rawUrl.replace(/[\u200e\u200f\s\}\}\]]/g, '');		var urlCleaned = rawUrl.replace(/[\u200e\u200f\s\}\}\]]/g, '');

	// Direct YouTube Alphanumeric Pattern Matcher		// Direct YouTube Alphanumeric Pattern Matcher
	~~var videoId = "";~~
	var idRegex = /(?:shorts\/\|v=\|embed\/\|\/)([a-zA-Z0-9_-]{11})/;		var idRegex = /(?:shorts\/\|v=\|embed\/\|\/)([a-zA-Z0-9_-]{11})/;
	var matchResults = urlCleaned.match(idRegex);		var matchResults = urlCleaned.match(idRegex);
			var videoId = "";

	if (matchResults && matchResults[1]) {		if (matchResults && matchResults[1]) {
Line 209:		Line 199:

	if (videoId && videoId.length === 11) {		if (videoId && videoId.length === 11) {
	// ~~1. Instantly~~ inject the ~~verified, operational absolute~~ video ~~embedding~~ player ~~URL path~~		// FIXED: Isolated to inject ONLY the video player iframe at the correct 280px width
	var embedUrl = "https://www.youtube.com/embed/" + videoId;		var embedUrl = "https://www.youtube.com/embed/" + videoId;
	$viewport.html('<iframe width="~~260~~" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');		$viewport.html('<iframe width="280" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');

	~~// 2. Safely request the authentic live title metadata straight from YouTube's server~~
	~~$.ajax({~~
	~~url: 'https://youtube.com' + videoId + '&format=json',~~
	~~dataType: 'jsonp',~~
	~~success: function(json) {~~
	~~if (json && json.title) {~~
	~~// Strip off any automatic brand suffix if YouTube appends it~~
	~~var cleanLiveTitle = json.title.replace(' - YouTube', '');~~
	~~$titleFrame.text(cleanLiveTitle);~~
	~~} else {~~
	~~$titleFrame.text(cleanTitle); // Fallback to database caption if JSON is empty~~
	}
	},
	~~error: function() {~~
	~~$titleFrame.text(cleanTitle); // Fallback to database caption on any connection glitch~~
	}
	~~});~~

	} else {		} else {
	$viewport.html("<div style='color:#c0392b; padding:10px; font-size:11px;'>Invalid video ID sequence extracted.</div>");		$viewport.html("<div style='color:#c0392b; padding:10px; font-size:11px;'>Invalid video ID sequence extracted.</div>");

Kashya at 09:55, 20 May 2026

2026-05-20T09:55:41Z

← Older revision		Revision as of 09:55, 20 May 2026
Line 131:		Line 131:
	});		});

	~~// --- Automated Random Short Picker (Kasya) ---~~
	~~// --- Automated Random Short Picker (Fixed Dimensions & Safe Layout) ---~~
	$(document).ready(function() {		$(document).ready(function() {
	var $widget = $('.vanipedia-random-shorts-widget');		var $widget = $('.vanipedia-random-shorts-widget');
Line 138:		Line 136:
	if ($widget.length) {		if ($widget.length) {
	var $viewport = $widget.find('.vani-shorts-viewport');		var $viewport = $widget.find('.vani-shorts-viewport');
			var $titleFrame = $widget.find('.vani-shorts-title');

	new mw.Api().get({		new mw.Api().get({
Line 155:		Line 154:
	}		}

			// FIXED: Corrected MediaWiki revision array syntax lookup
	var rawWikiText = pages[pageId].revisions[0]['*'];		var rawWikiText = pages[pageId].revisions[0]['*'];
	var lines = rawWikiText.split('\n');		var lines = rawWikiText.split('\n');
Line 174:		Line 174:
	var parts = randomLine.split('\|');		var parts = randomLine.split('\|');

			// Reset defaults before parsing line elements
	var rawUrl = "";		var rawUrl = "";
			var cleanTitle = "YouTube Short Selection";

	for (var j = 0; j < parts.length; j++) {		for (var j = 0; j < parts.length; j++) {
	var part = $.trim(parts[j]);		var part = $.trim(parts[j]);

	if (part.toLowerCase().indexOf('link=') === 0) {		if (part.toLowerCase().indexOf('link=') === 0) {
	rawUrl = part.substring(5).trim();		rawUrl = part.substring(5).trim();
			} else if (part.indexOf('File:') !== 0 && part.length > 2) {
			// Capture the descriptive title parameter segment
			cleanTitle = part;

			// Clean up: If it starts with an index code like "0487 - 22 Apr - ", strip it out
			// This leaves you with just the clean, readable description name text string
			cleanTitle = cleanTitle.replace(/^[0-9]{4}\s-\s[0-9]{1,2}\s+[a-zA-Z]{3,9}\s-\s/, '');
	}		}
	}		}

			var videoId = "";
			// Clean all template formatting brackets, space characters, and hidden control markers
			// Strip hidden control characters and formatting bracket markers from the text line
	var urlCleaned = rawUrl.replace(/[\u200e\u200f\s\}\}\]]/g, '');		var urlCleaned = rawUrl.replace(/[\u200e\u200f\s\}\}\]]/g, '');

			// Direct YouTube Alphanumeric Pattern Matcher
	var videoId = "";		var videoId = "";
	var idRegex = /(?:shorts\/\|v=\|embed\/\|\/)([a-zA-Z0-9_-]{11})/;		var idRegex = /(?:shorts\/\|v=\|embed\/\|\/)([a-zA-Z0-9_-]{11})/;
Line 188:		Line 204:

	if (matchResults && matchResults[1]) {		if (matchResults && matchResults[1]) {
			// FIXED: Grabbed index 1 to pull the standalone 11-digit ID without any slashes
	videoId = matchResults[1].trim();		videoId = matchResults[1].trim();
	}		}

	if (videoId && videoId.length === 11) {		if (videoId && videoId.length === 11) {
	// ~~FIXED: Restored clean~~ absolute ~~layout~~ embedding ~~paths and matched width to 280px~~		// 1. Instantly inject the verified, operational absolute video embedding player URL path
	var embedUrl = "https://youtube.com" + videoId;		var embedUrl = "https://www.youtube.com/embed/" + videoId;
	$viewport.html('<iframe width="~~280~~" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: ~~10px~~; border: none;"></iframe>');		$viewport.html('<iframe width="260" height="225" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>');

			// 2. Safely request the authentic live title metadata straight from YouTube's server
			$.ajax({
			url: 'https://youtube.com' + videoId + '&format=json',
			dataType: 'jsonp',
			success: function(json) {
			if (json && json.title) {
			// Strip off any automatic brand suffix if YouTube appends it
			var cleanLiveTitle = json.title.replace(' - YouTube', '');
			$titleFrame.text(cleanLiveTitle);
			} else {
			$titleFrame.text(cleanTitle); // Fallback to database caption if JSON is empty
			}
			},
			error: function() {
			$titleFrame.text(cleanTitle); // Fallback to database caption on any connection glitch
			}
			});

	} else {		} else {
	$viewport.html("<div style='color:#c0392b; padding:10px; font-size:11px;'>Invalid video ID sequence extracted.</div>");		$viewport.html("<div style='color:#c0392b; padding:10px; font-size:11px;'>Invalid video ID sequence extracted.</div>");