tools.js

import rename from 'deep-rename-keys'
import { parseSync } from 'xml-reader'

export const parseInput = (input) => {
  const parsed = parseSync(`<root>${input}</root>`, {
    parentNodes: false,
  })
  const isValid =
    parsed.children &&
    parsed.children.length > 0 &&
    parsed.children.every((node) => node.name === 'svg')

  if (isValid) {
    return parsed.children.length === 1 ? parsed.children[0] : parsed.children
  } else {
    throw Error('nothing to parse')
  }
}

export const removeDoctype = (input) => {
  return input.replace(/<[\/]{0,1}(\!?DOCTYPE|\??xml)[^><]*>/gi, '')
}
export const wrapInput = (input) => `<root>${input}</root>`

// export const removeAttrs = (obj) => omitDeep(obj, ['parent'])

export const addCustomAttrs = (attrs, node) => ({
  ...node,
  ...attrs,
})

export const camelize = (node) => {
  return rename(node, (key) => {
    if (!notCamelcase(key)) {
      return toCamelCase(key)
    }
    return key
  })
}

export const toCamelCase = (prop) =>
  prop.replace(/[-|:]([a-z])/gi, (all, letter) => letter.toUpperCase())

const notCamelcase = (prop) => /^(data|aria)(-\w+)/.test(prop)

export const escapeText = (text) => {
  if (text) {
    const str = String(text)
    return /[&<>]/.test(str)
      ? `<![CDATA[${str.replace(/]]>/, ']]]]><![CDATA[>')}]]>`
      : str
  }
  return ''
}

export const escapeAttr = (attr) => {
  return String(attr)
    .replace(/&/g, '&amp;')
    .replace(/'/g, '&apos;')
    .replace(/"/g, '&quot;')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
}