/* global getUserSetting, setUserSetting */

( function( tinymce ) {

// Set the minimum value for the modals z-index higher than #wpadminbar (100000).

if ( ! tinymce.ui.FloatPanel.zIndex || tinymce.ui.FloatPanel.zIndex < 100100 ) {

	tinymce.ui.FloatPanel.zIndex = 100100;

}

tinymce.PluginManager.add( 'wordpress', function( editor ) {

	var wpAdvButton, style,

		DOM = tinymce.DOM,

		each = tinymce.each,

		__ = editor.editorManager.i18n.translate,

		$ = window.jQuery,

		wp = window.wp,

		hasWpautop = ( wp && wp.editor && wp.editor.autop && editor.getParam( 'wpautop', true ) ),

		wpTooltips = false;

	if ( $ ) {

		$( document ).triggerHandler( 'tinymce-editor-setup', [ editor ] );

	}

	function toggleToolbars( state ) {

		var initial, toolbars, iframeHeight,

			pixels = 0,

			classicBlockToolbar = tinymce.$( '.block-library-classic__toolbar' );

		if ( state === 'hide' ) {

			initial = true;

		} else if ( classicBlockToolbar.length && ! classicBlockToolbar.hasClass( 'has-advanced-toolbar' ) ) {

			// Show the second, third, etc. toolbar rows in the Classic block instance.

			classicBlockToolbar.addClass( 'has-advanced-toolbar' );

			state = 'show';

		}

		if ( editor.theme.panel ) {

			toolbars = editor.theme.panel.find('.toolbar:not(.menubar)');

		}

		if ( toolbars && toolbars.length > 1 ) {

			if ( ! state && toolbars[1].visible() ) {

				state = 'hide';

			}

			each( toolbars, function( toolbar, i ) {

				if ( i > 0 ) {

					if ( state === 'hide' ) {

						toolbar.hide();

						pixels += 34;

					} else {

						toolbar.show();

						pixels -= 34;

					}

				}

			});

		}

		// Resize editor iframe, not needed for iOS and inline instances.

		// Don't resize if the editor is in a hidden container.

		if ( pixels && ! tinymce.Env.iOS && editor.iframeElement && editor.iframeElement.clientHeight ) {

			iframeHeight = editor.iframeElement.clientHeight + pixels;

			// Keep min-height.

			if ( iframeHeight > 50  ) {

				DOM.setStyle( editor.iframeElement, 'height', iframeHeight );

			}

		}

		if ( ! initial ) {

			if ( state === 'hide' ) {

				setUserSetting( 'hidetb', '0' );

				wpAdvButton && wpAdvButton.active( false );

			} else {

				setUserSetting( 'hidetb', '1' );

				wpAdvButton && wpAdvButton.active( true );

			}

		}

		editor.fire( 'wp-toolbar-toggle' );

	}

	// Add the kitchen sink button :)

	editor.addButton( 'wp_adv', {

		tooltip: 'Toolbar Toggle',

		cmd: 'WP_Adv',

		onPostRender: function() {

			wpAdvButton = this;

			wpAdvButton.active( getUserSetting( 'hidetb' ) === '1' );

		}

	});

	// Hide the toolbars after loading.

	editor.on( 'PostRender', function() {

		if ( editor.getParam( 'wordpress_adv_hidden', true ) && getUserSetting( 'hidetb', '0' ) === '0' ) {

			toggleToolbars( 'hide' );

		} else {

			tinymce.$( '.block-library-classic__toolbar' ).addClass( 'has-advanced-toolbar' );

		}

	});

	editor.addCommand( 'WP_Adv', function() {

		toggleToolbars();

	});

	editor.on( 'focus', function() {

        window.wpActiveEditor = editor.id;

    });

	editor.on( 'BeforeSetContent', function( event ) {

		var title;

		if ( event.content ) {

			if ( event.content.indexOf( '<!--more' ) !== -1 ) {

				title = __( 'Read more...' );

				event.content = event.content.replace( /<!--more(.*?)-->/g, function( match, moretext ) {

					return '<img src="' + tinymce.Env.transparentSrc + '" data-wp-more="more" data-wp-more-text="' + moretext + '" ' +

						'class="wp-more-tag mce-wp-more" alt="" title="' + title + '" data-mce-resize="false" data-mce-placeholder="1" />';

				});

			}

			if ( event.content.indexOf( '<!--nextpage-->' ) !== -1 ) {

				title = __( 'Page break' );

				event.content = event.content.replace( /<!--nextpage-->/g,

					'<img src="' + tinymce.Env.transparentSrc + '" data-wp-more="nextpage" class="wp-more-tag mce-wp-nextpage" ' +

						'alt="" title="' + title + '" data-mce-resize="false" data-mce-placeholder="1" />' );

			}

			if ( event.load && event.format !== 'raw' ) {

				if ( hasWpautop ) {

					event.content = wp.editor.autop( event.content );

				} else {

					// Prevent creation of paragraphs out of multiple HTML comments.

					event.content = event.content.replace( /-->\s+<!--/g, '--><!--' );

				}

			}

			if ( event.content.indexOf( '<script' ) !== -1 || event.content.indexOf( '<style' ) !== -1 ) {

				event.content = event.content.replace( /<(script|style)[^>]*>[\s\S]*?<\/\1>/g, function( match, tag ) {

					return '<img ' +

						'src="' + tinymce.Env.transparentSrc + '" ' +

						'data-wp-preserve="' + encodeURIComponent( match ) + '" ' +

						'data-mce-resize="false" ' +

						'data-mce-placeholder="1" '+

						'class="mce-object" ' +

						'width="20" height="20" '+

						'alt="<' + tag + '>" ' +

						'title="<' + tag + '>" ' +

					'/>';

				} );

			}

		}

	});

	editor.on( 'setcontent', function() {

		// Remove spaces from empty paragraphs.

		editor.$( 'p' ).each( function( i, node ) {

			if ( node.innerHTML && node.innerHTML.length < 10 ) {

				var html = tinymce.trim( node.innerHTML );

				if ( ! html || html === ' ' ) {

					node.innerHTML = ( tinymce.Env.ie && tinymce.Env.ie < 11 ) ? '' : '<br data-mce-bogus="1">';

				}

			}

		} );

	});

	editor.on( 'PostProcess', function( event ) {

		if ( event.get ) {

			event.content = event.content.replace(/<img[^>]+>/g, function( image ) {

				var match,

					string,

					moretext = '';

				if ( image.indexOf( 'data-wp-more="more"' ) !== -1 ) {

					if ( match = image.match( /data-wp-more-text="([^"]+)"/ ) ) {

						moretext = match[1];

					}

					string = '<!--more' + moretext + '-->';

				} else if ( image.indexOf( 'data-wp-more="nextpage"' ) !== -1 ) {

					string = '<!--nextpage-->';

				} else if ( image.indexOf( 'data-wp-preserve' ) !== -1 ) {

					if ( match = image.match( / data-wp-preserve="([^"]+)"/ ) ) {

						string = decodeURIComponent( match[1] );

					}

				}

				return string || image;

			});

		}

	});

	// Display the tag name instead of img in element path.

	editor.on( 'ResolveName', function( event ) {

		var attr;

		if ( event.target.nodeName === 'IMG' && ( attr = editor.dom.getAttrib( event.target, 'data-wp-more' ) ) ) {

			event.name = attr;

		}

	});

	// Register commands.

	editor.addCommand( 'WP_More', function( tag ) {

		var parent, html, title,

			classname = 'wp-more-tag',

			dom = editor.dom,

			node = editor.selection.getNode(),

			rootNode = editor.getBody();

		tag = tag || 'more';

		classname += ' mce-wp-' + tag;

		title = tag === 'more' ? 'Read more...' : 'Next page';

		title = __( title );

		html = '<img src="' + tinymce.Env.transparentSrc + '" alt="" title="' + title + '" class="' + classname + '" ' +

			'data-wp-more="' + tag + '" data-mce-resize="false" data-mce-placeholder="1" />';

		// Most common case.

		if ( node === rootNode || ( node.nodeName === 'P' && node.parentNode === rootNode ) ) {

			editor.insertContent( html );

			return;

		}

		// Get the top level parent node.

		parent = dom.getParent( node, function( found ) {

			if ( found.parentNode && found.parentNode === rootNode ) {

				return true;

			}

			return false;

		}, editor.getBody() );

		if ( parent ) {

			if ( parent.nodeName === 'P' ) {

				parent.appendChild( dom.create( 'p', null, html ).firstChild );

			} else {

				dom.insertAfter( dom.create( 'p', null, html ), parent );

			}

			editor.nodeChanged();

		}

	});

	editor.addCommand( 'WP_Code', function() {

		editor.formatter.toggle('code');

	});

	editor.addCommand( 'WP_Page', function() {

		editor.execCommand( 'WP_More', 'nextpage' );

	});

	editor.addCommand( 'WP_Help', function() {

		var access = tinymce.Env.mac ? __( 'Ctrl + Alt + letter:' ) : __( 'Shift + Alt + letter:' ),

			meta = tinymce.Env.mac ? __( 'Cmd + letter:' ) : __( 'Ctrl + letter:' ),

			table1 = [],

			table2 = [],

			row1 = {},

			row2 = {},

			i1 = 0,

			i2 = 0,

			labels = editor.settings.wp_shortcut_labels,

			header, html, dialog, $wrap;

		if ( ! labels ) {

			return;

		}

		function tr( row, columns ) {

			var out = '<tr>';

			var i = 0;

			columns = columns || 1;

			each( row, function( text, key ) {

				out += '<td><kbd>' + key + '</kbd></td><td>' + __( text ) + '</td>';

				i++;

			});

			while ( i < columns ) {

				out += '<td></td><td></td>';

				i++;

			}

			return out + '</tr>';

		}

		each ( labels, function( label, name ) {

			var letter;

			if ( label.indexOf( 'meta' ) !== -1 ) {

				i1++;

				letter = label.replace( 'meta', '' ).toLowerCase();

				if ( letter ) {

					row1[ letter ] = name;

					if ( i1 % 2 === 0 ) {

						table1.push( tr( row1, 2 ) );

						row1 = {};

					}

				}

			} else if ( label.indexOf( 'access' ) !== -1 ) {

				i2++;

				letter = label.replace( 'access', '' ).toLowerCase();

				if ( letter ) {

					row2[ letter ] = name;

					if ( i2 % 2 === 0 ) {

						table2.push( tr( row2, 2 ) );

						row2 = {};

					}

				}

			}

		} );

		// Add remaining single entries.

		if ( i1 % 2 > 0 ) {

			table1.push( tr( row1, 2 ) );

		}

		if ( i2 % 2 > 0 ) {