react-icon-cloud/src/utils/fetch_simple_icons.ts

A React component for rendering an interactive img or word cloud on canvas

import {SimpleIcon} from '../types/simple_icon'
import {getSlugsPath} from './get_slugs_path'
import {getSlugHexs} from './get_slug_hexs'

export const fetchSimpleIcons = async ({slugs}: {slugs: string[]}) => {
  const [paths, {hexs, cache}] = await Promise.all([
    getSlugsPath(slugs),
    getSlugHexs(slugs),
  ])
  const map = {} as any
  hexs.forEach((hex) => {
    map[hex.slug] = hex
  })
  paths.forEach((path) => {
    map[path.slug].path = path.path
  })
  slugs.forEach((s) => {
    const o = map[s]
    if (!o.hex || !o.path) {
      if (process.env.NODE_ENV !== 'production') {
        console.error(
          `'react-icon-cloud/fetchSimpleIcons': the response of ${o.slug} was malformed and it will be ignored.`
        )
      }
      delete map[s]
    }
  })
  return {
    simpleIcons: map as Record<string, SimpleIcon>,
    allIcon: cache!,
  }
}