/**
 * @license
 * Copyright 2020 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */

/**
 * @fileoverview Utility functions for the toolbox and flyout.
 * @author aschmiedt@google.com (Abby Schmiedt)
 */
'use strict';

goog.provide('Blockly.utils.toolbox');

goog.require('Blockly.constants');

goog.requireType('Blockly.ToolboxCategory');
goog.requireType('Blockly.ToolboxSeparator');


/**
 * The information needed to create a block in the toolbox.
 * @typedef {{
 *            kind:string,
 *            blockxml:(?string|Node),
 *            type: ?string,
 *            gap: (?string|?number),
 *            disabled: (?string|?boolean)
 *          }}
 */
Blockly.utils.toolbox.BlockInfo;

/**
 * The information needed to create a separator in the toolbox.
 * @typedef {{
 *            kind:string,
 *            id:?string,
 *            gap:?number,
 *            cssconfig:?Blockly.ToolboxSeparator.CssConfig
 *          }}
 */
Blockly.utils.toolbox.SeparatorInfo;

/**
 * The information needed to create a button in the toolbox.
 * @typedef {{
 *            kind:string,
 *            text:string,
 *            callbackkey:string
 *          }}
 */
Blockly.utils.toolbox.ButtonInfo;

/**
 * The information needed to create a label in the toolbox.
 * @typedef {{
 *            kind:string,
 *            id:?string,
 *            text:string
 *          }}
 */
Blockly.utils.toolbox.LabelInfo;

/**
 * The information needed to create either a button or a label in the flyout.
 * @typedef {Blockly.utils.toolbox.ButtonInfo|
 *           Blockly.utils.toolbox.LabelInfo}
 */
Blockly.utils.toolbox.ButtonOrLabelInfo;

/**
 * The information needed to create a category in the toolbox.
 * @typedef {{
 *            kind:string,
 *            name:string,
 *            id:?string,
 *            categorystyle:?string,
 *            colour:?string,
 *            cssconfig:?Blockly.ToolboxCategory.CssConfig,
 *            contents:!Array<Blockly.utils.toolbox.ToolboxItemInfo>,
 *            hidden:?string
 *          }}
 */
Blockly.utils.toolbox.StaticCategoryInfo;

/**
 * The information needed to create a custom category.
 * @typedef {{
 *            kind:string,
 *            custom:string,
 *            id:?string,
 *            categorystyle:?string,
 *            colour:?string,
 *            cssconfig:?Blockly.ToolboxCategory.CssConfig,
 *            hidden:?string
 *          }}
 */
Blockly.utils.toolbox.DynamicCategoryInfo;

/**
 * The information needed to create either a dynamic or static category.
 * @typedef {Blockly.utils.toolbox.StaticCategoryInfo|
 *           Blockly.utils.toolbox.DynamicCategoryInfo}
 */
Blockly.utils.toolbox.CategoryInfo;

/**
 * Any information that can be used to create an item in the toolbox.
 * @typedef {Blockly.utils.toolbox.FlyoutItemInfo|
 *           Blockly.utils.toolbox.StaticCategoryInfo}
 */
Blockly.utils.toolbox.ToolboxItemInfo;

/**
 * All the different types that can be displayed in a flyout.
 * @typedef {Blockly.utils.toolbox.BlockInfo|
 *           Blockly.utils.toolbox.SeparatorInfo|
 *           Blockly.utils.toolbox.ButtonInfo|
 *           Blockly.utils.toolbox.LabelInfo|
 *           Blockly.utils.toolbox.DynamicCategoryInfo}
 */
Blockly.utils.toolbox.FlyoutItemInfo;

/**
 * The JSON definition of a toolbox.
 * @typedef {{
 *            contents:!Array<Blockly.utils.toolbox.ToolboxItemInfo>
 *          }}
 */
Blockly.utils.toolbox.ToolboxInfo;

/**
 * An array holding flyout items.
 * @typedef {
 *            Array<!Blockly.utils.toolbox.FlyoutItemInfo>
 *          }
 */
Blockly.utils.toolbox.FlyoutItemInfoArray;

/**
 * All of the different types that can create a toolbox.
 * @typedef {Node|
 *           Blockly.utils.toolbox.ToolboxInfo|
 *           string}
 */
Blockly.utils.toolbox.ToolboxDefinition;

/**
 * All of the different types that can be used to show items in a flyout.
 * @typedef {Blockly.utils.toolbox.FlyoutItemInfoArray|
 *           NodeList|
 *           Blockly.utils.toolbox.ToolboxInfo|
 *           Array<!Node>}
 */
Blockly.utils.toolbox.FlyoutDefinition;

