Merge pull request #19 from MKAbuMattar/dev-ts

Dev ts

.babelrc

@@ -1,11 +1,7 @@
 {
   "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": "defaults"
-      }
-    ],
-    "@babel/preset-react"
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-typescript"
   ]
 }

.gitignore

@@ -44,7 +44,7 @@ yarn-error.log*
 **/public/fallback-*.js
 
 
-generate/tmp-data.json
+generate/tmp.data.json
 
 lib
 
@@ -54,4 +54,8 @@ lib
 
 generate/build.config.json
 
-*.tgz
+*.tgz
+
+dist
+
+bundle.analysis.html

.storybook/main.js

@@ -1,10 +1,4 @@
 module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials"
-  ]
-}
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+}

.storybook/preview.js

@@ -1,9 +1,9 @@
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
+  actions: { argTypesRegex: '^on[A-Z].*' },
   controls: {
     matchers: {
       color: /(background|color)$/i,
       date: /Date$/,
     },
   },
-}
+}

README.md

@@ -16,7 +16,7 @@
         <img src="https://raw.githubusercontent.com/MKAbuMattar/devicons-react/main/docs/assets/img/logo.png" alt="Devicon Logo" height="140" />
     </a>
     <p align="center">
-        devicons-react aims to gather all logos representing development languages and tools, build into <a href="https://github.com/devicons/devicon">devicon</a>
+        Devicons React is a collection of icons that symbolize programming languages, design tools, and development software, build into <a href="https://github.com/devicons/devicon">devicon</a>
     </p>
     <p align="center">
         <a target="__blank" href="https://devicons-react.vercel.app/">Demo</a>

docs/package.json

@@ -8,7 +8,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "devicons-react": "^1.1.4",
+    "devicons-react": "^1.1.9",
     "highlight.js": "^11.5.0",
     "next": "12.1.1",
     "next-pwa": "^5.4.6",

generate/generate.data.js

@@ -0,0 +1,22 @@
+const testFolder = './src/icons'
+const fs = require('fs')
+const path = require('path')
+
+let name
+let componentName
+let fileName
+let obj = {}
+const data = []
+
+fs.readdirSync(testFolder).forEach((file) => {
+  name = file
+    .replace(/([A-Z])/g, ' $1')
+    .trim()
+    .replace('.tsx', '')
+  componentName = file.replace('.tsx', '')
+  fileName = `devicons-react/icons/${file.replace('.tsx', '')}`
+  obj = { name: name, componentName: componentName, fileName: fileName }
+  data.push(obj)
+})
+
+fs.writeFileSync(path.resolve(__dirname, 'tmp.data.json'), JSON.stringify(data))

generate/utils/build.util.js

@@ -0,0 +1,26 @@
+/* eslint-disable import/prefer-default-export */
+const fs = require('fs')
+
+export const getFiles = (entry, extensions = [], excludeExtensions = []) => {
+  let fileNames = []
+  const dirs = fs.readdirSync(entry)
+
+  dirs.forEach((dir) => {
+    const path = `${entry}/${dir}`
+
+    if (fs.lstatSync(path).isDirectory()) {
+      fileNames = [...fileNames, ...getFiles(path, extensions, excludeExtensions)]
+
+      return
+    }
+
+    if (
+      !excludeExtensions.some((exclude) => dir.endsWith(exclude)) &&
+      extensions.some((ext) => dir.endsWith(ext))
+    ) {
+      fileNames.push(path)
+    }
+  })
+
+  return fileNames
+}

index-template.js

@@ -8,7 +8,7 @@ function defaultIndexTemplate(filePaths) {
     const exportName = /^\d/.test(basename) ? `Svg${basename}` : basename
     return `export { default as ${exportName} } from './icons/${basename}'`
   })
-  fs.writeFileSync(path.resolve(__dirname, 'src/index.js'), exportEntries.join('\n'))
+  fs.writeFileSync(path.resolve(__dirname, 'src/index.ts'), exportEntries.join('\n'))
   return exportEntries.join('\n')
 }