/**
 * plugin.js
 *
 * Original code by Arjan Haverkamp
 * Copyright 2013-2015 Arjan Haverkamp ([email protected])
 */
window.tinymce.PluginManager.add('highlightPlus', (editor, url) => {
  const showSourceEditor = () => {
    editor.focus();
    editor.selection.collapse(true);
    if (!editor.settings.codemirror) editor.settings.codemirror = {}; // Insert caret marker

    if (editor.settings.codemirror && editor.settings.codemirror.saveCursorPosition) {
      editor.selection.setContent('<span style="display: none;" class="CmCaReT">&#x0;</span>');
    }

    let codemirrorWidth = 800;

    if (editor.settings.codemirror.width) {
      codemirrorWidth = editor.settings.codemirror.width;
    }

    let codemirrorHeight = 550;

    if (editor.settings.codemirror.height) {
      codemirrorHeight = editor.settings.codemirror.height;
    }

    const buttonsConfig = [{
      type: 'custom',
      text: 'Ok',
      name: 'codemirrorOk',
      primary: true
    }, {
      type: 'cancel',
      text: 'Cancel',
      name: 'codemirrorCancel'
    }];
    const config = {
      title: 'Source code',
      url: `${url}/source.html`,
      width: codemirrorWidth,
      height: codemirrorHeight,
      resizable: true,
      maximizable: true,
      fullScreen: editor.settings.codemirror.fullscreen,
      saveCursorPosition: false,
      buttons: buttonsConfig
    };

    config.onAction = (dialogApi, actionData) => {
      if (actionData.name === 'codemirrorOk') {
        const doc = document.querySelectorAll('.tox-dialog__body-iframe iframe')[0];
        doc.contentWindow.tinymceHighlighterSubmit();
        editor.undoManager.add(); // eslint-disable-next-line no-use-before-define

        win.close();
      }
    };

    const win = editor.windowManager.openUrl(config);

    if (editor.settings.codemirror.fullscreen) {
      win.fullscreen(true);
    }
  };

  editor.ui.registry.addButton('code', {
    icon: 'sourcecode',
    title: 'Source code+',
    tooltip: 'Source code+',
    onAction: showSourceEditor
  });
  editor.ui.registry.addMenuItem('code', {
    icon: 'sourcecode',
    text: 'Source code+',
    onAction: showSourceEditor,
    context: 'tools'
  });
});