/**
 * Used for WYSIWYG logic
 */
window.CMB2 = window.CMB2 || {};
window.CMB2.wysiwyg = window.CMB2.wysiwyg || {};

(function (window, document, $, cmb, wysiwyg, undefined) {
  "use strict";

  // Private variables
  var toBeDestroyed = [];
  var toBeInitialized = [];
  var all = (wysiwyg.all = {});

  // Private functions

  /**
   * Initializes any editors that weren't initialized because they didn't exist yet.
   *
   * @since  2.2.3
   *
   * @return {void}
   */
  function delayedInit() {
    // Don't initialize until they've all been destroyed.
    if (0 === toBeDestroyed.length) {
      toBeInitialized.forEach(function (toInit) {
        toBeInitialized.splice(toBeInitialized.indexOf(toInit), 1);
        wysiwyg.init.apply(wysiwyg, toInit);
      });
    } else {
      window.setTimeout(delayedInit, 100);
    }
  }

  /**
   * Destroys any editors that weren't destroyed because they didn't exist yet.
   *
   * @since  2.2.3
   *
   * @return {void}
   */
  function delayedDestroy() {
    toBeDestroyed.forEach(function (id) {
      toBeDestroyed.splice(toBeDestroyed.indexOf(id), 1);
      wysiwyg.destroy(id);
    });
  }

  /**
   * Gets the option data for a group (and initializes that data if it doesn't exist).
   *
   * @since  2.2.3
   *
   * @param  {object} data The group/field data.
   *
   * @return {object}      Options data object for a group.
   */
  function getGroupData(data) {
    var groupid = data.groupid;
    var fieldid = data.fieldid;

    if (!all[groupid] || !all[groupid][fieldid]) {
      all[groupid] = all[groupid] || {};
      all[groupid][fieldid] = {
        template: wp.template("cmb2-wysiwyg-" + groupid + "-" + fieldid),
        defaults: {
          // Get the data from the template-wysiwyg initiation.
          mce: $.extend(
            {},
            tinyMCEPreInit.mceInit["cmb2_i_" + groupid + fieldid],
          ),
          qt: $.extend(
            {},
            tinyMCEPreInit.qtInit["cmb2_i_" + groupid + fieldid],
          ),
        },
      };
      // This is the template-wysiwyg data, and we do not want that to be initiated.
      delete tinyMCEPreInit.mceInit["cmb2_i_" + groupid + fieldid];
      delete tinyMCEPreInit.qtInit["cmb2_i_" + groupid + fieldid];
    }

    return all[groupid][fieldid];
  }

  /**
   * Initiates the tinyMCEPreInit options for a wysiwyg editor instance.
   *
   * @since  2.2.3
   *
   * @param  {object} options Options data object for the wysiwyg editor instance.
   *
   * @return {void}
   */
  function initOptions(options) {
    var nameRegex = new RegExp(
      "cmb2_n_" + options.groupid + options.fieldid,
      "g",
    );
    var idRegex = new RegExp(
      "cmb2_i_" + options.groupid + options.fieldid,
      "g",
    );
    var prop, newSettings, newQTS;

    // If no settings for this field. Clone from placeholder.
    if ("undefined" === typeof tinyMCEPreInit.mceInit[options.id]) {
      newSettings = $.extend({}, options.defaults.mce);
      for (prop in newSettings) {
        if ("string" === typeof newSettings[prop]) {
          newSettings[prop] = newSettings[prop]
            .replace(idRegex, options.id)
            .replace(nameRegex, options.name);
        }
      }
      tinyMCEPreInit.mceInit[options.id] = newSettings;
    }

    // If no Quicktag settings for this field. Clone from placeholder.
    if ("undefined" === typeof tinyMCEPreInit.qtInit[options.id]) {
      newQTS = $.extend({}, options.defaults.qt);
      for (prop in newQTS) {
        if ("string" === typeof newQTS[prop]) {
          newQTS[prop] = newQTS[prop]
            .replace(idRegex, options.id)
            .replace(nameRegex, options.name);
        }
      }
      tinyMCEPreInit.qtInit[options.id] = newQTS;
    }
  }

  /**
   * Initializes all group wysiwyg editors. Hooked to cmb_init.
   *
   * @since  2.2.3
   *
   * @return {void}
   */
  wysiwyg.initAll = function () {
    var $this, data, initiated;

    $(".cmb2-wysiwyg-placeholder").each(function () {
      $this = $(this);
      data = $this.data();

      if (data.groupid) {
        data.id = $this.attr("id");
        data.name = $this.attr("name");
        data.value = $this.val();

        wysiwyg.init($this, data, false);
        initiated = true;
      }
    });

    if (true === initiated) {
      if ("undefined" !== typeof window.QTags) {
        window.QTags._buttonsInit();
      }

      // Hook in our event callbacks.
      $(document)
        .on("cmb2_add_row", wysiwyg.addRow)
        .on("cmb2_remove_group_row_start", wysiwyg.destroyRowEditors)
        .on("cmb2_shift_rows_start", wysiwyg.shiftStart)
        .on("cmb2_shift_rows_complete", wysiwyg.shiftComplete);
    }
  };

  /**
   * Initiates wysiwyg editors in a new group row. Hooked to cmb2_add_row.
   *
   * @since  2.2.3
   *
   * @param  {object} evt A jQuery-normalized event object.
   * @param  {object} $row A jQuery dom element object for the group row.
   *
   * @return {void}
   */
  wysiwyg.addRow = function (evt, $row) {
    wysiwyg.initRow($row, evt);
  };

  /**
   * Destroys wysiwyg editors in a group row when that row is removed. Hooked to cmb2_remove_group_row_start.
   *
   * @since  2.2.3
   *
   * @param  {object} evt A jQuery-normalized event object.
   * @param  {object} $btn A jQuery dom element object for the remove-row button.
   *
   * @return {void}
   */
  wysiwyg.destroyRowEditors = function (evt, $btn) {
    wysiwyg.destroy(
      $btn
        .parents(".cmb-repeatable-grouping")
        .find(".wp-editor-area")
        .attr("id"),
    );
  };

  /**
   * When a row-shift starts, we need to destroy the wysiwyg editors for the group-rows being shuffled.
   *
   * @since  2.2.3
   *
   * @param  {object} evt   A jQuery-normalized event object.
   * @param  {object} $btn  A jQuery dom element object for the remove-row button.
   * @param  {object} $from A jQuery dom element object for the row being shifted from.
   * @param  {object} $to   A jQuery dom element object for the row being shifted to.
   *
   * @return {void}
   */
  wysiwyg.shiftStart = function (evt, $btn, $from, $to) {
    $from
      .add($to)
      .find(".wp-editor-wrap textarea")
      .each(function () {
        wysiwyg.destroy($(this).attr("id"));
      });
  };

  /**
   * When a row-shift completes, we need to re-init the wysiwyg editors for the group-rows being shuffled.
   *
   * @since  2.2.3
   *
   * @param  {object} evt   A jQuery-normalized event object.
   * @param  {object} $btn  A jQuery dom element object for the remove-row button.
   * @param  {object} $from A jQuery dom element object for the row being shifted from.
   * @param  {object} $to   A jQuery dom element object for the row being shifted to.
   *
   * @return {void}
   */
  wysiwyg.shiftComplete = function (evt, $btn, $from, $to) {
    $from.add($to).each(function () {
      wysiwyg.initRow($(this), evt);
    });
  };

  /**
   * Initializes editors for a new CMB row.
   *
   * @since  2.2.3
   *
   * @param  {object} $row A jQuery dom element object for the group row.
   * @param  {object} evt  A jQuery-normalized event object.
   *
   * @return {void}
   */
  wysiwyg.initRow = function ($row, evt) {
    var $toReplace, data, defVal;

    $row.find(".cmb2-wysiwyg-inner-wrap").each(function () {
      $toReplace = $(this);
      data = $toReplace.data();
      defVal = cmb.getFieldArg(data.hash, "default", "");
      defVal = "undefined" !== typeof defVal && false !== defVal ? defVal : "";

      data.iterator = $row.data("iterator");
      data.fieldid = data.id;
      data.id = data.groupid + "_" + data.iterator + "_" + data.fieldid;
      data.name =
        data.groupid + "[" + data.iterator + "][" + data.fieldid + "]";
      data.value =
        "cmb2_add_row" !== evt.type && $toReplace.find(".wp-editor-area").length
          ? $toReplace.find(".wp-editor-area").val()
          : defVal;

      // The destroys might not have happened yet.  Don't init until they have.
      if (0 === toBeDestroyed.length) {
        wysiwyg.init($toReplace, data);
      } else {
        toBeInitialized.push([$toReplace, data]);
        window.setTimeout(delayedInit, 100);
      }
    });
  };

  /**
   * Initiates a wysiwyg editor instance and replaces the passed dom element w/ the editor html.
   *
   * @since  2.2.3
   *
   * @param  {object} $toReplace A jQuery dom element which will be replaced with the wysiwyg editor.
   * @param  {object} data        Data used to initate the editor.
   * @param  {bool}   buttonsInit Whether to run QTags._buttonsInit()
   *
   * @return {void}
   */
  wysiwyg.init = function ($toReplace, data, buttonsInit) {
    if (!data.groupid) {
      return false;
    }

    var mceActive = cmb.canTinyMCE();
    var qtActive = "function" === typeof window.quicktags;
    $.extend(data, getGroupData(data));

    initOptions(data);

    $toReplace.replaceWith(data.template(data));

    if (mceActive) {
      window.tinyMCE.init(tinyMCEPreInit.mceInit[data.id]);
    }

    if (qtActive) {
      window.quicktags(tinyMCEPreInit.qtInit[data.id]);
    }

    if (mceActive) {
      $(document.getElementById(data.id))
        .parents(".wp-editor-wrap")
        .removeClass("html-active")
        .addClass("tmce-active");
    }

    if (false !== buttonsInit && "undefined" !== typeof window.QTags) {
      window.QTags._buttonsInit();
    }
  };

  /**
   * Destroys a wysiwyg editor instance.
   *
   * @since  2.2.3
   *
   * @param  {string} id Editor id.
   *
   * @return {void}
   */
  wysiwyg.destroy = function (id) {
    if (!cmb.canTinyMCE()) {
      // Nothing to see here.
      return;
    }

    // The editor might not be initialized yet.  But we need to destroy it once it is.
    var editor = tinyMCE.get(id);

    if (editor !== null && typeof editor !== "undefined") {
      editor.destroy();

      if ("undefined" === typeof tinyMCEPreInit.mceInit[id]) {
        delete tinyMCEPreInit.mceInit[id];
      }

      if ("undefined" === typeof tinyMCEPreInit.qtInit[id]) {
        delete tinyMCEPreInit.qtInit[id];
      }
    } else if (-1 === toBeDestroyed.indexOf(id)) {
      toBeDestroyed.push(id);
      window.setTimeout(delayedDestroy, 100);
    }
  };

  // Hook in our event callbacks.
  $(document).on("cmb_init", wysiwyg.initAll);
})(window, document, jQuery, window.CMB2, window.CMB2.wysiwyg);