import * as InsertContent from '../../content/InsertContent';
import Editor from '../Editor';

export const registerCommands = (editor: Editor): void => {
  editor.editorCommands.addCommands({
    mceCleanup: () => {
      const bm = editor.selection.getBookmark();
      editor.setContent(editor.getContent());
      editor.selection.moveToBookmark(bm);
    },

    insertImage: (_command, _ui, value) => {
      InsertContent.insertAtCaret(editor, editor.dom.createHTML('img', { src: value }));
    },

    insertHorizontalRule: () => {
      editor.execCommand('mceInsertContent', false, '<hr>');
    },

    insertText: (_command, _ui, value) => {
      InsertContent.insertAtCaret(editor, editor.dom.encode(value));
    },

    insertHTML: (_command, _ui, value) => {
      InsertContent.insertAtCaret(editor, value);
    },

    mceInsertContent: (_command, _ui, value) => {
      InsertContent.insertAtCaret(editor, value);
    },

    mceSetContent: (_command, _ui, value) => {
      editor.setContent(value);
    },

    mceReplaceContent: (_command, _ui, value) => {
      editor.execCommand('mceInsertContent', false, value.replace(/\{\$selection\}/g, editor.selection.getContent({ format: 'text' })));
    },

    mceNewDocument: () => {
      editor.setContent('');
    }
  });
};