Difference between revisions of "Common.js"

Latest revision as of 10:32, 3 September 2024

// Page-specific scripts modules and conditional loading
// RecordWizard sugar

/* *************************************************************** */
/* PAGE-SPECIFIC SCRIPTS LOADINGS ******************************** */
// Documentation: https://m.mediawiki.org/wiki/ResourceLoader/Architecture#Resource:_Scripts
// Documentation: https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.loader
//🎷🥁🎸🐣📔🗻🌏
// LastAudiosBoxes
if (/^LinguaLibre:Main/.test(mw.config.get('wgPageName'))) {
  console.log('🎸 Last Audios');
  mw.loader.load('/index.php?title=MediaWiki:LastAudios.js&action=raw&ctype=text/javascript');
}
// SoundLibrary
if (/^LinguaLibre:Explore_the_sound_library(\/[a-z_-]+)?$/.test(mw.config.get('wgPageName'))) {
  console.log('🥁 Sound library');
  mw.loader.load('/index.php?title=MediaWiki:SoundLibrary.js&action=raw&ctype=text/javascript');
}
// Item pages additional sugar
if (/^(Q|Property:P)[0-9]+$/.test(mw.config.get('wgPageName'))) {
  console.log('🍭 ItemsSugar ');
  mw.loader.load('/index.php?title=MediaWiki:ItemsSugar.js&action=raw&ctype=text/javascript');
}
// Lexeme Queries Generator (OOUI)
if (/^Template:LexemeQueriesGenerator$/.test(mw.config.get('wgPageName')) || /^Help:SPARQL_/.test(mw.config.get('wgPageName'))) {
  console.log('📔 Lexeme Queries Generator');
  mw.loader.load('/index.php?title=MediaWiki:LexemeQueriesGenerator.js&action=raw&ctype=text/javascript');
}
// SPARQL to data (OOUI)
if (/SPARQL/.test(mw.config.get('wgPageName')) || /parql/.test(mw.config.get('wgPageName'))) {
  console.log('🚀 SPARQL to data');
  mw.loader.load('/index.php?title=MediaWiki:Sparql2data.js&action=raw&ctype=text/javascript');
}
// Click bug & browser
if (/browser/.test(mw.config.get('wgPageName')) || /bug/.test(mw.config.get('wgPageName'))) {
  console.log('🎷 Click bug & browser');
  mw.loader.load('/index.php?title=MediaWiki:Browser.js&action=raw&ctype=text/javascript');
}
/* *************************************************************** */
/* In development *************************************** */
// User:Yug: Search by words, see https://jsfiddle.net/hugolpz/ecpzy0fo/89/
if (/^LinguaLibre:Search_by(\/[a-z_-]+)?$/.test(mw.config.get('wgPageName'))) {
  console.log('🐣 Search by word');
  mw.loader.load('/index.php?title=MediaWiki:SearchBy.js&action=raw&ctype=text/javascript');
}
// Minorities languages statistics page

// Iframe gallery for Lingualibre:Apps
// Prototype https://jsfiddle.net/hugolpz/meygpo6t/
// Problem: iframe are not accepted into wikicode. Solution: hide key values in html tag, generate iframe via JS injection.


/*Query visualisation: Replace loading text by a spinner gif***********************************************************/
$( '.queryviz-loading' ).html( '<center><img src="https://upload.wikimedia.org/wikipedia/commons/7/7a/Balls.gif" width="50" /></center>' );

// Load LiLiZip.js gadget (full script only loaded when user visits the dedicated page)
mw.loader.load('/index.php?title=MediaWiki:LiLiZip.js/load.js&action=raw&ctype=text/javascript');

