import { StrictDict } from '../../utils';
import { buttons, plugins } from '../../data/constants/tinyMCE';

const mapToolbars = toolbars => toolbars.map(toolbar => toolbar.join(' ')).join(' | ');

export default StrictDict({
  plugins: [
    plugins.link,
    plugins.lists,
    plugins.codesample,
    plugins.emoticons,
    plugins.table,
    plugins.charmap,
    plugins.code,
    plugins.autoresize,
    plugins.image,
    plugins.imagetools,
  ].join(' '),
  menubar: false,
  toolbar: mapToolbars([
    [buttons.undo, buttons.redo],
    [buttons.formatSelect],
    [buttons.bold, buttons.italic, buttons.backColor],
    [
      buttons.align.left,
      buttons.align.center,
      buttons.align.right,
      buttons.align.justify,
    ],
    [
      buttons.bullist,
      buttons.numlist,
      buttons.outdent,
      buttons.indent,
    ],
    [buttons.imageUploadButton],
    [buttons.link],
    [buttons.emoticons],
    [buttons.table],
    [buttons.codesample],
    [buttons.charmap],
    [buttons.removeFormat],
    [buttons.hr],
    [buttons.code],
  ]),
  imageToolbar: mapToolbars([
    // [buttons.rotate.left, buttons.rotate.right],
    // [buttons.flip.horiz, buttons.flip.vert],
    [buttons.editImageSettings],
  ]),
  config: {
    branding: false,
    height: '100%',
    menubar: false,
    min_height: 500,
  },
});