import fs from 'fs-extra' import path from 'path' import { PACKAGES_DIR, getAliases, toPascalCase, getAllIcons } from './helpers.mjs' import { stringify } from 'svgson' /** * Build icons * * @param name * @param componentTemplate * @param indexIconTemplate * @param indexTypeTemplate * @param extension * @param pretty */ export const buildJsIcons = ({ name, componentTemplate, indexItemTemplate, aliasTemplate, extension = 'js', key = true, pascalCase = false, pascalName = true, indexFile = 'icons.ts' }) => { const DIST_DIR = path.resolve(PACKAGES_DIR, name); const aliases = getAliases(), allIcons = getAllIcons(false, true) let index = [] Object.entries(allIcons).forEach(([type, icons]) => { icons.forEach((icon, i) => { process.stdout.write(`Building \`${name}\` ${type} ${i}/${icons.length}: ${icon.name.padEnd(42)}\r`) const children = icon.obj.children .map(({ name, attributes }, i) => { if (key) { attributes.key = `svg-${i}` } if (pascalCase) { attributes.strokeWidth = attributes['stroke-width'] delete attributes['stroke-width'] } return [name, attributes] }) .filter((i) => { const [name, attributes] = i return !attributes.d || attributes.d !== 'M0 0h24v24H0z' }) const iconName = `${icon.name}${type !== 'outline' ? `-${type}` : ''}`, iconNamePascal = `${icon.namePascal}${type !== 'outline' ? toPascalCase(type) : ''}` let component = componentTemplate({ type, name: iconName, namePascal: iconNamePascal, children, stringify, svg: icon.content }) let filePath = path.resolve(DIST_DIR, 'src/icons', `${pascalName ? iconNamePascal : iconName}.${extension}`) fs.writeFileSync(filePath, component, 'utf-8') index.push(indexItemTemplate({ type, name: iconName, namePascal: iconNamePascal })) }) }) fs.writeFileSync(path.resolve(DIST_DIR, `src/icons/${indexFile}`), index.join('\n'), 'utf-8') // Write aliases let aliasesStr = ''; if (aliases && aliasTemplate) { Object.entries(aliases).forEach(([from, to]) => { aliasesStr += aliasTemplate({ from, to, fromPascal: toPascalCase(from), toPascal: toPascalCase(to) }) }) } fs.writeFileSync(path.resolve(DIST_DIR, `./src/aliases.ts`), aliasesStr || `export {};`, 'utf-8') }