l1.media/packages/atlas/scripts/fetchTokens.js

/* eslint-disable no-console */
/* eslint-disable @typescript-eslint/no-var-requires */
const axios = require('axios')
const fs = require('fs')
const path = require('path')

const TOKENS_DIR = path.join(__dirname, '..', 'src/styles/tokens')

const fetchTokenUrlsFromGithub = async () => {
  try {
    const res = await axios.get('https://api.github.com/repos/Joystream/atlas-resources/contents/design_tokens')
    return res.data.filter((file) => file.name.includes('token.json')).map((file) => file.download_url)
  } catch (error) {
    console.error('Something went wrong. Status code:', error.response.status)
  }
}

const TOKEN_WHITE_LIST = ['colors', 'animation', 'typography', 'effects', 'radii']

const fetchTokens = async () => {
  fs.mkdir(TOKENS_DIR, { recursive: true }, (err) => {
    if (err) {
      console.log("Couldn't generate directory", err)
    }
  })

  try {
    const tokenUrls = await fetchTokenUrlsFromGithub()
    const responses = await axios.all(tokenUrls.map((res) => axios.get(res)))

    responses.forEach((res) => {
      const fileName = path.basename(res.config.url)
      if (!TOKEN_WHITE_LIST.includes(fileName.split('.')[0])) {
        return
      }
      const filePath = path.join(TOKENS_DIR, fileName)

      fs.writeFile(filePath, JSON.stringify(res.data, null, 2) + '\n', (err) => {
        console.log(`Generating ${fileName} done`)
        if (err) {
          console.log("Couldn't generate tokens", err)
        }
      })
    })
  } catch (error) {
    console.error('Something went wrong. Status code:', error.response.status)
  }
}

fetchTokens()