@@ Line 1: / Line 1: @@
-// Replace Wikidata IDs with their [label, description]
+// Page-specific scripts modules and conditional loading
-if ( $( '.wb-external-id' ).length > 0 ) {
+// RecordWizard sugar
-	mw.loader.using( 'mediawiki.ForeignApi', function() {
-		$( '.wb-external-id' ).each( function() {
-			if ( $( this ).attr( 'href' ).lastIndexOf( 'https://www.wikidata.org', 0 ) === 0 ) {
-				var wikidataApi = new mw.ForeignApi( 'https://www.wikidata.org/w/api.php', {
-						anonymous: true,
-						parameters: { 'origin': '*' },
-						ajax: { timeout: 10000 }
-					} ),
-					lang = mw.config.get( 'wgUserLanguage' ),
-					node = $( this );
-				wikidataApi.get( {
-					'action': 'wbgetentities',
-					'format': 'json',
-					'ids': node.text(),
-					'props': 'labels|descriptions',
-					'languages': lang,
-					'languagefallback': 1,
-					'origin': '*'
-				} ).then( function( data ) {
-					var entity = data.entities[ node.text() ],
-						label = ( entity.labels[ lang ] !== undefined ? entity.labels[ lang ].value + ' <i>(' + node.text() + ')</i>' : node.text() ),
-						description = ( entity.descriptions[ lang ] !== undefined ? '<small>' + entity.descriptions[ lang ].value + '</small>' : '' );
-					node.html( label + '<br>' + description )
-				} );
-			}
-		} );
-	} );
-}
-//Add an audio player to the audio records links in the wikibase items
-const BASE_FILE_URL = 'https://commons.wikimedia.org/wiki/Special:Redirect/file?wptype=file&wpvalue=';
-function playButton( audioUrl ) {
-	var button = new OO.ui.ButtonWidget( {
-		framed: false,
-		icon: 'play',
-		title: 'play'
-	} );
-	button.on( 'click', function() {
-		var audio = new Audio( audioUrl );
-		audio.play();
-	} );
-	return button.$element;
+/* *************************************************************** */
+/* PAGE-SPECIFIC SCRIPTS LOADINGS ******************************** */
+// Documentation: https://m.mediawiki.org/wiki/ResourceLoader/Architecture#Resource:_Scripts
+// Documentation: https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.loader
+//🎷🥁🎸🐣📔🗻🌏
+// LastAudiosBoxes
+if (/^LinguaLibre:Main/.test(mw.config.get('wgPageName'))) {
+  console.log('🎸 Last Audios');
+  mw.loader.load('/index.php?title=MediaWiki:LastAudios.js&action=raw&ctype=text/javascript');
 }
+// SoundLibrary
-if ( $( '#P3 a.extiw' ).length > 0 ) {
+if (/^LinguaLibre:Explore_the_sound_library(\/[a-z_-]+)?$/.test(mw.config.get('wgPageName'))) {
-    mw.loader.using( [ 'oojs-ui-widgets', 'oojs-ui.styles.icons-media' ], function() {
+  console.log('🥁 Sound library');
-        $( '#P3 a.extiw' ).each( function() {
+  mw.loader.load('/index.php?title=MediaWiki:SoundLibrary.js&action=raw&ctype=text/javascript');
-            var $node = $( this );
-            $node.before( playButton( BASE_FILE_URL + $node.text() ) );
-        } );
-    } );
 }
+// Item pages additional sugar
+if (/^(Q|Property:P)[0-9]+$/.test(mw.config.get('wgPageName'))) {
-/**
+  console.log('🍭 ItemsSugar ');
- * Display last records on main page
+  mw.loader.load('/index.php?title=MediaWiki:ItemsSugar.js&action=raw&ctype=text/javascript');
- **/
-var ab1, ab2;
-var AudioBox = function( recordQid, $node ) {
-	this.wbRecord = new mw.recordWizard.wikibase.Item( recordQid );
-	this.$node = $node;
-	this.audioNode = document.createElement( 'audio' );
-	this.audioNode.preload = 'auto';
-    this.api = new mw.Api();
-	this.recordQid = recordQid;
-	this.langQid = null;
-	this.speakerQid = null;
-	this.label = '';
-	this.media = '';
-	this.lang = '';
-	this.speaker = '';
-	this.wbRecord.getFromApi( this.api ).then( this.processRecord.bind( this ), displayError );
 }
+// Lexeme Queries Generator (OOUI)
-AudioBox.prototype.processRecord = function() {
+if (/^Template:LexemeQueriesGenerator$/.test(mw.config.get('wgPageName')) || /^Help:SPARQL_/.test(mw.config.get('wgPageName'))) {
-	this.label = this.wbRecord.getLabel( 'en' );
+  console.log('📔 Lexeme Queries Generator');
-	this.media = 'https://commons.wikimedia.org/wiki/Special:FilePath/' + this.wbRecord.getStatements( 'P3' )[ 0 ].getValue();
+  mw.loader.load('/index.php?title=MediaWiki:LexemeQueriesGenerator.js&action=raw&ctype=text/javascript');
-	this.langQid = this.wbRecord.getStatements( 'P4' )[ 0 ].getValue();
-	this.speakerQid = this.wbRecord.getStatements( 'P5' )[ 0 ].getValue();
-	this.api.get( {
-		action: "wbgetentities",
-		format: "json",
-		ids: this.langQid + '|' + this.speakerQid,
-		props: "labels",
-		languages: mw.config.get( 'wgUserLanguage' ) + "|en",
-		languagefallback: 1,
-	} ).then( this.processLabels.bind( this ), displayError );
-}
-AudioBox.prototype.processLabels = function( data ) {
-	var langLabels;
-	if ( data.entities === undefined || data.entities[ this.langQid ] === undefined || data.entities[ this.speakerQid ] === undefined ) {
-		displayError( 'dataerror' );
-		return;
-	}
-	langLabels = data.entities[ this.langQid ].labels;
-	if ( langLabels[ mw.config.get( 'wgUserLanguage' ) ] !== undefined ) {
-		this.lang = langLabels[ mw.config.get( 'wgUserLanguage' ) ].value;
-	} else {
-		this.lang = langLabels[ 'en' ].value;
-	}
-	this.speaker = data.entities[ this.speakerQid ].labels[ 'en' ].value;
-	this.display();
-}
-AudioBox.prototype.display = function() {
-	this.$node.find( '.ab-title' ).text( this.label );
-	this.$node.find( '.ab-metadata' ).text( this.lang + ' - ' + this.speaker );
-	this.audioNode.src = this.media;
-	this.$node.find( '.ab-playbutton' ).click( this.audioNode.play.bind( this.audioNode ) );
-}
-function createAudioBoxes( data ) {
-	if ( data.query === undefined || data.query.rwrecords === undefined || data.query.rwrecords.length < 2 ) {
-		displayError( 'nodata' );
-		return;
-	}
-	ab1 = new AudioBox( data.query.rwrecords[ 0 ], $( '.audiobox' ).eq( 0 ) );
-	ab2 = new AudioBox( data.query.rwrecords[ 1 ], $( '.audiobox' ).eq( 1 ) );
 }
+// SPARQL to data (OOUI)
-function getLastRecords() {
+if (/SPARQL/.test(mw.config.get('wgPageName')) || /parql/.test(mw.config.get('wgPageName'))) {
-    var api = new mw.Api();
+  console.log('🚀 SPARQL to data');
-	api.get( {
+  mw.loader.load('/index.php?title=MediaWiki:Sparql2data.js&action=raw&ctype=text/javascript');
-        action: 'query',
-        format: 'json',
-        list: 'rwrecords',
-        rwrlimit: '2',
-		rwrsort: 'pageid',
-		rwrdir: 'descending',
-		rwrformat: 'qid'
-  } ).then( createAudioBoxes, displayError );
 }
+// Click bug & browser
-function displayError( code, error ) {
+if (/browser/.test(mw.config.get('wgPageName')) || /bug/.test(mw.config.get('wgPageName'))) {
-	console.warn( code, error );
+  console.log('🎷 Click bug & browser');
+  mw.loader.load('/index.php?title=MediaWiki:Browser.js&action=raw&ctype=text/javascript');
 }
+/* *************************************************************** */
-if ( mw.config.get( 'wgPageName' ) === 'LinguaLibre:Main_Page' ) {
+/* In development *************************************** */
-    mw.loader.using( [ 'mediawiki.api', 'ext.recordWizard.wikibase' ] ).then( getLastRecords );
+// User:Yug: Search by words, see https://jsfiddle.net/hugolpz/ecpzy0fo/89/
+if (/^LinguaLibre:Search_by(\/[a-z_-]+)?$/.test(mw.config.get('wgPageName'))) {
+  console.log('🐣 Search by word');
+  mw.loader.load('/index.php?title=MediaWiki:SearchBy.js&action=raw&ctype=text/javascript');
 }
+// Minorities languages statistics page
+// Iframe gallery for Lingualibre:Apps
+// Prototype https://jsfiddle.net/hugolpz/meygpo6t/
+// Problem: iframe are not accepted into wikicode. Solution: hide key values in html tag, generate iframe via JS injection.
-console.log("User:Yug/common.js")
+/*Query visualisation: Replace loading text by a spinner gif***********************************************************/
+$( '.queryviz-loading' ).html( '<center><img src="https://upload.wikimedia.org/wikipedia/commons/7/7a/Balls.gif" width="50" /></center>' );
-/* ************************************************************************** */
+// Load LiLiZip.js gadget (full script only loaded when user visits the dedicated page)
-/* Edit toolbox ************************************************************ */
+mw.loader.load('/index.php?title=MediaWiki:LiLiZip.js/load.js&action=raw&ctype=text/javascript');
-/* Sources: [[:mw:Manual:Interface/Sidebar#Add_or_remove_toolbox_sections_(JavaScript)]]  */
-function ModifySidebar( action, section, name, link ) {
-			console.log("1:", action,section, name, link)
-	try {
-		switch ( section ) {
-			case 'languages':
-				var target = 'p-lang';
-				break;
-			case 'toolbox':
-				var target = 'toolbox'; // mediawiki: "p-tb" ; wikibase: "toolbox" and then remove lines selecting children div and ul
-				break;
-			case 'navigation':
-				var target = 'p-navigation';
-				break;
-			default:
-				var target = 'p-' + section;
-				break;
-		}
-		if ( action == 'add' ) {
-			console.log(action,section, name, link)
-			var node = document.getElementById( target )
-//							   .getElementsByTagName( 'div' )[0]
-//							   .getElementsByTagName( 'ul' )[0];
-			var aNode = document.createElement( 'a' );
-			var liNode = document.createElement( 'li' );
-			aNode.appendChild( document.createTextNode( name ) );
-			aNode.setAttribute( 'href', link );
-			liNode.appendChild( aNode );
-			liNode.className = 'plainlinks';
-			node.appendChild( liNode );
-		}
-		if ( action == 'remove' ) {
-			var list = document.getElementById( target )
-	//						   .getElementsByTagName( 'div' )[0]
-//							   .getElementsByTagName( 'ul' )[0];
-			var listelements = list.getElementsByTagName( 'li' );
-			for ( var i = 0; i < listelements.length; i++ ) {
-				if (
-					listelements[i].getElementsByTagName( 'a' )[0].innerHTML == name ||
-					listelements[i].getElementsByTagName( 'a' )[0].href == link
-				)
-				{
-					list.removeChild( listelements[i] );
-				}
-			}
-		}
-	} catch( e ) {
-		// let's just ignore what's happened
-		return;
-	}
-}
-function CustomizeModificationsOfSidebar() {
-	ModifySidebar( "add", "toolbox", "Recent (non-audio)", "https://lingualibre.org/wiki/Special:RecentChanges?namespace=0&invert=1" );
-}
-$( CustomizeModificationsOfSidebar );