feat: add typescript

.gitignore

@@ -1,2 +1,2 @@
 node_modules
-lib
+dist

build/generate.js → commands/generate.js

@@ -4,8 +4,8 @@ const cheerio = require('cheerio')
 const upperCamelCase = require('uppercamelcase')
 const svgr = require('@svgr/core').default
 
-const iconsComponentPath = path.join(process.cwd(), 'icons')
-const iconsIndexPath = path.join(process.cwd(), 'index.js')
+const iconsComponentPath = path.join(process.cwd(), 'src/icons')
+const iconsIndexPath = path.join(process.cwd(), 'src/index.ts')
 const uniconsConfig = require('@iconscout/unicons/json/monochrome.json')
 
 const COLOR_CLASS = {
@@ -44,23 +44,23 @@ const babelTransform = (component) => {
 
 uniconsConfig.forEach(icon => {
   const baseName = `uim-${icon.name}`
-  const location = path.join(iconsComponentPath, `${baseName}.js`)
+  const location = path.join(iconsComponentPath, `${baseName}.tsx`)
   const name = upperCamelCase(baseName)
   let svgFile = fs.readFileSync(path.resolve('node_modules/@iconscout/unicons', icon.svg), 'utf-8')
-
+  
   Object.keys(COLOR_CLASS).forEach(key => {
     svgFile = svgFile.replace(new RegExp(key, 'g'), COLOR_CLASS[key])
   })
 
-  svgr(svgFile, { svgo: false, expandProps: 'start', svgProps: { width: "{props.size || '1em'}", height: "{props.size || '1em'}", fill: 'currentColor', className: "{`ui-svg-inline ${props.className || ''}`}" } }, { componentName: name }).then(template => {
-    babelTransform(template).then(code => {
-      // Add CSS in reactComponent
-      reactComponent = code.replace(`import * as React from "react";`, `import * as React from "react";\nimport "../utils/style.css";`)
-      fs.writeFileSync(location, reactComponent, 'utf-8')
-    })
+  svgr(svgFile, { typescript: true, svgo: false, svgProps: { width: "{props.size || '1em'}", height: "{props.size || '1em'}", fill: 'currentColor' } }, { componentName: name }).then(template => {
+    const updatedTemplate = template
+      .replace(`import * as React from "react";`, `import * as React from "react";\nimport { UimIconProps } from "../index.types"\nimport "../utils/style.css";`)
+      .replace(`props: React.SVGProps<SVGSVGElement>`, 'props: UimIconProps');
+
+    fs.writeFileSync(location, updatedTemplate, 'utf-8')
   })
 
-  // Add it to index.js
+  // Add it to index.ts
   indexJs.push(`export { default as ${name} } from './icons/${baseName}'`)
 })