User:Bharatwiki Socrates/minerva.js - Revision history

Bharatwiki Socrates: Twinkle mobile is now site-wide, personal test no longer needed

2026-11-01T00:12:56Z

Twinkle mobile is now site-wide, personal test no longer needed

Show changes

Bharatwiki Socrates: Twinkle mobile test adapter v5: on-screen panel like English Wikipedia

2026-10-31T23:56:02Z

Twinkle mobile test adapter v5: on-screen panel like English Wikipedia

Show changes

Bharatwiki Socrates: Twinkle mobile test adapter v4: pre-create p-cactions in overflow menu

2026-10-31T23:40:06Z

Twinkle mobile test adapter v4: pre-create p-cactions in overflow menu

Show changes

Bharatwiki Socrates: Twinkle mobile test adapter v3: diagnostic banner

2026-10-31T23:35:32Z

Twinkle mobile test adapter v3: diagnostic banner

@@ Line 1: / Line 1: @@
-// Twinkle mobile TEST adapter - for personal testing only
+// Twinkle mobile TEST adapter v3 - DIAGNOSTIC version, personal test only
+// Page: User:Bharatwiki Socrates/minerva.js (Minerva skin only)
-// Location: User:Bharatwiki Socrates/minerva.js (runs only on the Minerva skin)
+// Purpose: v1 loaded the files but no menu was visible; v2 could not find
+// any Twinkle menu. v3 does not guess: it shows a fixed on-screen log
-// Purpose: Without modifying the gadget definitions, load Twinkle's raw files on
+// banner that records every stage and, after Twinkle initializes, a DOM
+// census (does #p-cactions exist? does #p-twinkle exist? how many
-// mobile to test whether the menus and dialogs work in Minerva.
+// twinkle-* items are in the page, and are they visible?).
+// The banner stays until tapped. All strings in English.
 ( function () {
@@ Line 19: / Line 16: @@
+	}
 	window.twinkleMobileTestLoaded = true;
 	var indexPhp = mw.util.wikiScript( 'index' );
@@ Line 36: / Line 59: @@
+	}
 	mw.util.addCSS(
 		'.ui-dialog { max-width: 96vw !important; left: 2vw !important; }' +
 		'.morebits-dialog { max-width: 96vw !important; }' +
 		'.morebits-dialog-content { overflow-x: auto; }' +
-		'.select2-container { max-width: 90vw; }' +
+		'.select2-container { max-width: 90vw; }'
 	);
 	rawCss( 'MediaWiki:Gadget-Twinkle.css' );
 	rawCss( 'MediaWiki:Gadget-morebits.css' );
 	rawCss( 'MediaWiki:Gadget-select2.min.css' );
 	mw.loader.using( [
@@ Line 52: / Line 109: @@
 		'mediawiki.Title', 'mediawiki.user', 'jquery.ui'
 	] ).then( function () {
 		return loadScript( 'MediaWiki:Gadget-select2.min.js' );
 	} ).then( function () {
 		return loadScript( 'MediaWiki:Gadget-morebits.js' );
 	} ).then( function () {
 		return loadScript( 'MediaWiki:Gadget-Twinkle.js' );
 	} ).then( function () {
-		mw.notify( 'Twinkle mobile test load ho gaya', { type: 'info' } );
+		log( '[v3] Twinkle.js loaded, waiting for its init...' );
 	} ).catch( function ( err ) {
-		mw.notify( 'Twinkle mobile test load FAIL: ' + err, { type: 'error' } );
+		log( '[v3] LOAD FAILED: ' + err );
 	} );
 }() );

Bharatwiki Socrates at 23:18, 31 October 2026

2026-10-31T23:18:03Z

@@ Line 1: / Line 1: @@
-// Twinkle mobile TEST adapter v2 - sirf personal test ke liye
+// Twinkle mobile TEST adapter - for personal testing only
-// Jagah: User:Bharatwiki Socrates/minerva.js (sirf Minerva skin me chalega)
-// v1 se seekh: files load ho jati hain, lekin Twinkle ka menu Minerva me
+// Location: User:Bharatwiki Socrates/minerva.js (runs only on the Minerva skin)
-// kahin dikhai nahi deta, kyunki Minerva me #p-cactions hota hi nahi.
-// Iska overflow (More) menu asal me portlet #p-tb hai.
+// Purpose: Without modifying the gadget definitions, load Twinkle's raw files on
-// v2 ka kaam: Twinkle ke bane menu ko dhoondh kar use ek panel me rakhna
-// aur More menu (ul#p-tb) me "Twinkle" naam ki entry jodna, jise dabane
+// mobile to test whether the menus and dialogs work in Minerva.
-// par woh panel khule. Sath me diagnostic notification bhi aayegi ki
-// menu mila ya nahi, aur kis naam se mila.
+// Once the test passes, this file will be removed, and the actual fix will be made
 ( function () {
@@ Line 34: / Line 36: @@
+	}
 	mw.util.addCSS(
 		'.ui-dialog { max-width: 96vw !important; left: 2vw !important; }' +
@@ Line 39: / Line 42: @@
 		'.morebits-dialog-content { overflow-x: auto; }' +
 		'.select2-container { max-width: 90vw; }' +
-		'#twinkle-mobile-panel { position: fixed; top: 56px; left: 2vw;' +
+		'#p-twinkle, .twinkle-menu { font-size: 100%; }'
 	);
 	rawCss( 'MediaWiki:Gadget-Twinkle.css' );
 	rawCss( 'MediaWiki:Gadget-morebits.css' );
 	rawCss( 'MediaWiki:Gadget-select2.min.css' );
 	mw.loader.using( [
@@ Line 132: / Line 58: @@
 		return loadScript( 'MediaWiki:Gadget-Twinkle.js' );
 	} ).then( function () {
-		waitAndAttach( 20 );
+		mw.notify( 'Twinkle mobile test load ho gaya', { type: 'info' } );
 	} ).catch( function ( err ) {
-		mw.notify( 'Twinkle mobile test load FAIL: ' + err,
+		mw.notify( 'Twinkle mobile test load FAIL: ' + err, { type: 'error' } );
 	} );
 }() );

