mediawiki-extensions-WikiEditor/modules/jquery.wikiEditor.dialogs.config.js

/**
 * Configuration of Dialog module for wikiEditor
 */
( function () {

	var toolbarModule = require( './jquery.wikiEditor.toolbar.js' ),
		InsertLinkTitleInputField = require( './insertlink/TitleInputField.js' ),
		LinkTextField = require( './insertlink/LinkTextField.js' ),
		LinkTypeField = require( './insertlink/LinkTypeField.js' ),
		insertLinkTitleInputField = new InsertLinkTitleInputField(),
		insertLinkLinkTextField = new LinkTextField(),
		insertLinkLinkTypeField = new LinkTypeField(),
		configData = require( './data.json' );

	function triggerButtonClick( element ) {
		// The dialog action should always be a DOMElement.
		var dialogAction = $( element ).data( 'dialogaction' );
		var $button = dialogAction ? $( dialogAction ) : $( element ).find( 'button' ).first();
		// Since we're reading from data attribute, make sure we got an element before clicking.
		// Note when closing a dialog this can be false leading to TypeError: $button.trigger is not a function
		// (T261529)
		if ( $button ) {
			$button.trigger( 'click' );
		}
	}

	module.exports = {

		replaceIcons: function ( $textarea ) {
			$textarea
				.wikiEditor( 'addToToolbar', {
					section: 'main',
					group: 'insert',
					tools: {
						link: {
							labelMsg: 'wikieditor-toolbar-tool-link',
							type: 'button',
							oouiIcon: 'link',
							action: {
								type: 'dialog',
								module: 'insert-link'
							}
						},
						file: {
							labelMsg: 'wikieditor-toolbar-tool-file',
							type: 'button',
							oouiIcon: 'image',
							action: {
								type: 'dialog',
								module: 'insert-file'
							}
						},
						reference: {
							labelMsg: 'wikieditor-toolbar-tool-reference',
							filters: [ 'body.ns-subject' ],
							type: 'button',
							oouiIcon: 'reference',
							action: {
								type: 'encapsulate',
								options: {
									pre: '<ref>',
									post: '</ref>'
								}
							}
						}
					}
				} )
				.wikiEditor( 'addToToolbar', {
					section: 'advanced',
					group: 'insert',
					tools: {
						table: {
							labelMsg: 'wikieditor-toolbar-tool-table',
							type: 'button',
							oouiIcon: 'table',
							action: {
								type: 'dialog',
								module: 'insert-table'
							}
						}
					}
				} )
				.wikiEditor( 'addToToolbar', {
					section: 'advanced',
					groups: {
						search: {
							tools: {
								replace: {
									labelMsg: 'wikieditor-toolbar-tool-replace',
									type: 'button',
									oouiIcon: 'articleSearch',
									action: {
										type: 'dialog',
										module: 'search-and-replace'
									}
								}
							}
						}
					}
				} );
		},

		getDefaultConfig: function () {
			return { dialogs: {
				'insert-link': {
					titleMsg: 'wikieditor-toolbar-tool-link-title',
					id: 'wikieditor-toolbar-link-dialog',
					html: $( '<fieldset>' ).append(
						insertLinkTitleInputField.$element,
						insertLinkLinkTextField.$element,
						insertLinkLinkTypeField.$element
					),

					init: function () {
						/**
						 * Convenience function for enabling/disabling the main insert button. This is a workaround for
						 * the fact that the button isn't yet in the DOM when init() is run, so we have to query for it
						 * in the event handlers.
						 *
						 * @param {boolean} enable Whether to enable or disable the button
						 */
						var setButtonState = function ( enable ) {
							$( '.wikieditor-toolbar-tool-link-insert' ).button( 'option', 'disabled', !enable );
						};
						// Automatically copy the value of the internal link page title field to the link text field unless the
						// user has changed the link text field - this is a convenience thing since most link texts are going to
						// be the same as the page title.
						insertLinkTitleInputField.connect( this, {
							change: function ( val ) {
								insertLinkLinkTypeField.setIsExternal( insertLinkTitleInputField.isExternal() );
								insertLinkLinkTextField.setValueIfUntouched( val );
								setButtonState( val !== '' );
							},
							invalid: function () {
								setButtonState( false );
							}
						} );
						// Tell the title input field when the internal/external radio changes.
						insertLinkLinkTypeField.connect( this, {
							change: function ( isExternal ) {
								var urlMode = isExternal ?
									LinkTypeField.static.LINK_MODE_EXTERNAL :
									LinkTypeField.static.LINK_MODE_INTERNAL;
								insertLinkTitleInputField.setUrlMode( urlMode );
							}
						} );
					},
					dialog: {
						width: 500,
						dialogClass: 'wikiEditor-toolbar-dialog',
						buttons: {
							'wikieditor-toolbar-tool-link-insert': {
								class: 'wikieditor-toolbar-tool-link-insert',
								text: mw.msg( 'wikieditor-toolbar-tool-link-insert' ),
								click: function () {
									var that = this;

									function escapeInternalText( s ) {
										return s.replace( /(\]{2,})/g, '<nowiki>$1</nowiki>' );
									}
									function escapeExternalTarget( s ) {
										return s.replace( / /g, '%20' )
											.replace( /\[/g, '%5B' )
											.replace( /\]/g, '%5D' );
									}
									function escapeExternalText( s ) {
										return s.replace( /(\]+)/g, '<nowiki>$1</nowiki>' );
									}

									// Make sure that this button isn't disabled.
									if ( $( '.wikieditor-toolbar-tool-link-insert' ).button( 'option', 'disabled' ) ) {
										return;
									}

									var target = insertLinkTitleInputField.getField().getValue();
									var text = insertLinkLinkTextField.getField().getValue();
									if ( text.trim() === '' ) {
										// [[Foo| ]] creates an invisible link
										// Instead, generate [[Foo|]]
										text = '';
									}
									var insertText = '';
									if ( insertLinkLinkTypeField.isInternal() ) {
										if ( target === text || !text.length ) {
											insertText = '[[' + target + ']]';
										} else {
											insertText = '[[' + target + '|' + escapeInternalText( text ) + ']]';
										}
									} else {
										target = target.trim();
										// Prepend http:// if there is no protocol
										if ( !/^[a-z]+:\/\/./.test( target ) ) {
											target = 'http://' + target;
										}

										// Detect if this is really an internal link in disguise
										var match = target.match( $( this ).data( 'articlePathRegex' ) );
										if ( match && !$( this ).data( 'ignoreLooksInternal' ) ) {
											var buttons = {};
											buttons[ mw.msg( 'wikieditor-toolbar-tool-link-lookslikeinternal-int' ) ] =
												function () {
													var titleValue = match[ 1 ];
													try {
														titleValue = decodeURI( titleValue );
													} catch ( ex ) {
														// Ignore invalid URLs; use plain titleValue instead.
													}
													insertLinkTitleInputField.getField().setValue( titleValue );
													insertLinkTitleInputField.setUrlMode( LinkTypeField.static.LINK_MODE_INTERNAL );
													$( this ).dialog( 'close' );
													// Select the first match (i.e. the value set above) so that the
													// message under the title field will be updated correctly.
													insertLinkTitleInputField.getField().selectFirstMatch();
												};
											buttons[ mw.msg( 'wikieditor-toolbar-tool-link-lookslikeinternal-ext' ) ] =
												function () {
													$( that ).data( 'ignoreLooksInternal', true );
													$( that ).closest( '.ui-dialog' ).find( 'button' ).first().trigger( 'click' );
													$( that ).data( 'ignoreLooksInternal', false );
													$( this ).dialog( 'close' );
												};
											$.wikiEditor.modules.dialogs.quickDialog(
												mw.msg( 'wikieditor-toolbar-tool-link-lookslikeinternal', match[ 1 ] ),
												{ buttons: buttons }
											);
											return;
										}

										var escTarget = escapeExternalTarget( target );
										var escText = escapeExternalText( text );

										if ( escTarget === escText ) {
											insertText = escTarget;
										} else if ( text === '' ) {
											insertText = '[' + escTarget + ']';
										} else {
											insertText = '[' + escTarget + ' ' + escText + ']';
										}
									}

									var whitespace = $( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace' );
									// Preserve whitespace in selection when replacing
									if ( whitespace ) {
										insertText = whitespace[ 0 ] + insertText + whitespace[ 1 ];
									}
									$( this ).dialog( 'close' );
									toolbarModule.fn.doAction( $( this ).data( 'context' ), {
										type: 'replace',
										options: {
											pre: insertText
										}
									}, $( this ) );

									// Blank form
									insertLinkTitleInputField.reset();
									insertLinkLinkTextField.getField().setValue( '' );
									insertLinkLinkTypeField.getField().selectItem( null );
								}
							},
							'wikieditor-toolbar-tool-link-cancel': function () {
								$( this ).dialog( 'close' );
							}
						},
						open: function () {
							// Obtain the server name without the protocol. wgServer may be protocol-relative
							var serverName = mw.config.get( 'wgServer' ).replace( /^(https?:)?\/\//, '' );
							// Cache the articlepath regex
							$( this ).data( 'articlePathRegex', new RegExp(
								'^https?://' + mw.util.escapeRegExp( serverName + mw.config.get( 'wgArticlePath' ) )
									.replace( /\\\$1/g, '(.*)' ) + '$'
							) );
							// Pre-fill the text fields based on the current selection
							var context = $( this ).data( 'context' );
							var selection = context.$textarea.textSelection( 'getSelection' );

							insertLinkTitleInputField.getField().focus();
							// Trigger the change event, so the link status indicator is up to date.
							// It may be triggered again for the selection, below.
							insertLinkTitleInputField.getField().emit( 'change', insertLinkTitleInputField.getField().getValue() );

							$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [ '', '' ] );
							if ( selection !== '' ) {
								var matches, target, text, isExternal;
								if ( ( matches = selection.match( /^(\s*)\[\[([^\]|]+)(\|([^\]|]*))?\]\](\s*)$/ ) ) ) {
									// [[foo|bar]] or [[foo]]
									target = matches[ 2 ];
									text = ( matches[ 4 ] ? matches[ 4 ] : matches[ 2 ] );
									isExternal = false;
									// Preserve whitespace when replacing
									$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [ matches[ 1 ], matches[ 5 ] ] );
								} else if ( ( matches = selection.match( /^(\s*)\[([^\] ]+)( ([^\]]+))?\](\s*)$/ ) ) ) {
									// [http://www.example.com foo] or [http://www.example.com]
									target = matches[ 2 ];
									text = ( matches[ 4 ] || '' );
									isExternal = true;
									// Preserve whitespace when replacing
									$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [ matches[ 1 ], matches[ 5 ] ] );
								} else {
									// Trim any leading and trailing whitespace from the selection,
									// but preserve it when replacing
									target = text = selection.trim();
									if ( target.length < selection.length ) {
										$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [
											selection.slice( 0, selection.indexOf( target.charAt( 0 ) ) ),
											selection.slice( selection.lastIndexOf( target.charAt( target.length - 1 ) ) + 1 ) ]
										);
									}
								}

								// Change the values of the title and text fields to the parts extracted from the selection.
								if ( typeof target !== 'undefined' ) {
									insertLinkTitleInputField.getField().setValue( target );
								}
								if ( typeof text !== 'undefined' ) {
									insertLinkLinkTextField.getField().setValue( text );
								}
								// Don't overwrite values from user's selection.
								insertLinkLinkTextField.setTouched( true );

								if ( typeof isExternal !== 'undefined' ) {
									var urlMode = isExternal ?
										LinkTypeField.static.LINK_MODE_EXTERNAL :
										LinkTypeField.static.LINK_MODE_INTERNAL;
									insertLinkTitleInputField.setUrlMode( urlMode );
								}
							}

							if ( !$( this ).data( 'dialogkeypressset' ) ) {
								$( this ).data( 'dialogkeypressset', true );
								// Execute the action associated with the first button
								// when the user presses Enter
								$( this ).closest( '.ui-dialog' ).on( 'keypress', function ( e ) {
									if ( ( e.keyCode || e.which ) === 13 ) {
										triggerButtonClick( this );
										e.preventDefault();
									}
								} );

								// Make tabbing to a button and pressing
								// Enter do what people expect
								$( this ).closest( '.ui-dialog' ).find( 'button' ).on( 'focus', function () {
									$( this ).closest( '.ui-dialog' ).data( 'dialogaction', this );
								} );
							}
						}
					}
				},
				'insert-file': {
					titleMsg: 'wikieditor-toolbar-tool-file-title',
					id: 'wikieditor-toolbar-file-dialog',
					htmlTemplate: 'dialogInsertFile.html',
					init: function () {
						var magicWordsI18N = configData.magicWords;

						$( this ).find( '[data-i18n-magic]' )
							.text( function () {
								return magicWordsI18N[ $( this ).attr( 'data-i18n-magic' ) ][ 0 ];
							} )
							.removeAttr( 'data-i18n-magic' );

						var defaultMsg = mw.msg( 'wikieditor-toolbar-file-default' );
						$( this ).find( '#wikieditor-toolbar-file-size' )
							.attr( 'placeholder', defaultMsg )
							// The message may be long in some languages
							.attr( 'size', defaultMsg.length );
						$( this ).find( '[rel]' )
							.text( function () {
								// eslint-disable-next-line mediawiki/msg-doc
								return mw.msg( $( this ).attr( 'rel' ) );
							} )
							.removeAttr( 'rel' );

						var altHelpText = mw.msg( 'wikieditor-toolbar-file-alt-help' );
						var altHelpLabel = mw.msg( 'wikieditor-toolbar-file-alt-help-label' );
						// Expandable help message for 'alt text' field
						$( this ).find( '.wikieditor-toolbar-file-alt-help' ).text( altHelpLabel );
						$( '.wikieditor-toolbar-file-alt-help' ).on( 'click', function () {
							$( this ).text( function ( i, text ) {
								return text === altHelpLabel ? altHelpText : altHelpLabel;
							} );
						} );

						// Preload modules of file upload dialog.
						mw.loader.load( [
							'mediawiki.ForeignStructuredUpload.BookletLayout',
							'mediawiki.Upload.Dialog',
							'oojs-ui-windows'
						] );
					},
					dialog: {
						resizable: false,
						dialogClass: 'wikiEditor-toolbar-dialog',
						width: 590,
						buttons: {
							'wikieditor-toolbar-tool-file-insert': function () {
								var hasPxRgx = /.+px$/,
									magicWordsI18N = configData.magicWords;
								var fileName = $( '#wikieditor-toolbar-file-target' ).val();
								var caption = $( '#wikieditor-toolbar-file-caption' ).val();
								var fileAlt = $( '#wikieditor-toolbar-file-alt' ).val();
								var fileFloat = $( '#wikieditor-toolbar-file-float' ).val();
								var fileFormat = $( '#wikieditor-toolbar-file-format' ).val();
								var fileSize = $( '#wikieditor-toolbar-file-size' ).val();
								var whitespace = $( '#wikieditor-toolbar-file-dialog' ).data( 'whitespace' );
								// Append px to end to size if not already contains it
								if ( fileSize !== '' && !hasPxRgx.test( fileSize ) ) {
									fileSize += 'px';
								}
								if ( fileName !== '' ) {
									var fileTitle = mw.Title.newFromText( fileName );
									// Append file namespace prefix to filename if not already contains it
									if ( fileTitle && fileTitle.getNamespaceId() !== 6 ) {
										fileTitle = mw.Title.makeTitle( 6, fileName );
									}
									if ( fileTitle ) {
										fileName = fileTitle.toText();
									}
								}
								var options = [ fileSize, fileFormat, fileFloat ];
								// Filter empty values
								options = options.filter( function ( val ) {
									return val.length && val !== 'default';
								} );
								if ( fileAlt.length ) {
									options.push( magicWordsI18N.img_alt[ 0 ].replace( '$1', fileAlt ) );
								}
								if ( caption.length ) {
									options.push( caption );
								}

								var fileUse = options.length === 0 ? fileName : ( fileName + '|' + options.join( '|' ) );
								$( this ).dialog( 'close' );
								toolbarModule.fn.doAction(
									$( this ).data( 'context' ),
									{
										type: 'replace',
										options: {
											pre: whitespace[ 0 ] + '[[',
											peri: fileUse,
											post: ']]' + whitespace[ 1 ],
											ownline: true
										}
									},
									$( this )
								);

								// Restore form state
								$( [ '#wikieditor-toolbar-file-target',
									'#wikieditor-toolbar-file-caption',
									'#wikieditor-toolbar-file-alt',
									'#wikieditor-toolbar-file-size' ].join( ',' )
								).val( '' );
								$( '#wikieditor-toolbar-file-float' ).val( 'default' );
								$( '#wikieditor-toolbar-file-format' ).val( magicWordsI18N.img_thumbnail[ 0 ] );
							},
							'wikieditor-toolbar-tool-file-cancel': function () {
								$( this ).dialog( 'close' );
							},
							'wikieditor-toolbar-tool-file-upload': function () {
								$( this ).dialog( 'close' );
								mw.loader.using( [
									'mediawiki.ForeignStructuredUpload.BookletLayout',
									'mediawiki.Upload.Dialog',
									'oojs-ui-windows'
								] ).then( function () {
									var windowManager = new OO.ui.WindowManager(),
										uploadDialog = new mw.Upload.Dialog( {
											bookletClass: mw.ForeignStructuredUpload.BookletLayout
										} );

									windowManager.$element.appendTo( document.body );
									windowManager.addWindows( [ uploadDialog ] );
									windowManager.openWindow( uploadDialog );

									uploadDialog.uploadBooklet.on( 'fileSaved', function ( imageInfo ) {
										uploadDialog.close();
										windowManager.$element.remove();

										$.wikiEditor.modules.dialogs.api.openDialog( this, 'insert-file' );
										$( '#wikieditor-toolbar-file-target' ).val( imageInfo.canonicaltitle );
									} );
								} );
							}
						},
						open: function () {
							var magicWordsI18N = configData.magicWords,
								fileData = {
									pre: '',
									post: '',
									fileName: '',
									caption: '',
									fileAlt: '',
									fileSize: '',
									fileFloat: 'default',
									fileFormat: magicWordsI18N.img_thumbnail[ 0 ]
								};

							var parseFileSyntax = function ( wikitext ) {
								var escapedPipe = '\u0001';
								if ( wikitext.indexOf( escapedPipe ) !== -1 ) {
									return false;
								}
								var match = /^(\s*)\[\[(.*)\]\](\s*)$/.exec( wikitext );
								if ( !match ) {
									return false;
								}
								// Escape pipes inside links and templates,
								// then split the parameters at the remaining pipes
								var params = match[ 2 ].replace( /\[\[[^[\]]*\]\]|\{\{[^{}]\}\}/g, function ( link ) {
									return link.replace( /\|/g, escapedPipe );
								} ).split( '|' );
								var file = mw.Title.newFromText( params[ 0 ] );
								if ( !file || file.getNamespaceId() !== 6 ) {
									return false;
								}
								var result = {
									pre: match[ 1 ],
									post: match[ 3 ],
									fileName: file.getMainText()
								};
								for ( var i = 1; i < params.length; i++ ) {
									var paramOrig = params[ i ];
									var param = paramOrig.toLowerCase();
									if ( magicWordsI18N.img_right.indexOf( param ) !== -1 ) {
										result.fileFloat = magicWordsI18N.img_right[ 0 ];
									} else if ( magicWordsI18N.img_left.indexOf( param ) !== -1 ) {
										result.fileFloat = magicWordsI18N.img_left[ 0 ];
									} else if ( magicWordsI18N.img_none.indexOf( param ) !== -1 ) {
										result.fileFloat = magicWordsI18N.img_none[ 0 ];
									} else if ( magicWordsI18N.img_center.indexOf( param ) !== -1 ) {
										result.fileFloat = magicWordsI18N.img_center[ 0 ];
									} else if ( magicWordsI18N.img_thumbnail.indexOf( param ) !== -1 ) {
										result.fileFormat = magicWordsI18N.img_thumbnail[ 0 ];
									} else if ( magicWordsI18N.img_framed.indexOf( param ) !== -1 ) {
										result.fileFormat = magicWordsI18N.img_framed[ 0 ];
									} else if ( magicWordsI18N.img_frameless.indexOf( param ) !== -1 ) {
										result.fileFormat = magicWordsI18N.img_frameless[ 0 ];
									} else if ( magicWordsI18N.img_alt.indexOf( param.split( '=', 2 )[ 0 ] + '=$1' ) !== -1 ) {
										result.fileAlt = paramOrig.split( '=', 2 )[ 1 ];
									} else if ( /.+px$/.test( param ) ) {
										result.fileSize = param.replace( /px$/, '' );
									} else if ( param === '' ) {
										continue;
									} else if ( i === params.length - 1 ) { // Last param -> caption
										result.caption = paramOrig.replace( new RegExp( mw.util.escapeRegExp( escapedPipe ), 'g' ), '|' );
									} else { // Unknown param
										return false;
									}
								}
								if ( !result.fileFormat ) {
									result.fileFormat = 'default';
								}
								return result;
							};

							// Retrieve the current selection
							var context = $( this ).data( 'context' );
							var selection = context.$textarea.textSelection( 'getSelection' );

							// Pre-fill the text fields based on the current selection
							if ( selection !== '' ) {
								fileData = $.extend( fileData, parseFileSyntax( selection ) );
							}

							// Initialize the form fields
							$( '#wikieditor-toolbar-file-dialog' )
								.data( 'whitespace', [ fileData.pre, fileData.post ] );
							$( '#wikieditor-toolbar-file-target' ).val( fileData.fileName );
							$( '#wikieditor-toolbar-file-caption' ).val( fileData.caption );
							$( '#wikieditor-toolbar-file-alt' ).val( fileData.fileAlt );
							$( '#wikieditor-toolbar-file-float' ).val( fileData.fileFloat );
							$( '#wikieditor-toolbar-file-format' ).val( fileData.fileFormat );
							$( '#wikieditor-toolbar-file-size' ).val( fileData.fileSize );

							// Set focus
							$( '#wikieditor-toolbar-file-target' ).trigger( 'focus' );

							if ( !( $( this ).data( 'dialogkeypressset' ) ) ) {
								$( this ).data( 'dialogkeypressset', true );
								// Execute the action associated with the first button
								// when the user presses Enter
								$( this ).closest( '.ui-dialog' ).on( 'keypress', function ( e ) {
									if ( e.which === 13 ) {
										triggerButtonClick( this );
										e.preventDefault();
									}
								} );

								// Make tabbing to a button and pressing
								// Enter do what people expect
								$( this ).closest( '.ui-dialog' ).find( 'button' ).on( 'focus', function () {
									$( this ).closest( '.ui-dialog' ).data( 'dialogaction', this );
								} );
							}
						}
					}
				},
				'insert-table': {
					titleMsg: 'wikieditor-toolbar-tool-table-title',
					id: 'wikieditor-toolbar-table-dialog',
					htmlTemplate: 'dialogInsertTable.html',
					init: function () {
						$( this ).find( '[rel]' ).each( function () {
							// eslint-disable-next-line mediawiki/msg-doc
							$( this ).text( mw.msg( $( this ).attr( 'rel' ) ) );
						} );

						$( '#wikieditor-toolbar-table-dimensions-rows' ).val( 3 );
						$( '#wikieditor-toolbar-table-dimensions-columns' ).val( 3 );
						$( '#wikieditor-toolbar-table-wikitable' ).on( 'click', function () {
							// eslint-disable-next-line no-jquery/no-class-state
							$( '.wikieditor-toolbar-table-preview' ).toggleClass( 'wikitable' );
						} );

						// Hack for sortable preview: dynamically adding
						// sortable class doesn't work, so we use a clone
						$( '#wikieditor-toolbar-table-preview' )
							.clone()
							.attr( 'id', 'wikieditor-toolbar-table-preview2' )
							.addClass( 'sortable' )
							.insertAfter( $( '#wikieditor-toolbar-table-preview' ) )
							.hide();

						mw.loader.using( 'jquery.tablesorter', function () {
							$( '#wikieditor-toolbar-table-preview2' ).tablesorter();
						} );

						$( '#wikieditor-toolbar-table-sortable' ).on( 'click', function () {
							// Swap the currently shown one clone with the other one
							$( '#wikieditor-toolbar-table-preview' )
								.hide()
								.attr( 'id', 'wikieditor-toolbar-table-preview3' );
							$( '#wikieditor-toolbar-table-preview2' )
								.attr( 'id', 'wikieditor-toolbar-table-preview' )
								.show();
							$( '#wikieditor-toolbar-table-preview3' ).attr( 'id', 'wikieditor-toolbar-table-preview2' );
						} );

						$( '#wikieditor-toolbar-table-dimensions-header' ).on( 'click', function () {
							// Instead of show/hiding, switch the HTML around
							// We do this because the sortable tables script styles the first row,
							// visible or not
							var headerHTML = $( '.wikieditor-toolbar-table-preview-header' ).html(),
								hiddenHTML = $( '.wikieditor-toolbar-table-preview-hidden' ).html();
							$( '.wikieditor-toolbar-table-preview-header' ).html( hiddenHTML );
							$( '.wikieditor-toolbar-table-preview-hidden' ).html( headerHTML );
							var $sortable = $( '#wikieditor-toolbar-table-preview, #wikieditor-toolbar-table-preview2' )
								.filter( '.sortable' );
							mw.loader.using( 'jquery.tablesorter', function () {
								$sortable.tablesorter();
							} );
						} );
					},
					dialog: {
						resizable: false,
						dialogClass: 'wikiEditor-toolbar-dialog',
						width: 590,
						buttons: {
							'wikieditor-toolbar-tool-table-insert': function () {
								var rowsVal = $( '#wikieditor-toolbar-table-dimensions-rows' ).val(),
									colsVal = $( '#wikieditor-toolbar-table-dimensions-columns' ).val(),
									rows = parseInt( rowsVal, 10 ),
									cols = parseInt( colsVal, 10 ),
									header = $( '#wikieditor-toolbar-table-dimensions-header' ).prop( 'checked' ) ? 1 : 0;
								if ( isNaN( rows ) || isNaN( cols ) || String( rows ) !== rowsVal || String( cols ) !== colsVal || rowsVal < 0 || colsVal < 0 ) {
									// eslint-disable-next-line no-alert
									alert( mw.msg( 'wikieditor-toolbar-tool-table-invalidnumber' ) );
									return;
								}
								if ( rows + header === 0 || cols === 0 ) {
									// eslint-disable-next-line no-alert
									alert( mw.msg( 'wikieditor-toolbar-tool-table-zero' ) );
									return;
								}
								if ( ( rows * cols ) > 1000 ) {
									// eslint-disable-next-line no-alert
									alert( mw.msg( 'wikieditor-toolbar-tool-table-toomany', mw.language.convertNumber( 1000 ) ) );
									return;
								}
								var captionText = mw.msg( 'wikieditor-toolbar-tool-table-example-caption' );
								var headerText = mw.msg( 'wikieditor-toolbar-tool-table-example-header' );
								var normalText = mw.msg( 'wikieditor-toolbar-tool-table-example' );
								var table = '';
								table += '|+ ' + captionText + '\n';
								for ( var r = 0; r < rows + header; r++ ) {
									table += '|-\n';
									for ( var c = 0; c < cols; c++ ) {
										var isHeader = ( header && r === 0 );
										var delim = isHeader ? '!' : '|';
										if ( c > 0 ) {
											delim += delim;
										}
										table += delim + ' ' + ( isHeader ? headerText : normalText ) + ' ';
									}
									// Replace trailing space by newline
									// table[table.length - 1] is read-only
									table = table.slice( 0, table.length - 1 ) + '\n';
								}
								var classes = [];
								if ( $( '#wikieditor-toolbar-table-wikitable' ).is( ':checked' ) ) {
									classes.push( 'wikitable' );
								}
								if ( $( '#wikieditor-toolbar-table-sortable' ).is( ':checked' ) ) {
									classes.push( 'sortable' );
								}
								var classStr = classes.length > 0 ? ' class="' + classes.join( ' ' ) + '"' : '';
								$( this ).dialog( 'close' );
								toolbarModule.fn.doAction(
									$( this ).data( 'context' ),
									{
										type: 'replace',
										options: {
											pre: '{|' + classStr + '\n',
											peri: table,
											post: '|}',
											ownline: true
										}
									},
									$( this )
								);

								// Restore form state
								$( '#wikieditor-toolbar-table-dimensions-rows' ).val( 3 );
								$( '#wikieditor-toolbar-table-dimensions-columns' ).val( 3 );
								// Simulate clicks instead of setting values, so the according
								// actions are performed
								if ( !$( '#wikieditor-toolbar-table-dimensions-header' ).is( ':checked' ) ) {
									$( '#wikieditor-toolbar-table-dimensions-header' ).trigger( 'click' );
								}
								if ( !$( '#wikieditor-toolbar-table-wikitable' ).is( ':checked' ) ) {
									$( '#wikieditor-toolbar-table-wikitable' ).trigger( 'click' );
								}
								if ( $( '#wikieditor-toolbar-table-sortable' ).is( ':checked' ) ) {
									$( '#wikieditor-toolbar-table-sortable' ).trigger( 'click' );
								}
							},
							'wikieditor-toolbar-tool-table-cancel': function () {
								$( this ).dialog( 'close' );
							}
						},
						open: function () {
							$( '#wikieditor-toolbar-table-dimensions-rows' ).trigger( 'focus' );
							if ( !( $( this ).data( 'dialogkeypressset' ) ) ) {
								$( this ).data( 'dialogkeypressset', true );
								// Execute the action associated with the first button
								// when the user presses Enter
								$( this ).closest( '.ui-dialog' ).on( 'keypress', function ( e ) {
									if ( ( e.keyCode || e.which ) === 13 ) {
										triggerButtonClick( this );
										e.preventDefault();
									}
								} );

								// Make tabbing to a button and pressing
								// Enter do what people expect
								$( this ).closest( '.ui-dialog' ).find( 'button' ).on( 'focus', function () {
									$( this ).closest( '.ui-dialog' ).data( 'dialogaction', this );
								} );
							}
						}
					}
				},
				'search-and-replace': {
					titleMsg: 'wikieditor-toolbar-tool-replace-title',
					id: 'wikieditor-toolbar-replace-dialog',
					htmlTemplate: 'dialogReplace.html',
					init: function () {
						$( this ).find( '[rel]' ).each( function () {
							// eslint-disable-next-line mediawiki/msg-doc
							$( this ).text( mw.msg( $( this ).attr( 'rel' ) ) );
						} );

						// TODO: Find a cleaner way to share this function
						$( this ).data( 'replaceCallback', function ( mode ) {
							$( '#wikieditor-toolbar-replace-nomatch, #wikieditor-toolbar-replace-success, #wikieditor-toolbar-replace-emptysearch, #wikieditor-toolbar-replace-invalidregex' ).hide();

							// Search string cannot be empty
							var searchStr = $( '#wikieditor-toolbar-replace-search' ).val();
							if ( searchStr === '' ) {
								$( '#wikieditor-toolbar-replace-emptysearch' ).show();
								return;
							}

							// Replace string can be empty
							var replaceStr = $( '#wikieditor-toolbar-replace-replace' ).val();

							// Prepare the regular expression flags
							var flags = 'm';
							var matchCase = $( '#wikieditor-toolbar-replace-case' ).is( ':checked' );
							if ( !matchCase ) {
								flags += 'i';
							}
							var isRegex = $( '#wikieditor-toolbar-replace-regex' ).is( ':checked' );
							if ( !isRegex ) {
								searchStr = mw.util.escapeRegExp( searchStr );
							}
							var matchWord = $( '#wikieditor-toolbar-replace-word' ).is( ':checked' );
							if ( matchWord ) {
								searchStr = '\\b(?:' + searchStr + ')\\b';
							}
							if ( mode === 'replaceAll' ) {
								flags += 'g';
							}

							var regex;
							try {
								regex = new RegExp( searchStr, flags );
							} catch ( e ) {
								$( '#wikieditor-toolbar-replace-invalidregex' )
									.text( mw.msg( 'wikieditor-toolbar-tool-replace-invalidregex',
										e.message ) )
									.show();
								return;
							}

							var $textarea = $( this ).data( 'context' ).$textarea;
							var text = $textarea.textSelection( 'getContents' );
							var match = false;
							var offset, textRemainder;
							if ( mode !== 'replaceAll' ) {
								offset = $( this ).data( mode === 'replace' ? 'matchIndex' : 'offset' );
								textRemainder = text.slice( offset );
								match = textRemainder.match( regex );
							}
							if ( !match ) {
								// Search hit BOTTOM, continuing at TOP
								// TODO: Add a "Wrap around" option.
								offset = 0;
								textRemainder = text;
								match = textRemainder.match( regex );
							}

							if ( !match ) {
								$( '#wikieditor-toolbar-replace-nomatch' ).show();
							} else if ( mode === 'replaceAll' ) {
								$textarea.textSelection( 'setContents', text.replace( regex, replaceStr ) );
								$( '#wikieditor-toolbar-replace-success' )
									.text( mw.msg( 'wikieditor-toolbar-tool-replace-success', mw.language.convertNumber( match.length ) ) )
									.show();
								$( this ).data( 'offset', 0 );
							} else {

								var start, end;
								if ( mode === 'replace' ) {

									var actualReplacement;
									if ( isRegex ) {
										// If backreferences (like $1) are used, the actual actual replacement string will be different
										actualReplacement = match[ 0 ].replace( regex, replaceStr );
									} else {
										actualReplacement = replaceStr;
									}

									if ( match ) {
										// Do the replacement
										$textarea.textSelection( 'encapsulateSelection', {
											peri: actualReplacement,
											replace: true,
											selectionStart: offset + match.index,
											selectionEnd: offset + match.index + match[ 0 ].length,
											selectPeri: true
										} );
										// Reload the text after replacement
										text = $textarea.textSelection( 'getContents' );
									}

									// Find the next instance
									offset = offset + match.index + actualReplacement.length;
									textRemainder = text.slice( offset );
									match = textRemainder.match( regex );
									if ( !match ) {
										// If no new string was found, try searching from the beginning.
										// TODO: Add a "Wrap around" option.
										offset = 0;
										textRemainder = text;
										match = textRemainder.match( regex );
									}
									if ( !match ) {
										// Give up
										match = { index: 0, 0: { length: 0 } };
									}
								}
								start = offset + match.index;
								end = start + match[ 0 ].length;

								$( this ).data( 'matchIndex', start );

								$textarea.textSelection( 'setSelection', {
									start: start,
									end: end } );
								$textarea.textSelection( 'scrollToCaretPosition' );
								$( this ).data( 'offset', end );
								$textarea[ 0 ].focus();
							}
						} );
					},
					dialog: {
						width: 500,
						dialogClass: 'wikiEditor-toolbar-dialog',
						modal: false,
						buttons: {
							'wikieditor-toolbar-tool-replace-button-findnext': function ( e ) {
								$( this ).closest( '.ui-dialog' ).data( 'dialogaction', e.target );
								$( this ).data( 'replaceCallback' ).call( this, 'find' );
							},
							'wikieditor-toolbar-tool-replace-button-replace': function ( e ) {
								$( this ).closest( '.ui-dialog' ).data( 'dialogaction', e.target );
								$( this ).data( 'replaceCallback' ).call( this, 'replace' );
							},
							'wikieditor-toolbar-tool-replace-button-replaceall': function ( e ) {
								$( this ).closest( '.ui-dialog' ).data( 'dialogaction', e.target );
								$( this ).data( 'replaceCallback' ).call( this, 'replaceAll' );
							},
							'wikieditor-toolbar-tool-replace-close': function () {
								$( this ).dialog( 'close' );
							}
						},
						open: function () {
							var that = this;
							$( this ).data( { offset: 0, matchIndex: 0 } );

							$( '#wikieditor-toolbar-replace-search' ).trigger( 'focus' );
							$( '#wikieditor-toolbar-replace-nomatch, #wikieditor-toolbar-replace-success, #wikieditor-toolbar-replace-emptysearch, #wikieditor-toolbar-replace-invalidregex' ).hide();
							if ( !( $( this ).data( 'onetimeonlystuff' ) ) ) {
								$( this ).data( 'onetimeonlystuff', true );
								// Execute the action associated with the first button
								// when the user presses Enter
								$( this ).closest( '.ui-dialog' ).on( 'keypress', function ( e ) {
									if ( ( e.keyCode || e.which ) === 13 ) {
										triggerButtonClick( this );
										e.preventDefault();
									}
								} );
								// Make tabbing to a button and pressing
								// Enter do what people expect
								$( this ).closest( '.ui-dialog' ).find( 'button' ).on( 'focus', function () {
									$( this ).closest( '.ui-dialog' ).data( 'dialogaction', this );
								} );
							}
							var $dialog = $( this ).closest( '.ui-dialog' );
							that = this;
							$( this ).data( 'context' ).$textarea
								.on( 'keypress.srdialog', function ( e ) {
									if ( e.which === 13 ) {
										// Enter
										triggerButtonClick( $dialog );
										e.preventDefault();
									} else if ( e.which === 27 ) {
										// Escape
										$( that ).dialog( 'close' );
									}
								} );
						},
						close: function () {
							$( this ).data( 'context' ).$textarea
								.off( 'keypress.srdialog' );
							$( this ).closest( '.ui-dialog' ).data( 'dialogaction', false );
						}
					}
				}
			} };
		}

	};

}() );