@esri/calcite-ui-icons/bin/optimize.js

A collection of UI SVG icons created by Esri for applications.

const fs = require('fs-extra');
const glob = require('glob-promise');
const SVGO = require('svgo');
const progress = require('cli-progress');

let options = {
  plugins: [
    {cleanupIDs: {remove: false}},
    {removeStyleElement: true},
    {removeUselessDefs: true},
    {removeUselessStrokeAndFill: false},
    {removeHiddenElems: true},
    {removeEmptyText: true},
    {convertShapeToPath: { convertArcs: true }},
    {convertPathData: { noSpaceAfterFlags: false }},
    {removeEmptyAttrs: true},
    {removeEmptyContainers: true},
    {mergePaths: false},
    {removeTitle: true},
    {removeDesc: true},
    {removeDimensions: true},
    {removeAttrs: {attrs: ['class', '(stroke)']}}
  ],
  multipass: true
};

/**
 * Reads an icon file off disk and optimizes it, saving to same location
 * @param {string[]}           filePaths  array of relative file paths
 * @param {SVGO}               svgo       SVGO instance with correct options
 * @param {SingleBar}          bar        progress bar instance
 * @return {Promise}
 */
function optimizeIcons (filePaths, svgo, bar) {
  var num = 0;
  return Promise.all(filePaths.map((path) => {
    return fs.readFile(path, 'utf-8')
      .then((svg) => svgo.optimize(svg, { path }))
      .then((result) => {
        num++;
        bar.update(num);
        return fs.writeFile(path, result.data, 'utf-8');
      });
  }));
}

/**
 * Optimize a set of icons
 * @param {string}   files       Glob pattern for icons source
 * @param {boolean}  remove      Remove id attributes from output
 * @return {Promise}             Formatted object with all icon metadata
 */
module.exports = function (files, remove) {
  if (!files) {
    return Promise.resolve(true);
  }
  options.plugins[0] = {cleanupIDs: { remove }};
  svgo = new SVGO(options);
  return glob(files).then((iconPaths) => {
    const format = "  \x1b[32m {bar} {percentage}% | {value}/{total} \x1b[0m";
    const bar = new progress.SingleBar({ format }, progress.Presets.shades_classic);
    bar.start(iconPaths.length, 0);
    return optimizeIcons(iconPaths, svgo, bar).then(() => {
      bar.stop();
      console.log("");
    });
  });
}