build.js

const fs = require('fs');
const del = require('del');
const path = require('path');
const webfontsGenerator = require('webfonts-generator');

const name = 'dev-awesome';

const svgFolder = path.resolve('svg');
const distFolder = path.resolve('dist');
const fontsFolder = path.resolve(distFolder, 'fonts');
const svgFontFolder = path.resolve(svgFolder, 'black');
const templateFolder = path.resolve('template');

const svgFileNames = fs.readdirSync(svgFontFolder);
const codepoints = JSON.parse(fs.readFileSync(path.resolve('codepoints.json'), 'utf8'));
const coloredSvgFolder = path.resolve(fontsFolder, 'svg', 'colored');

del.sync(distFolder);
fs.mkdirSync(distFolder);
fs.mkdirSync(fontsFolder);
fs.mkdirSync(path.resolve(fontsFolder, 'svg'));
fs.mkdirSync(coloredSvgFolder);

function options(extension = 'css') {
  const isScss = extension == 'scss';
  const opts = {
    files: svgFileNames.map((svgFile) => path.resolve(svgFontFolder, svgFile)),
    dest: fontsFolder,
    fontName: name,
    cssFontsUrl: isScss ? '#{$da-font-path}' : '../fonts',

    codepoints: codepoints,
    css: true,
    html: true,

    cssDest: path.resolve(distFolder, extension, `${isScss ? '_' : ''}${name}.${extension}`),
    htmlDest: path.resolve('index.html'),

    cssTemplate: path.resolve(templateFolder, `css.hbs`),
    htmlTemplate: path.resolve(templateFolder, 'html.hbs'),

    fixedWidth: true,
    centerHorizontally: false,
    fontHeight: 800,
    descent: 0,

    templateOptions: {
      classPrefix: 'da-',
      baseSelector: 'da',
      isScss: isScss,
    },
  }

  console.info('[INFO] Building', extension, 'files with options:', JSON.stringify(opts, null, 2), '\n\n');

  return opts;
}

function callback(error) {
  if (error) {
    console.error(error);
  } else {
    svgFileNames.forEach((svgFile) => fs.copyFileSync(
      path.resolve(path.resolve(svgFontFolder, '..', 'colored'), svgFile),
      path.resolve(coloredSvgFolder, svgFile)
    ));
  }
}

webfontsGenerator(options('css'), (err) => {
  callback(err);
  webfontsGenerator(options('scss'), (err) => {
    callback(err);
    console.info("[Done] :: Happy Mumuki'ng!!");
  })
});