coreui-icons/build/build-js-files.js

const fs = require('fs')
const mkdirp = require('mkdirp');
const dirnames = process.mainModule.filename.includes('pro') ?
    ['solid', 'linear']
  : ['free', 'brand', 'flag']

let allNames = {}
dirnames.forEach(setName => {
  mkdirp(`js/${setName}/`, function(err) {
    if (err) {
      return
    } 
    const dirname = `svg/${setName}/`
    fs.readdir(dirname, (e, filenames) => {
      if (e) {
        return
      }
      let contents = {}
      let names = []
      filenames.forEach(filename => {
        fs.readFile(dirname + filename, 'utf-8', function (e, content) {
          if (e) {
            return
          } 
          
          const variableName = toCamel(filename.replace('.svg', ''))
          const jsFilename = filename.replace('.svg', '.js')
          const tsFilename = filename.replace('.svg', '.d.ts')
          const viewBox = getAttributeValue(content, 'viewBox').split(' ')
          const dimensions = `${viewBox[2]} ${viewBox[3]}`

          let iconData = []
          if (dimensions !== '64 64') {
            iconData.push(dimensions)
          }
          const computedContent = content.replace(/(<svg([^>]+)>)|(<\/svg>)/ig, '')
            .replace(/(<title([^]+)title>)/ig, '')
            .replace(/\n/g, '').replace(/\r/g, '').replace(/"/g, '\'')
            .replace('<!-- Generated by IcoMoon.io -->', '')
          iconData.push(computedContent)

          contents[variableName] = iconData

          names.push({
            jsFilename,
            variableName
          })
          if (Object.keys(contents).length === filenames.length) {
            writeSet(setName, contents, names)
          }

          fs.writeFile(
            `js/${setName}/${jsFilename}`,
            `export const ${variableName} = ` + JSON.stringify(iconData),
            () => ''
          )
          fs.writeFile(
            `js/${setName}/${tsFilename}`,
            `export declare const ${variableName}: string[];`,
            () => ''
          ) 
        })
      })
    })
  })
})

const writeSet = (setName, contents, names) => {
  fs.writeFile(
    `js/${setName}/${setName}-set.js`,
    `export const ${setName}Set = ` + JSON.stringify(contents),
    () => console.log(
      'created set: ' +
      setName +
      ' icons number: ' +
      Object.keys(contents).length
    )
  )
  fs.writeFile(
    `js/${setName}/${setName}-set.d.ts`,
    typings(names, setName, false),
    () => ''
  )
  fs.writeFile(
    `js/${setName}/index.js`,
    getImports(names, setName),
    () => ''
  )
  fs.writeFile(
    `js/${setName}/index.d.ts`,
    typings(names, setName),
    () => ''
  )
  allNames[setName] = names

  if (Object.keys(allNames).length === dirnames.length) {
    let imports = ''
    Object.keys(allNames).forEach(set => {
      imports += getImports(allNames[set], set, true)
      imports += '\n\n\n'
    })
    fs.writeFile(
      `js/index.js`,
      imports,
      () => console.log('created index file')
    )
  }
}


  

// const toPascalCase = function (name) {
//   return name.match(/[A-Za-z0-9]+/gi)
//     .map(function (word) {
//       return word.charAt(0).toUpperCase() + word.substr(1).toLowerCase()
//     })
//     .join('')
// }

const getAttributeValue = (string, attribute) => {
  const regex = new RegExp(`${attribute}="([^"]+)"`, 'g')
  return string.match(regex, '')[0]
               .match(/"(.*?)"/ig, '')[0]
               .replace(/"/g, '')
}

// function getVariableName (filename, directory) {
//   if (directory.includes('flags')) {
//     return filename.replace('.svg', '').replace(/-/g, '').toUpperCase()
//   } else {
//     return toCamel(filename.replace('.svg', ''))
//   }
// }

function toCamel (str) {
  return str.replace(/([-_][a-z0-9])/ig, ($1) => {
    return $1.toUpperCase().replace('-', '')
  })
}

// function validate(str) {
//   if (!isNaN(str.charAt(0))) {
//     return 'n' + str
//   } else {
//     return str
//   }
// }

function getImports(names, setName, deep = false) {
  const folder = deep ? `/${setName}/` : '/'
  const defaultImport = `import { ${setName}Set } from '.${folder}${setName}-set.js' \n`
  const defaultExport = `export { ${setName}Set } \n\n`
  const importString = names.map(name => {
    return `import { ${name.variableName} } from '.${folder}${name.jsFilename}'`
  }).join('\n')
  const exportString = names.map(name => {
    return `export { ${name.variableName} }`
  }).join('\n')
  return defaultImport + defaultExport + importString + '\n' + exportString
}

function typings (names, setName, all = true) {
  const icons = names.map(name => {
    return `  "${name.variableName}": string[];`
  }).join('\n')
  const set = `export declare const ${setName}Set: {\n${icons}\n}`

  const exportString = names.map(name => {
    return `export declare const ${name.variableName}: string[];`
  }).join('\n')
  
  return all ? set + '\n' + exportString : set
}