mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
23b412c13f
* Adding global index.js file * Removing style prop from button base * Fixing comment on generate-icon-names.js file * Re-ordering sass imports to atomic structure * Updating component paths code examples of MDX docs
46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
/**
|
|
* 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 = async () => {
|
|
const iconNames = {};
|
|
|
|
const svgIconsFolderPath = path.join(__dirname, `../${SVG_ICONS_FOLDER}`);
|
|
|
|
const fileList = await fs.promises.readdir(svgIconsFolderPath);
|
|
|
|
const svgIconsFileList = fileList.filter(
|
|
(fileName) => path.extname(fileName) === ASSET_EXT,
|
|
);
|
|
|
|
svgIconsFileList.forEach(
|
|
(fileName) =>
|
|
(iconNames[getIconNameInSnakeCase(fileName)] =
|
|
getIconNameKebabCase(fileName)),
|
|
);
|
|
|
|
return iconNames;
|
|
};
|
|
|
|
module.exports = { generateIconNames };
|