/**
 * The name used to identify a toolbox that has category like items.
 * This only needs to be used if a toolbox wants to be treated like a category
 * toolbox but does not actually contain any toolbox items with the kind
 * 'category'.
 * @const {string}
 */
Blockly.utils.toolbox.CATEGORY_TOOLBOX_KIND = 'categoryToolbox';

/**
 * The name used to identify a toolbox that has no categories and is displayed
 * as a simple flyout displaying blocks, buttons, or labels.
 * @const {string}
 */
Blockly.utils.toolbox.FLYOUT_TOOLBOX_KIND = 'flyoutToolbox';

/**
 * Position of the the toolbox relative to the flyout.
 * @enum {number}
 */
Blockly.utils.toolbox.Position = {
  TOP: Blockly.TOOLBOX_AT_TOP,
  BOTTOM: Blockly.TOOLBOX_AT_BOTTOM,
  LEFT: Blockly.TOOLBOX_AT_LEFT,
  RIGHT: Blockly.TOOLBOX_AT_RIGHT
};

/**
 * Converts the toolbox definition into toolbox JSON.
 * @param {?Blockly.utils.toolbox.ToolboxDefinition} toolboxDef The definition
 *     of the toolbox in one of its many forms.
 * @return {?Blockly.utils.toolbox.ToolboxInfo} Object holding information
 *     for creating a toolbox.
 * @package
 */
Blockly.utils.toolbox.convertToolboxDefToJson = function(toolboxDef) {
  if (!toolboxDef) {
    return null;
  }

  if (toolboxDef instanceof Element || typeof toolboxDef == 'string') {
    toolboxDef = Blockly.utils.toolbox.parseToolboxTree(toolboxDef);
    toolboxDef = Blockly.utils.toolbox.convertToToolboxJson_(toolboxDef);
  }

  var toolboxJson = /** @type {Blockly.utils.toolbox.ToolboxInfo} */ (toolboxDef);
  Blockly.utils.toolbox.validateToolbox_(toolboxJson);
  return toolboxJson;
};

/**
 * Validates the toolbox JSON fields have been set correctly.
 * @param {Blockly.utils.toolbox.ToolboxInfo} toolboxJson Object holding
 *     information for creating a toolbox.
 * @throws {Error} if the toolbox is not the correct format.
 * @private
 */
Blockly.utils.toolbox.validateToolbox_ = function(toolboxJson) {
  var toolboxKind = toolboxJson['kind'];
  var toolboxContents = toolboxJson['contents'];

  if (toolboxKind) {
    if (toolboxKind != Blockly.utils.toolbox.FLYOUT_TOOLBOX_KIND &&
      toolboxKind != Blockly.utils.toolbox.CATEGORY_TOOLBOX_KIND) {
      throw Error('Invalid toolbox kind ' + toolboxKind + '.' +
        ' Please supply either ' +
        Blockly.utils.toolbox.FLYOUT_TOOLBOX_KIND + ' or ' +
        Blockly.utils.toolbox.CATEGORY_TOOLBOX_KIND);
    }
  }
  if (!toolboxContents) {
    throw Error('Toolbox must have a contents attribute.');
  }
};

/**
 * Converts the flyout definition into a list of flyout items.
 * @param {?Blockly.utils.toolbox.FlyoutDefinition} flyoutDef The definition of
 *    the flyout in one of its many forms.
 * @return {!Blockly.utils.toolbox.FlyoutItemInfoArray} A list of flyout items.
 * @package
 */
Blockly.utils.toolbox.convertFlyoutDefToJsonArray = function(flyoutDef) {
  if (!flyoutDef) {
    return [];
  }

  if (flyoutDef['contents']) {
    return flyoutDef['contents'];
  }

  // If it is already in the correct format return the flyoutDef.
  if (Array.isArray(flyoutDef) && flyoutDef.length > 0 &&
      !flyoutDef[0].nodeType) {
    return flyoutDef;
  }

  return Blockly.utils.toolbox.xmlToJsonArray_(
      /** @type {!Array<Node>|!NodeList} */ (flyoutDef));
};

/**
 * Whether or not the toolbox definition has categories.
 * @param {?Blockly.utils.toolbox.ToolboxInfo} toolboxJson Object holding
 *     information for creating a toolbox.
 * @return {boolean} True if the toolbox has categories.
 * @package
 */
Blockly.utils.toolbox.hasCategories = function(toolboxJson) {
  if (!toolboxJson) {
    return false;
  }

  var toolboxKind = toolboxJson['kind'];
  if (toolboxKind) {
    return toolboxKind == Blockly.utils.toolbox.CATEGORY_TOOLBOX_KIND;
  }

  var categories = toolboxJson['contents'].filter(function(item) {
    return item['kind'].toUpperCase() == 'CATEGORY';
  });
  return !!categories.length;
};

