MediaWiki:Gadget-PopupsFix.js

/**
 * This script is a hack to make popups on items work.
 *
 * @author [[User:Bene*]]
 */
( function( $, mw ) {
	'use strict';
	

	/**
	 * Property which is used to find the thumbnail of an item.
	 */
	var imageProperty = 'P18';

	// dont enable popups for all users, only add it when it is already loaded
	var state = mw.loader.getState( 'ext.popups.desktop' );
	if ( !state || !state.match( /loading|loaded|ready/ ) ) {
		return;
	}

	mw.loader.using( [ 'ext.popups.desktop' ], function() {

		var newLineIdentifier = '[br-' + Math.random() + ']',
			beforeIdIdentifier = '[before-id-' + Math.random() + ']',
			afterIdIdentifier = '[after-id-' + Math.random() + ']';

		/**
		 * Creates a Wikidata specific popup.
		 *
		 * @param {jQuery.Promise} deferred
		 * @param {string} title
		 * @param {string} href
		 */
		function popupWikidata( deferred, title, href ) {
			var id = title.replace( 'Property:', '' ),
				lang = mw.config.get( 'wgUserLanguage' );

			// first request to get the entity's labels, descriptions and claims
			mw.popups.render.currentRequest = mw.popups.api.get( {
				action: 'wbgetentities',
				props: 'labels|descriptions|claims',
				redirects: 'yes',
				languages: lang,
				languagefallback: true,
				ids: id
			} );
	 
			mw.popups.render.currentRequest.fail( deferred.reject );
			mw.popups.render.currentRequest.done( function ( re ) {
				mw.popups.render.currentRequest = undefined;

				if (
					!re.success ||
					!re.entities ||
					!re.entities[id] ||
					!re.entities[id].labels ||
					!re.entities[id].labels[lang] ||
					!re.entities[id].descriptions ||
					!re.entities[id].descriptions[lang]
				) {
					deferred.reject();
					return;
				}

				var entity = re.entities[id];

				// hack: fake request because of bad api design
				var fakedRe = {
					extract: entity.labels[lang].value + beforeIdIdentifier + id + afterIdIdentifier +
						newLineIdentifier + entity.descriptions[lang].value,
					title: entity.labels[lang].value
				};

				var file = '';

				if ( entity.claims && entity.claims[imageProperty] ) {
					file = '|File:' + entity.claims[imageProperty][0].mainsnak.datavalue.value;
				}

				// second request to get the revision of the entity and the thumbnail if an image was found
				mw.popups.render.currentRequest = mw.popups.api.get( {
					action: 'query',
					prop: 'imageinfo|revisions',
					iiprop: 'url|size',
					iilimit: 1,
					iiurlwidth: 300 * $.bracketedDevicePixelRatio(), // scaledThumbSize
					rvprop: 'timestamp',
					rvlimit: 1,
					titles: title + file
				} );

				mw.popups.render.currentRequest.fail( deferred.reject );
				mw.popups.render.currentRequest.done( function ( re ) {
					mw.popups.render.currentRequest = undefined;

					if (
						!re.query ||
						!re.query.pages
					) {
						deferred.reject();
						return;
					}

					var pageId;
					for ( var i in re.query.pages ) {
						if ( i > 0 ) {
							pageId = i;
						}
					}

					fakedRe.revisions = re.query.pages[pageId].revisions;

					if ( re.query.pages[-1] && re.query.pages[-1].imageinfo ) {
						fakedRe.thumbnail = {
							source:  re.query.pages[-1].imageinfo[0].thumburl,
							width: re.query.pages[-1].imageinfo[0].thumbwidth,
							height: re.query.pages[-1].imageinfo[0].thumbheight
						};
					}

					mw.popups.render.cache[ href ] = {};
					mw.popups.render.cache[ href ].popup = mw.popups.render.renderers.article.createPopup( fakedRe, href );
					mw.popups.render.cache[ href ].getOffset = mw.popups.render.renderers.article.getOffset;
					mw.popups.render.cache[ href ].getClasses = mw.popups.render.renderers.article.getClasses;
					mw.popups.render.cache[ href ].process = mw.popups.render.renderers.article.processPopup;
					deferred.resolve();
				} );
			} );
		}

		/**
		 * Code stolen from the popup extension itself to create the default popup.
		 *
		 * @param {jQuery.Promise} deferred
		 * @param {string} title
		 * @param {string} href
		 */
		function popupDefault( deferred, title, href ) {
			mw.popups.render.currentRequest = mw.popups.api.get( {
				action: 'query',
				prop: 'extracts|pageimages|revisions',
				formatversion: 2,
				redirects: true,
				exintro: true,
				exsentences: 2,
				// there is an added geometric limit on .mwe-popups-extract
				// so that text does not overflow from the card
				explaintext: true,
				piprop: 'thumbnail',
				pithumbsize: 300 * $.bracketedDevicePixelRatio(), // scaledThumbSize
				rvprop: 'timestamp',
				titles: title,
				smaxage: 300,
				maxage: 300,
				uselang: 'content'
			} );

			mw.popups.render.currentRequest.fail( deferred.reject );
			mw.popups.render.currentRequest.done( function ( re ) {
				mw.popups.render.currentRequest = undefined;

				if (
					!re.query ||
					!re.query.pages ||
					!re.query.pages[0].extract ||
					re.query.pages[0].extract === ''
				) {
					// Restore the title attribute and set flag
					if ( link.data( 'dont-empty-title' ) !== true ) {
						link
							.attr( 'title', link.data( 'title' ) )
							.removeData( 'title' )
							.data( 'dont-empty-title', true );
					}
					deferred.reject();
					return;
				}

				mw.popups.render.cache[ href ] = {};
				mw.popups.render.cache[ href ].popup = mw.popups.render.renderers.article.createPopup( re.query.pages[0], href );
				mw.popups.render.cache[ href ].getOffset = mw.popups.render.renderers.article.getOffset;
				mw.popups.render.cache[ href ].getClasses = mw.popups.render.renderers.article.getClasses;
				mw.popups.render.cache[ href ].process = mw.popups.render.renderers.article.processPopup;
				deferred.resolve();
			} );
		}

		/**
		 * Send an API request and cache the jQuery element
		 *
		 * @param {jQuery} link
		 * @return {jQuery.Promise}
		 */
		mw.popups.render.renderers.article.init = function ( link ) {
			var href = link.attr( 'href' ),
				title = mw.popups.getTitle( href ),
				deferred = $.Deferred();

			if ( !title ) {
				return deferred.reject().promise();
			}

			if ( title.match( /^Q[0-9]+/ ) || title.match( /^Property:P[0-9]+/ ) ) {
				popupWikidata( deferred, title, href );
			} else {
				popupDefault( deferred, title, href );
			}
	
			return deferred.promise();
		};

		var getProcessedElements = mw.popups.render.renderers.article.getProcessedElements;

		mw.popups.render.renderers.article.getProcessedElements = function( extract, title ) {
			var elements = getProcessedElements.apply( this, [ extract, title ] );
			var html = $( '<span>' ).append( elements ).html()
				.replace( newLineIdentifier, '</p><p>' )
				.replace( beforeIdIdentifier, ' <small>(' )
				.replace( afterIdIdentifier, ')</small>');

			return '<p>' + html + '</p>';
		};

		mw.hook( 'wikipage.content').add( function( $content ) {
			var $elements = $content.find( 'a[href^="/wiki/Property:"]' );
			mw.popups.removeTooltip( $elements );
			mw.popups.setupTriggers( $elements );
		} );

	} );
		
} )( jQuery, mediaWiki );