Bharatwiki Socrates: Twinkle mobile test adapter v2: relocate menu into Minerva overflow

2026-10-31T23:16:20Z

Twinkle mobile test adapter v2: relocate menu into Minerva overflow

@@ Line 1: / Line 1: @@
-// Twinkle mobile TEST adapter - sirf personal test ke liye
+// Twinkle mobile TEST adapter v2 - sirf personal test ke liye
 // Jagah: User:Bharatwiki Socrates/minerva.js (sirf Minerva skin me chalega)
-// Kaam: Gadgets-definition badle bina, Twinkle ki files raw load karke
+// v1 se seekh: files load ho jati hain, lekin Twinkle ka menu Minerva me
-// mobile par Twinkle chalana, taaki test ho sake ki menu aur dialog
+// kahin dikhai nahi deta, kyunki Minerva me #p-cactions hota hi nahi.
-// Minerva me kaam karte hain ya nahi.
+// Iska overflow (More) menu asal me portlet #p-tb hai.
-// Test pass hone par ye file hata kar asal fix Gadgets-definition
+// v2 ka kaam: Twinkle ke bane menu ko dhoondh kar use ek panel me rakhna
-// aur ek chhote mobile CSS gadget se hoga.
+// aur More menu (ul#p-tb) me "Twinkle" naam ki entry jodna, jise dabane
 ( function () {
@@ Line 32: / Line 34: @@
+	}
 	mw.util.addCSS(
 		'.ui-dialog { max-width: 96vw !important; left: 2vw !important; }' +
@@ Line 38: / Line 39: @@
 		'.morebits-dialog-content { overflow-x: auto; }' +
 		'.select2-container { max-width: 90vw; }' +
-		'#p-twinkle, .twinkle-menu { font-size: 100%; }'
+		'#twinkle-mobile-panel { position: fixed; top: 56px; left: 2vw;' +
 	);
 	rawCss( 'MediaWiki:Gadget-Twinkle.css' );
 	rawCss( 'MediaWiki:Gadget-morebits.css' );
 	rawCss( 'MediaWiki:Gadget-select2.min.css' );
 	mw.loader.using( [
@@ Line 54: / Line 132: @@
 		return loadScript( 'MediaWiki:Gadget-Twinkle.js' );
 	} ).then( function () {
-		mw.notify( 'Twinkle mobile test load ho gaya', { type: 'info' } );
+		waitAndAttach( 20 );
 	} ).catch( function ( err ) {
-		mw.notify( 'Twinkle mobile test load FAIL: ' + err, { type: 'error' } );
+		mw.notify( 'Twinkle mobile test load FAIL: ' + err,
 	} );
 }() );

Bharatwiki Socrates: Creating personal minerva.js: Twinkle mobile test adapter

2026-10-31T23:03:34Z

Creating personal minerva.js: Twinkle mobile test adapter

New page

// Twinkle mobile TEST adapter - sirf personal test ke liye
// Jagah: User:Bharatwiki Socrates/minerva.js (sirf Minerva skin me chalega)
// Kaam: Gadgets-definition badle bina, Twinkle ki files raw load karke
// mobile par Twinkle chalana, taaki test ho sake ki menu aur dialog
// Minerva me kaam karte hain ya nahi.
// Test pass hone par ye file hata kar asal fix Gadgets-definition
// aur ek chhote mobile CSS gadget se hoga.

( function () {
if ( mw.config.get( 'skin' ) !== 'minerva' ) {
return;
}
if ( window.twinkleMobileTestLoaded ) {
return;
}
window.twinkleMobileTestLoaded = true;

var indexPhp = mw.util.wikiScript( 'index' );
function rawUrl( title ) {
return indexPhp + '?title=' + encodeURIComponent( title ) +
'&action=raw&ctype=text/javascript';
}
function rawCss( title ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.href = indexPhp + '?title=' + encodeURIComponent( title ) +
'&action=raw&ctype=text/css';
document.head.appendChild( link );
}
function loadScript( title ) {
return $.getScript( rawUrl( title ) );
}

// Mobile par dialog screen ke andar rahe, iske liye CSS fitting
mw.util.addCSS(
'.ui-dialog { max-width: 96vw !important; left: 2vw !important; }' +
'.morebits-dialog { max-width: 96vw !important; }' +
'.morebits-dialog-content { overflow-x: auto; }' +
'.select2-container { max-width: 90vw; }' +
'#p-twinkle, .twinkle-menu { font-size: 100%; }'
);
rawCss( 'MediaWiki:Gadget-Twinkle.css' );
rawCss( 'MediaWiki:Gadget-morebits.css' );
rawCss( 'MediaWiki:Gadget-select2.min.css' );

mw.loader.using( [
'mediawiki.util', 'mediawiki.api', 'mediawiki.storage',
'mediawiki.Title', 'mediawiki.user', 'jquery.ui'
] ).then( function () {
return loadScript( 'MediaWiki:Gadget-select2.min.js' );
} ).then( function () {
return loadScript( 'MediaWiki:Gadget-morebits.js' );
} ).then( function () {
return loadScript( 'MediaWiki:Gadget-Twinkle.js' );
} ).then( function () {
mw.notify( 'Twinkle mobile test load ho gaya', { type: 'info' } );
} ).catch( function ( err ) {
mw.notify( 'Twinkle mobile test load FAIL: ' + err, { type: 'error' } );
} );
}() );