//@ts-nocheck

/**
 * Returns CSS rules for a given SVG document
 * @param {SVGDocument} doc SVG document to parse
 * @return {Object} CSS rules of this document
 */
export function getCSSRules(doc) {
  const styles = doc.getElementsByTagName('style');
  let i;
  let len;
  const allRules = {};
  let rules;

  // very crude parsing of style contents
  for (i = 0, len = styles.length; i < len; i++) {
    let styleContents = styles[i].textContent;

    // remove comments
    styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, '');
    if (styleContents.trim() === '') {
      continue;
    }
    // recovers all the rule in this form `body { style code... }`
    // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g);
    rules = styleContents.split('}');
    // remove empty rules.
    rules = rules.filter(function (rule) {
      return rule.trim();
    });
    // at this point we have hopefully an array of rules `body { style code... `
    // eslint-disable-next-line no-loop-func
    rules.forEach(function (rule) {
      const match = rule.split('{'),
        ruleObj = {},
        declaration = match[1].trim(),
        propertyValuePairs = declaration.split(';').filter(function (pair) {
          return pair.trim();
        });

      for (i = 0, len = propertyValuePairs.length; i < len; i++) {
        const pair = propertyValuePairs[i].split(':'),
          property = pair[0].trim(),
          value = pair[1].trim();
        ruleObj[property] = value;
      }
      rule = match[0].trim();
      rule.split(',').forEach(function (_rule) {
        _rule = _rule.replace(/^svg/i, '').trim();
        if (_rule === '') {
          return;
        }
        if (allRules[_rule]) {
          Object.assign(allRules[_rule], ruleObj);
        } else {
          allRules[_rule] = Object.assign({}, ruleObj);
        }
      });
    });
  }
  return allRules;
}