MediaWiki:Gadget-preview.js

ajaxPreviewMsg = {
	emptydiff: 'Изменений нет',
	difftip: 'shift-клик для сравнения с этой старой версией',
	diff2old: 'это сравнение со старой версией',
	viewtip: 'shift-клик кнопку для обновления также категорий и интервик\
		(<a href=/wiki/Викисловарь:Гаджеты/Ajax-предпросмотр#preview target=_blank>подробнее</a>)'
};


if ( /^(edit|submit)$/.test( mw.config.get( 'wgAction' ) ) &&
	( !/^(Special|Module)$/.test( mw.config.get( 'wgCanonicalNamespace' ) ) ||
		/\/doc$/.test( mw.config.get( 'wgPageName' ) )
	)
) {
	$( function () {
		ajaxPreviewPos = window.ajaxPreviewPos || 'right';

		if ( ajaxPreviewPos !== 'bottom' ) {
			var previewToolbar = $( '<div>' )
				.css( 'float', ajaxPreviewPos );
			if ( mw.user.options.get( 'usebetatoolbar' ) || $.wikiEditor ) {
				$( '#wikiPreview' ).after(
					$( '<div>' )
						.css( 'width', '100%' )
						.css( 'clear', 'both' ),
					previewToolbar
				);
			} else {
				var el = $('#toolbar');
				if ( el.length ) {
					el.prepend( previewToolbar );
				} else {
					$( '#editform' ).before( previewToolbar );
				}
			}
		}
		
		addBtn( window.ajaxPreviewButton, 'wpPreview', window.ajaxPreviewKey || 'p' );
		addBtn( window.ajaxDiffButton, 'wpDiff', window.ajaxDiffKey || 'v' );

		var wkPreview = $( '#wikiPreview' ),
			frm = document.editform;
		if ( !wkPreview.length || !frm ) return;
		
		$( '#wpPreviewLive, #wpDiffLive' ).click( run );

		var cssWait, cssPreview, cssOutdated;
		var isDiff, isFullPreview, btn, oldHeight, htm, scriptTip;
		var mm = window.ajaxPreviewMsg || {};

		function run( e ) {
			btn = $( this );
			btn.attr( 'orig', btn.val() );
			btn.val( '...' );

			$( '#wikiDiff, #newarticletext' ).hide();
			oldHeight = wkPreview.height();
			scriptTip = '';

			if ( !cssWait ) {
				cssWait = mw.util.addCSS( '#wikiPreview { opacity: 0.3; color: gray; }' +
					'body { cursor: wait; }' );
			} else {
				cssWait.disabled = false;
			}

			var url = mw.config.get( 'wgScriptPath' ) + '/api.php?format=json', data, ext;
			var txt = $( '#wpTextbox1' ).textSelection( 'getContents' );

			isDiff = btn.attr( 'id' ) == 'wpDiffLive';

			if ( isDiff ) {
				mw.loader.load( 'mediawiki.diff.styles' );

				url += '&action=query&prop=revisions';
				data = {
					titles: mw.config.get( 'wgPageName' ).replace( /_/g, ' ' ),
					rvdifftotext: txt
				};

				if ( frm.wpSection.value ) {
					url += '&rvsection=' + frm.wpSection.value;
				}

				// Can compare to currently edited older version, not to the latest
				if ( frm.oldid.value && frm.oldid.value != '0' ) {
					if ( e.shiftKey ) {
						url += '&rvstartid=' + frm.oldid.value + '&rvendid=' + frm.oldid.value;
						scriptTip = mm.diff2old;
					} else {
						scriptTip = mm.difftip;
					}
				}
			} else {  // Preview
				if ( frm.wpSection.value ) {
					txt += '<br><references />';
				}

				url += '&action=parse&pst=&disablepp=&prop=text|modules';
				data = {
					title: mw.config.get( 'wgPageName' ),
					text: txt,
					summary: frm.wpSummary.value
				};

				if ( window.ajaxPreviewFull || e.shiftKey ) {
					isFullPreview = true;
					url += '|categorieshtml|languageshtml|templates';
				} else {
					isFullPreview = false;
					if ( mw.config.get( 'wgNamespaceNumber' ) === 0 ) {
						scriptTip = mm.viewtip;
					}
				}
			}

			// Switch to multipart to decrease sent data volume on non-Latin languages
			var boundary = '--------123xyz' + Math.random(),
				dat2 = '';
			for ( var nm in data ) {
				dat2 += '--' + boundary + '\nContent-Disposition: form-data; name="' + nm + '"\n\n' + data[ nm ] +
					'\n';
			}

			// Send
			$.ajax( {
				url: url,
				type: 'post',
				data: dat2 + '--' + boundary,
				contentType: 'multipart/form-data; charset=UTF-8; boundary=' + boundary,
				success: receive
			} );
		}

		function receive( resp ) {
			cssWait.disabled = true;
			btn.val( btn.attr( 'orig' ) );
			if ( window.currentFocused ) {
				currentFocused.focus();
			}

			htm = '';

			try {
				if ( isDiff ) {
					htm = resp &&
						resp.query &&
						resp.query.pages &&
						resp.query.pages[ mw.config.get( 'wgArticleId' ) ] &&
						resp.query.pages[ mw.config.get( 'wgArticleId' ) ] &&
						resp.query.pages[ mw.config.get( 'wgArticleId' ) ].revisions &&
						resp.query.pages[ mw.config.get( 'wgArticleId' ) ].revisions[ 0 ] &&
						resp.query.pages[ mw.config.get( 'wgArticleId' ) ].revisions[ 0 ].diff &&
						resp.query.pages[ mw.config.get( 'wgArticleId' ) ].revisions[ 0 ].diff[ '*' ];
					if ( htm ) {
						htm = '<table class="diff">' +
						'<col class="diff-marker"><col class="diff-content">' +
						'<col class="diff-marker"><col class="diff-content">' +
						htm +
						'</table>';
					} else {
						if ( htm === '' ) {
							htm = mm.emptydiff;
						} else {
							if ( resp && resp.query && resp.query.pages && resp.query.pages[ -1 ] &&
								resp.query.pages[ -1 ].missing === ''
							) {
								htm = 'Страница ещё не создана — не с чем показывать разницу.';
							} else {
								htm = 'Ошибка при получении разницы версий.';
							}
						}
					}
				} else {
					resp = resp.parse;
					htm = resp.text[ '*' ];
					if ( frm.wpSection.value == 'new' ) {  // Add summary as H2
						htm = '<h2>' + resp.parsedsummary[ '*' ] + '</h2>' + htm;
					} else {
						var $sum = $( frm ).find( 'div.mw-summary-preview' );  // Create summary preview if needed
						if ( !$sum.length ) {
							$sum = $( '<div>' )
								.addClass( 'mw-summary-preview' )
								.insertAfter( '#wpSummary' );
						}
						$sum.html( '<span class="comment">' + resp.parsedsummary[ '*' ] + '</span>' );
					}
					if ( resp.modules ) {
						mw.loader.load(
							resp.modules.concat( resp.modulescripts, resp.modulestyles )
						);
					}
				}
			} catch ( err ) {
				htm = 'error: ' + err;
			}

			htm =
				( scriptTip ?
					'<small style="float:right; margin-top:0.2em; border:1px solid #a2a9b1; padding:1px 5px;">' +
					'<span style="margin-right:0.4em; color:#cc0000; font-weight:bold;">!</span>' + scriptTip +
					'</small>' :
					'' ) +
				'<h3 id="ajax-preview-h3">' + btn.val() + ' (ajax)</h3>' +
				'<hr>' +  // font-style:italic; text-align:right;
				htm;
			wkPreview.html( htm ).show();

			// New content is available, fire the hook
			mw.hook( 'wikipage.content' ).fire( wkPreview );

			if ( window.ajaxPreviewScrollTop ) {
				wkPreview[ 0 ].scrollIntoView();
			} else {
				$( window ).scrollTop( $( window ).scrollTop() + wkPreview.height() - oldHeight );
			}

			if ( !isDiff ) {
				finalizePreview( resp );
			}
		}

		function finalizePreview( resp ) {
			// Demonstrate that hiddencats will not be updated
			if ( !cssPreview ) {
				cssPreview = mw.util.addCSS(
					'span.editsection { display:none; }' +
					'.hiddencats { opacity: 0.5; }'
				);
			}

			if ( $( '.tex' ).length && mw.user.options.get( 'math' ) === '6' ) { // 6 — mathjax mode
				mw.loader.using( 'ext.math.mathjax.enabler', function () {
					$( '#wikiPreview' ).renderTex();
				} );
			}
			if ( window.ajaxPreviewExec ) {
				ajaxPreviewExec( wkPreview[ 0 ] );
			}


			// !!! [[mediazilla:36476]]
			if ( $( 'body' ).hasClass( 'ltr' ) ) {
				$( '#wikiPreview' ).addClass( 'mw-content-ltr' );
			}

			if ( !isFullPreview ) {
				if ( !cssOutdated ) {
					cssOutdated = mw.util.addCSS( '.templatesUsed, #p-lang, #catlinks { opacity:0.5; }' );
				} else {
					cssOutdated.disabled = false;
				}
				// $('#p-lang, #catlinks').attr('title', 'Not updated by latest preview')
				return;
			}

			// Otherwise update other areas
			if ( cssOutdated ) {
				cssOutdated.disabled = true;
			}

			$( '#catlinks' ).replaceWith( resp.categorieshtml[ '*' ] );

			if ( resp.languageshtml ) {
				htm = resp.languageshtml[ '*' ];
				var plang = $( '#p-lang' );
				if ( !plang.length ) {
					plang = $( '#p-tb' )
						.clone( true )
						.attr( 'id', 'p-lang' )
						.insertAfter( '#p-tb' )
						.find( 'h5' )
						.text( htm.replace( /[:<].+$/, '' ) )
						.end();
				}
				plang.find( 'ul' ).html(
					'<li>' + htm.replace( /^[^<]*/, '' ).replace( /<\/a>[^<]+/g, '</a></li><li>' ) + '</li>'
				);
			}

			htm = '';
			var tt = resp.templates;
			for ( var i = 0; i < tt.length; i++ ) {
				htm += '<li><a href="/wiki/' + encodeURIComponent( tt[ i ][ '*' ] ) + '"' +
					( typeof tt[ i ].exists == 'string' ? '' : ' class="new"' ) +
					'>' + tt[ i ][ '*' ] + '</a></li>';
			}
			$( '#editform' )
				.find( 'div.templatesUsed' )
				.find( 'ul' )
				.html( htm );
		}

		function addBtn( name, id, akey ) {
			var btnOld = $( '#' + id );
			if ( !btnOld.length ) {
				return null;
			}
			var btn = new OO.ui.ButtonWidget()
			btn.setLabel(btnOld.val() + ' (ajax)');
			btn.setElementId(id + 'Live');

			if ( ajaxPreviewPos == 'bottom' ) {
				btn.setLabel('>');
				btn.$element.insertAfter( '#' + id + 'Widget' );
			} else {
				if ( !name ) {  // Extract last word from standard buttons
					name = btnOld.val();
					var i = name.lastIndexOf( ' ' ) + 1;
					name = name.substring( i, i + 1 ).toUpperCase() + name.substring( i + 1 );
				}
				btn.setLabel(name);
				btn.$element.appendTo( previewToolbar );
			}
			if ( akey ) { // Reassign access key
				if ( btnOld.attr( 'accesskey' ) == akey ) {
					btnOld
						.removeAttr( 'accesskey' )
						.updateTooltipAccessKeys( '' );
				}
				btn.setAccessKey(akey);
			}
			return btn;
		}
	} );
}