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

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

import {svgToPath} from './svg_to_path'

const url = 'https://cdn.jsdelivr.net/npm/simple-icons@14.0.0/icons/'
const cache: Record<string, string> = {}
const fallback = ''

const getSlugPath = async (slug: string) => {
  if (!cache[slug]) {
    try {
      const urlSlug = `${url}${slug}.svg`
      const res = await fetch(urlSlug, {cache: 'force-cache'})
      const text = await res.text()
      const path = svgToPath(text)
      cache[slug] = path
    } catch (e) {}
  }

  if (cache[slug]) {
    return cache[slug]
  }

  return fallback
}

export const getSlugsPath = async (slugs: string[]) => {
  const map = {} as any
  slugs.forEach((s) => {
    map[s] = s
  })
  await Promise.all(Object.keys(map).map(getSlugPath))
  return slugs.map((slug) => ({
    slug,
    path: cache[slug] ?? fallback,
  }))
}