User:Mr. Ibrahem/ArticleTranslator.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
// __NOINDEX__ DO NOT COPY IT FOR TRANSLATION, READ THE DOCUMENTATION [[:en:User talk:Ebraminio/ArticleTranslator.js]]
/*global jQuery, mediaWiki*/
(function ($, mw) {
	'use strict';

	// prevent double execution of the tool
	if (window.isArticletranslatorInitialized && location.hash === '#tofawikiframe') { return; }
	window.isArticletranslatorInitialized = true;

	var conf = {
		homeWiki: 'ar',
		fromLang: mw.config.get('wgPageContentLanguage'),
		translatorBarFormat: '$1ترجم$2 من $3 إلى $4 ($5)',
		templateTranslatorText: 'ترجمة القوالب',
		removeLinksAliasesText: 'تنظيف الوصلات',
		enableTemplateTranslation: true,
		removeLinksAliases: true,
		name: 'Name',
		interwikiCount: 'Language links count',
		linkedTo: 'Linked to',
		listOfUnavailablePagesOn: 'List of not present pages on',
		definedTemplatesfortemplates: ["t", "T", "tl", "Tl", "قا", "tlx", "Tlx"],
		definedTemplates: ["Flag icon", "flagicon", "Flag", "Portal", "About", "ADB", "Alsoknown", "Alternateuses", "Cat main", "Cat main article", "Category disambiguation", "Category main", "Catmain", "Consider disambiguation", "Contrast", "Dabprefixes", "Detail", "Details", "Disambiguation needed", "Distinguish", "Distinguish2", "For", "For other uses", "For2", "In title", "Introductory article", "Look from", "Main", "Main cat", "Main category", "Maincat", "More", "Moredetails", "Navbox hatnote *Templates", "Other", "Other hurricanes", "Other meanings", "Other people", "Other people2", "Other people3", "Other people5", "Other places", "Other places3", "Other ships", "Other use", "Other uses", "Other uses of", "Other uses1", "Other uses2", "Other uses-section", "Othermeanings", "Otheruse", "OtherUses", "Otheruses1", "Otheruses3", "OtherusesSubtopic", "Othervalues", "Outline", "Previously", "Redirect", "Redirect10", "Redirect2", "Redirect3", "Redirect4", "Redirect6", "Redirect-distinguish2", "Redirect-synonym", "See introduction", "See Wiktionary", "Seesubarticle", "Selfref", "Srlink", "Surname links", "Technical reasons", "Template ambiguous", "Template shortcut", "This user talk", "Three other uses", "Two other uses", "WikiProject Disambiguation"]
	}, action = mw.config.get('wgAction');

	$.extend(conf, window.articleTranslatorConf);

	// getting the last translator preference from the cookie
	if ($.cookie && $.cookie('homeWiki') !== null) { conf.homeWiki = $.cookie('homeWiki'); }
	if ($.cookie && $.cookie('fromLang') !== null) { conf.fromLang = $.cookie('fromLang'); }

	// from: http://80.68.89.23/2006/Jan/20/escape/
	function escape(text) {
		return text.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&');
	}
	
	function translate(links, showMissings) {
		var request = {
			from: conf.fromLang,
			to: conf.homeWiki,
			missings: !!showMissings,
			p: links
		};
		
		// https://github.com/ebraminio/linkstranslator
		return $.post('https://tools.wmflabs.org/linkstranslator/', request).then(null, function () {
			return $.post('https://fa-tts.wmflabs.org/linkstranslator/', request);
		});
	}

	function editboxTranslator() {
		var translationTextArea;

		if (conf.fromLang === mw.config.get('wgPageContentLanguage')) {
			$('#wpTextbox2').remove();
			translationTextArea = $('#wpTextbox1').clone().attr({
				'id': 'wpTextbox2'
			}).css({
				'background-color': '#CCCEFF'
			}).val($('#wpTextbox1').val());
			$('#wpTextbox1').before(translationTextArea);
		} else {
			translationTextArea = $('#wpTextbox1');
		}
		
		var raw = translationTextArea.val();
		if (raw.match(/\{\{(Navbox|Sidebar|Campaignbox)/)) {
			raw = raw.replace(/(\|\s*name\s*=\s*)([^\n\|\}]*)/, '$1' + mw.config.get('wgTitle'));
		}
		$.Deferred().resolve().then(function () {
			var links = (raw.match(/\[\[.*?\]\]/g) || []).map(function (x) { return x.split('[[')[1].split(/[\|\]]/)[0]; });
			return translate(links).then(function (result) {
				Object.keys(result).forEach(function (from) {
					raw = raw.replace(
						new RegExp('(\\[\\[:?)' + escape(from) + '((?:\\|[^\\]]*)?)(\\]\\])', 'g'),
						'$1' + result[from] + (conf.removeLinksAliases ? '' : '$2') + '$3'
					);
				});
			});
			

		}).then(function () {
			var templateLinksRegexp = new RegExp('(\\{\\{\\s*(?:Template:)?(?:' + conf.definedTemplatesfortemplates.join('|') + ')\\s*\\|\\s*)([^\n|]+?)((?:\\|[^\n\}]*?)?\\s*\\}\\})', 'ig');
			var links = (raw.match(templateLinksRegexp) || []).map(function (x) { return 'Template:' +  x.split('|')[1].split('}')[0]; });
			return translate(links).then(function (result) {
				raw = raw.replace(templateLinksRegexp, function (_, x, y, z) {
					return x + (result['Template:' + y] || y).replace(/[^:]*:/, '') + z;
				});
			});


		}).then(function () {
			var templateLinksRegexp = new RegExp('(\\{\\{\\s*(?:Template:)?(?:' + conf.definedTemplates.join('|') + ')\\s*\\|\\s*)([^\n|]+?)((?:\\|[^\n\}]*?)?\\s*\\}\\})', 'ig');
			var links = (raw.match(templateLinksRegexp) || []).map(function (x) { return x.split('|')[1].split('}')[0]; });
			return translate(links).then(function (result) {
				raw = raw.replace(templateLinksRegexp, function (_, x, y, z) {
					return x + (result[y] || y) + z;
				});
			});

		}).then(function () {
			if (!conf.enableTemplateTranslation) { return; }
			var templatesRegexp = /((\{\{\s*?:[Tt]emplate:)?(.*))\s*[\n\|\}]/g;
		//	var templatesRegexp =  new RegExp('(\\{\\{\\s*)(.*)((\\s*\\|\\s*)([^\n|]+?)(?:\\|[^\n\}]*?)?\\s*\\}\\})', 'ig');

			var links = (raw.match(templatesRegexp) || []).map(function (x) { return 'Template:' + x.split(/\{\{/)[1].split(/\}\}/)[0]; });
			return translate(links).then(function (result) {
				raw = raw.replace(templatesRegexp, function (_, x, y, z) {
					return x + (result[y] || y).replace(/قالب\:/, '') + z;
				});
			});
			
		}).then(function () {
			translationTextArea.val(raw);
		});
	}
	
	function showMissingsTable(missings) {
		// Red nodes inserted after the missing pages
		Object.keys(missings).map(function (page) {
			if (!missings[page].langlinks) return;
			$('a[title="' + page + '"]').after(
				'<span class="linkstranslator-added-content">(<span style="color: red;" class="translatorNeededLink">' +
				missings[page].langlinks +
				'</span>)</span>');
		});

		// Missings table
		var links = Object.keys(missings).map(function (page) {
			return [page, missings[page].langlinks, missings[page].links === 500 ? '500+' : missings[page].links];
		}).filter(function (x) { return x[1]; });
		links = links.sort(function (x, y) { return y[1] - x[1]; });
		var missingsTable = '<table class="wikitable sortable"><tr><th>' + conf.name + '</th><th>' + conf.interwikiCount + '</th><th>' + conf.linkedTo + '</th></tr>' + links.map(function (x) { return '<tr><td>' + x[0] + '</td><td>' + x[1] + '</td><td>' + x[2] + '</tr>'; }).join('') + '</table>';
		$('<div style="line-height: 1.25; font-size: 50%;" id="linkstranslator-missings-wrapper">' + conf.listOfUnavailablePagesOn + ' ' + conf.homeWiki + '.wiki:\n<div style="height: 10em; overflow-y: scroll;">' + missingsTable + '</div></div>').insertAfter('#translatorBar');
	}

	function viewTranslator(showMissings) {
		$('.linkstranslator-added-content, #linkstranslator-missings-wrapper').remove();
		$("#translator-button").css('color', 'lightgray');
		var titles = {};
		$('#bodyContent a').get().forEach(function (x) {
			var title = x.title;
			if (!title && x.href.indexOf('/wiki/') !== -1) {
				title = decodeURI(x.href.replace(/.*?\/wiki\//, '')).replace(/_/g, ' ');
			}
			if (title) {
				titles[title] = true;
			}
		});
		titles = Object.keys(titles);
		translate(titles, showMissings).then(function (result) {
			$('.linkstranslator-added-content, #linkstranslator-missings-wrapper').remove();

			$("#translator-button").css('color', '');

			Object.keys(result).forEach(function (from) {
				if (from.indexOf('#') === 0) return;
				var to = result[from];
				var link = $('a[title="' + from + '"]');
				if (!link.length) {
					link = $('a[href="/wiki/' + encodeURI(from.replace(/ /g, '_')) + '"]');
				}
				link.after(
					'<span class="linkstranslator-added-content">(<bdi><a lang="' + conf.homeWiki + '"' +
					' href="//' + conf.homeWiki + '.wikipedia.org' +
					mw.util.getUrl(to) + '">' + to + '</a></bdi>)</span>'
				);
			});

			if (showMissings) showMissingsTable(result['#missings']);
		});
	}

	$(function () {
		$('#translatorBar').remove();

		var hb = []; // HTML Builder
		hb.push('<span style="font-size: 40%; margin: 0 2em; display: inline-block" id="translatorBar" class="noprint"><span contenteditable></span>');

		var bar = conf.translatorBarFormat;
		bar = bar.replace('$1', '<sub>' + (action === 'view' ? '<a id="translator-equ" href="#">=</a> <a id="translator-equ-play" href="#">▶️</a> ' : '') + '<span id="translator-equ-links"></sub><a id="translator-button" href="#">');
		bar = bar.replace('$2', '</a>' + (action === 'view' ? '<sup><a id="translator-plus" href="#">+</a></sup>' : ''));
		bar = bar.replace('$3', '<span id="translator-from" contenteditable>' + conf.fromLang + '</span>');
		bar = bar.replace('$4', '<span id="translator-to" contenteditable>' + conf.homeWiki + '</span>');
		bar = bar.replace('$5', '<a id="translator-switch" href="$">-</a>');

		hb.push(bar);

		if (action === "edit" || action === "submit") {
			hb.push(' <input type="checkbox" name="enableTemplateTranslation" id="enableTemplateTranslation"><label for="enableTemplateTranslation">' + conf.templateTranslatorText + '</label>');
			hb.push(' <input type="checkbox" name="removeLinksAliases" id="removeLinksAliases"><label for="removeLinksAliases">' + conf.removeLinksAliasesText + '</label>');
		}

		$('h1.firstHeading:first').append(hb.join(''));

		$('#translator-button').click(function (event) {
			event.preventDefault();
			if (action === 'edit' || action === 'submit') {
				editboxTranslator();
			} else {
				viewTranslator(false);
			}
		});
		
		// run translator if is in tofawiki context
		if (window.self !== window.top && location.hash === '#tofawikiframe') {
			viewTranslator(false);
			$('#mw-page-base, #mw-head-base, #mw-navigation, #firstHeading, #siteSub, #footer, .read-more-container').remove();
			$('#content').css('margin-left', 0).css('padding-top', 0);
		}

		$('#translator-equ').click(function (event) {
			event.preventDefault();
			var title = mw.config.get('wgTitle');
			$('#translator-equ-links').html(
				'<a target="_blank" href="//translate.google.com/translate_t?sl=' + conf.fromLang + '&tl=' + conf.homeWiki + '&q=' + title + '">Translator</a> / ' +
				'<a target="_blank" href=\'//www.google.com/search?q="' + encodeURI(title) + '"&lr=lang_' + conf.homeWiki + '\'>Specific Language Search</a> / ' +
				'<a target="_blank" href=\'https://www.bing.com/translator\'>Bing Translator</a>');
		});

		$('#translator-equ-play').click(function (e) {
			e.preventDefault();
			new Audio('https://fa-tts.wmflabs.org/?text=' + encodeURI(mw.config.get('wgTitle'))).play();
		});
		// hide play button on non-English wiki
		mw.config.get('wgContentLanguage') !== 'en' && $('#translator-equ-play').hide();

		$('#translator-plus').click(function (event) {
			event.preventDefault();
			viewTranslator(true);
		});
		
		$('#translator-switch').click(function (event) {
			event.preventDefault();

			var t = conf.homeWiki;

			conf.homeWiki = conf.fromLang;
			$.cookie("homeWiki", conf.fromLang);
			$('#translator-to').text(conf.fromLang);

			conf.fromLang = t;
			$.cookie("fromLang", t);
			$('#translator-from').text(t);
		});
		
		// disable enter on them
		$('#translator-from, #translator-to').keypress(function (e) { return e.which !== 13; });
		
		$('#translator-from').focusout(function () {
			conf.fromLang = $('#translator-from').text();
			$.cookie("fromLang", conf.fromLang);
		});
		$('#translator-to').focusout(function () {
			conf.homeWiki = $('#translator-to').text();
			$.cookie("homeWiki", conf.homeWiki);
		});

		$('#enableTemplateTranslation').attr('checked', conf.enableTemplateTranslation).click(function () {
			conf.enableTemplateTranslation = this.checked;
		});

		$('#removeLinksAliases').attr('checked', conf.removeLinksAliases).click(function () {
			conf.removeLinksAliases = this.checked;
		});
	});
}(jQuery, mediaWiki));