generate-icon-names.js

/**
 * Generate icon names
 *
 * Reads all the icon svg files in app/images/icons
 * and returns an object of icon name key value pairs
 * stored in the environment variable ICON_NAMES
 * Used with the Icon component in ./ui/components/component-library/icon/icon.js
 */
const fs = require('fs');
const path = require('path');

const SVG_ICONS_FOLDER = './app/images/icons';
const ASSET_EXT = '.svg';

const getIconNameKebabCase = (fileName) =>
  path.basename(fileName, ASSET_EXT).replace('icon-', '');

const getIconNameInSnakeCase = (fileName) =>
  path
    .basename(fileName, ASSET_EXT)
    .replace('icon-', '')
    .replace(/-/gu, '_')
    .toUpperCase();

const generateIconNames = () => {
  const iconNames = {};

  const svgIconsFolderPath = path.join(__dirname, `../${SVG_ICONS_FOLDER}`);

  const fileList = fs.readdirSync(svgIconsFolderPath);

  const svgIconsFileList = fileList.filter(
    (fileName) => path.extname(fileName) === ASSET_EXT,
  );

  svgIconsFileList.forEach(
    (fileName) =>
      (iconNames[getIconNameInSnakeCase(fileName)] =
        getIconNameKebabCase(fileName)),
  );

  const iconNamesStringified = JSON.stringify(iconNames);

  return iconNamesStringified;
};

module.exports = { generateIconNames };