/**
 * [[include:plugins/preview/README.md]]
 * @packageDocumentation
 * @module plugins/preview
 */

import './preview.less';

import type { IControlType, IJodit } from 'jodit/types';
import { Config } from 'jodit/config';
import { MODE_SOURCE, MODE_WYSIWYG } from 'jodit/core/constants';
import { previewBox } from 'jodit/core/helpers/utils/print';
import { pluginSystem } from 'jodit/core/global';

Config.prototype.controls.preview = {
	icon: 'eye',
	command: 'preview',
	mode: MODE_SOURCE + MODE_WYSIWYG,
	tooltip: 'Preview'
} as IControlType;

export function preview(editor: IJodit): void {
	editor.registerButton({
		name: 'preview'
	});

	editor.registerCommand(
		'preview',
		(_: any, _1: any, defaultValue: string) => {
			const dialog = editor.dlg();

			dialog
				.setSize(1024, 600)
				.open('', editor.i18n('Preview'))
				.setModal(true);

			previewBox(editor, defaultValue, 'px', dialog.getElm('content'));
		}
	);
}

pluginSystem.add('preview', preview);