const { readdirSync, writeFileSync } = require("fs");

const isSVG = (file) => /.svg$/.test(file);

const removeExtension = (file) => file.split(".")[0];

// ThisIsPascalCase

const toPascalCase = (string) =>

string

.match(/[a-z0-9]+/gi)

.map((word) => word.charAt(0).toUpperCase() + word.substr(1).toLowerCase())

.join("");

// THIS_IS_SCREAMING_SNAKE_CASE

const toScreamingSnakeCase = (string) =>

string.replace(/-/g, "_").toUpperCase();

const icons = readdirSync("static/icons").filter(isSVG).map(removeExtension);

const IconTypeContent = [

"import React from 'react';",

"import iconNames from './iconNames';",

"",

icons

.map(

(icon) =>

`import ${toPascalCase(

icon,

)}Svg from '../../../static/icons/${icon}.svg';`,

)

.join("\n"),

"",

"function formatIconName(name) {",

" return name && name.replace(/ /g, '').toLowerCase();",

"}",

"",

"export default function IconType({ iconName, ...rest }) {",

" switch (formatIconName(iconName)) {",

icons

.map(

(icon) =>

` case iconNames.${toScreamingSnakeCase(

icon,

)}:\n return <${toPascalCase(icon)}Svg {...rest} />;`,

)

.join("\n"),

" default:",

" return null;",

" }",

"};\n",

].join("\n");

writeFileSync(`src/components/icon/iconType.js`, IconTypeContent);

console.log("Icon Types file created! ✅");