@ciffi-js/design-token/index.js

It generates scss file with variables from design token json file

const fs = require('fs')
const chalk = require('chalk')
const path = require('path')
const ConfigFile = require(path.resolve(process.cwd(), '.ciffisettings'))

const input = require(path.resolve(
  process.cwd(),
  ConfigFile.general.designTokenInputFile
))

const transformNodes = input => {
  return Object.keys(input).map(node => {
    return Object.keys(input[node]).map(item => {
      if (typeof input[node][item] !== 'object') {
        return `$${node}-${item}: ${input[node][item]};\n`
      }
    })
  })
}

const writeFile = (input, callback) => {
  const result = transformNodes(input)
    .join(',')
    .replace(/,/g, '')
    .replace(/' /g, "', ")
  fs.writeFile(
    path.normalize(ConfigFile.general.designTokenOutputFile),
    result,
    err => {
      if (err) {
        return console.log(err)
      }

      console.log(
        `${chalk.blue('🦄 Generate design token file in')} ${
          ConfigFile.general.designTokenOutputFile
        } ${chalk.green.bold('OK')}`
      )
      callback()
    }
  )
}

module.exports = callback => {
  if (!ConfigFile.general.designToken) {
    return callback()
  }
  writeFile(input, callback)
}