123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- import fs from 'fs-extra'
- import path from 'path'
- import { PACKAGES_DIR, readSvgs, readAliases, toPascalCase } from './helpers.mjs'
- import { stringify } from 'svgson'
- import prettier from "@prettier/sync"
- /**
- * Build icons
- *
- * @param name
- * @param componentTemplate
- * @param indexIconTemplate
- * @param typeDefinitionsTemplate
- * @param indexTypeTemplate
- * @param extension
- * @param pretty
- */
- export const buildIcons = ({
- name,
- componentTemplate,
- indexItemTemplate,
- typeDefinitionsTemplate,
- indexTypeTemplate,
- aliasTemplate,
- extension = 'js',
- pretty = true,
- key = true,
- pascalCase = false,
- pascalName = true,
- indexFile = 'icons.js'
- }) => {
- const DIST_DIR = path.resolve(PACKAGES_DIR, name);
- const svgFiles = readSvgs(),
- aliases = readAliases()
- let index = []
- let typings = []
- svgFiles.forEach((svgFile, i) => {
- const children = svgFile.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'
- })
- let component = componentTemplate({
- name: svgFile.name,
- namePascal: svgFile.namePascal,
- children,
- stringify,
- svg: svgFile
- })
- // Format component
- const output = pretty ? prettier.format(component, {
- singleQuote: true,
- trailingComma: 'all',
- parser: 'babel'
- }) : component
- let filePath = path.resolve(DIST_DIR, 'src/icons', `${pascalName ? svgFile.namePascal : svgFile.name}.${extension}`)
- fs.writeFileSync(filePath, output, 'utf-8')
- index.push(indexItemTemplate({
- name: svgFile.name,
- namePascal: svgFile.namePascal
- }))
- if (indexTypeTemplate) {
- typings.push(indexTypeTemplate({
- name: svgFile.name,
- namePascal: svgFile.namePascal
- }))
- }
- })
- // Write aliases
- if (aliases && aliasTemplate) {
- let aliasesStr = '';
- 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')
- } else {
- fs.writeFileSync(path.resolve(DIST_DIR, `./src/aliases.ts`), `export {};`, 'utf-8')
- }
- // Write index file
- fs.writeFileSync(path.resolve(DIST_DIR, `./src/${indexFile}`), index.join('\n'), 'utf-8')
- // Write type definitions
- if (typeDefinitionsTemplate) {
- fs.ensureDirSync(path.resolve(DIST_DIR, `./dist/`))
- fs.writeFileSync(path.resolve(DIST_DIR, `./dist/tabler-${name}.d.ts`), typeDefinitionsTemplate() + '\n' + typings.join('\n'), 'utf-8')
- }
- }
|