/* eslint-disable import/no-extraneous-dependencies */
import { parseDOM } from 'htmlparser2';
import DEFAULT_ATTRS from './default-attrs.json';
import { toCamelCase, hash } from '../helpers';

const camelizeAttrs = attrs =>
  Object.keys(attrs).reduce((newAttrs, attr) => {
    const attrKey = toCamelCase(attr);

    newAttrs[attrKey] = attrs[attr];
    return newAttrs;
  }, {});

export default (iconsObject, options) => {
  const iconNodes = {};

  Object.keys(iconsObject).forEach(icon => {
    const svgString = iconsObject[icon];
    const dom = parseDOM(svgString);

    const children = dom.map(element => {
      if (options.renderUniqueKey) {
        const hashSource = {
          name: element.name,
          ...element.attribs,
        };

        const uniqueKey = hash(JSON.stringify(hashSource));

        element.attribs.key = uniqueKey;
      }

      return [
        element.name,
        {
          ...(options.camelizeAttrs ? camelizeAttrs(element.attribs) : element.attribs),
        },
      ];
    });

    iconNodes[icon] = [
      'svg',
      {
        ...(options.camelizeAttrs ? camelizeAttrs(DEFAULT_ATTRS) : DEFAULT_ATTRS),
      },
      children,
    ];
  });

  return iconNodes;
};