/**
 * Whether or not the category is collapsible.
 * @param {!Blockly.utils.toolbox.CategoryInfo} categoryInfo Object holing
 *    information for creating a category.
 * @return {boolean} True if the category has subcategories.
 * @package
 */
Blockly.utils.toolbox.isCategoryCollapsible = function(categoryInfo) {
  if (!categoryInfo || !categoryInfo['contents']) {
    return false;
  }

  var categories = categoryInfo['contents'].filter(function(item) {
    return item['kind'].toUpperCase() == 'CATEGORY';
  });
  return !!categories.length;
};

/**
 * Parses the provided toolbox definition into a consistent format.
 * @param {Node} toolboxDef The definition of the toolbox in one of its many forms.
 * @return {!Blockly.utils.toolbox.ToolboxInfo} Object holding information
 *     for creating a toolbox.
 * @private
 */
Blockly.utils.toolbox.convertToToolboxJson_ = function(toolboxDef) {
  var contents = Blockly.utils.toolbox.xmlToJsonArray_(
      /** @type {!Node|!Array<Node>} */ (toolboxDef));
  var toolboxJson = {'contents': contents};
  if (toolboxDef instanceof Node) {
    Blockly.utils.toolbox.addAttributes_(toolboxDef, toolboxJson);
  }
  return toolboxJson;
};

/**
 * Converts the xml for a toolbox to JSON.
 * @param {!Node|!Array<Node>|!NodeList} toolboxDef The
 *     definition of the toolbox in one of its many forms.
 * @return {!Blockly.utils.toolbox.FlyoutItemInfoArray|
 *          !Array<Blockly.utils.toolbox.ToolboxItemInfo>} A list of objects in
 *          the toolbox.
 * @private
 */
Blockly.utils.toolbox.xmlToJsonArray_ = function(toolboxDef) {
  var arr = [];
  // If it is a node it will have children.
  var childNodes = toolboxDef.childNodes;
  if (!childNodes) {
    // Otherwise the toolboxDef is an array or collection.
    childNodes = toolboxDef;
  }
  for (var i = 0, child; (child = childNodes[i]); i++) {
    if (!child.tagName) {
      continue;
    }
    var obj = {};
    var tagName = child.tagName.toUpperCase();
    obj['kind'] = tagName;

    // Store the xml for a block
    if (tagName == 'BLOCK') {
      obj['blockxml'] = child;
    } else if (tagName == 'CATEGORY') {
      // Get the contents of a category
      obj['contents'] = Blockly.utils.toolbox.xmlToJsonArray_(child);
    }

    // Add xml attributes to object
    Blockly.utils.toolbox.addAttributes_(child, obj);
    arr.push(obj);
  }
  return arr;
};

/**
 * Adds the attributes on the node to the given object.
 * @param {!Node} node The node to copy the attributes from.
 * @param {!Object} obj The object to copy the attributes to.
 * @private
 */
Blockly.utils.toolbox.addAttributes_ = function(node, obj) {
  for (var j = 0; j < node.attributes.length; j++) {
    var attr = node.attributes[j];
    if (attr.nodeName.indexOf('css-') > -1) {
      obj['cssconfig'] = obj['cssconfig'] || {};
      obj['cssconfig'][attr.nodeName.replace('css-', '')] = attr.value;
    } else {
      obj[attr.nodeName] = attr.value;
    }
  }
};

/**
 * Parse the provided toolbox tree into a consistent DOM format.
 * @param {?Node|?string} toolboxDef DOM tree of blocks, or text representation
 *    of same.
 * @return {?Node} DOM tree of blocks, or null.
 */
Blockly.utils.toolbox.parseToolboxTree = function(toolboxDef) {
  if (toolboxDef) {
    if (typeof toolboxDef != 'string') {
      if (Blockly.utils.userAgent.IE && toolboxDef.outerHTML) {
        // In this case the tree will not have been properly built by the
        // browser. The HTML will be contained in the element, but it will
        // not have the proper DOM structure since the browser doesn't support
        // XSLTProcessor (XML -> HTML).
        toolboxDef = toolboxDef.outerHTML;
      } else if (!(toolboxDef instanceof Element)) {
        toolboxDef = null;
      }
    }
    if (typeof toolboxDef == 'string') {
      toolboxDef = Blockly.Xml.textToDom(toolboxDef);
      if (toolboxDef.nodeName.toLowerCase() != 'xml') {
        throw TypeError('Toolbox should be an <xml> document.');
      }
    }
  } else {
    toolboxDef = null;
  }
  return toolboxDef;
};
