babel-iconify.js

const { locate } = require('@iconify/json')
const { stringToIcon, getIconData } = require('@iconify/utils')

module.exports = function (babel, options) {
  const { types: t } = babel

  return {
    name: 'react-native-iconify',
    visitor: {
      JSXElement(path) {
        const { openingElement } = path.node
        const tagName = openingElement.name.name
        const isIcon = tagName === 'Iconify'

        if (!isIcon) {
          return
        }

        const iconProp = openingElement.attributes.find(
          node => t.isJSXAttribute(node) && node.name.name === 'icon',
        )

        const iconValue
          = iconProp?.value?.value
          || iconProp?.value?.expression?.value
          || iconProp?.value?.expression?.extra?.rawValue

        if (!iconValue) {
          throw new Error('Iconify: \'icon\' prop must be a string literal')
        }

        const icon = stringToIcon(iconValue)

        let iconAsJson

        if (options?.collections && options.collections[icon.prefix]) {
          iconAsJson = options.collections[icon.prefix]
        }
        else {
          const filename = locate(icon.prefix)
          try {
            iconAsJson = require(filename)
          }
          catch {
            throw new Error(`Iconify: Could not find icon set "${icon.prefix}"`)
          }
        }

        const iconData = getIconData(iconAsJson, icon.name)

        if (!iconData) {
          throw new Error(
            `Iconify: Icon not found!\nCould not find icon ${iconValue}\n\nCheck all icons at\nhttps://iconify.design/icon-sets/`,
          )
        }

        const iconDataExpression = [
          t.objectProperty(
            t.stringLiteral('body'),
            t.stringLiteral(iconData.body),
          ),
        ]

        if (iconData.width) {
          iconDataExpression.push(
            t.objectProperty(
              t.stringLiteral('width'),
              t.numericLiteral(iconData.width),
            ),
          )
        }

        if (iconData.height) {
          iconDataExpression.push(
            t.objectProperty(
              t.stringLiteral('height'),
              t.numericLiteral(iconData.height),
            ),
          )
        }

        const iconDataProp = t.jSXAttribute(
          t.jSXIdentifier('iconData'),
          t.jSXExpressionContainer(t.objectExpression(iconDataExpression)),
        )

        const isPluginInstalledProp = t.jSXAttribute(
          t.jSXIdentifier('isPluginInstalled'),
          t.jSXExpressionContainer(t.booleanLiteral(true)),
        )

        openingElement.attributes.push(iconDataProp, isPluginInstalledProp)
      },
    },
  }
}