feat(typescript): Add typescript support for UI components library (f…

…reeCodeCamp#43541) * Add TS configs and improve dir structure * Add TS configs and improve dir structure * Fix components exports from index * chore: prettier * Add tsconfig and then fix the linter warnings * Add @babel/preset-typescript * Fix eslint rule and update btn component to fix storybook * Fix TS and Jest configs Converted all remaining files to TS as well * Remove TS ignored rules and fixed some TS & jest stuff * Revert to old directory structure * Use absolute versions in package.json * enable ts strict to infer types Co-authored-by: Hamza Waleed <[email protected]>
My-Temple · Sep 28, 2021 · ebec670 · ebec670
1 parent cc13291
commit ebec670
Show file tree

Hide file tree

Showing 15 changed files with 480 additions and 142 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -47,7 +47,8 @@
       "parserOptions": {
         "project": [
           "./client/tsconfig.json",
-          "./tools/challenge-helper-scripts/tsconfig.json"
+          "./tools/challenge-helper-scripts/tsconfig.json",
+          "./tools/ui-components/tsconfig.json"
         ]
       },
       "extends": [

diff --git a/babel.config.js b/babel.config.js
@@ -1 +1,3 @@
-module.exports = { babelrcRoots: ['./api-server', './client'] };
+module.exports = {
+  babelrcRoots: ['./api-server', './client']
+};
diff --git a/jest.transform.js b/jest.transform.js
@@ -8,7 +8,8 @@ const babelOptions = {
         }
       }
     ],
-    '@babel/react'
+    '@babel/react',
+    '@babel/preset-typescript'
   ]
 };
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -65,7 +65,7 @@
     "lint:challenges": "cd ./curriculum && npm run lint",
     "lint:css": "npm run prettier -- --check",
     "lint:js": "eslint --max-warnings 0 .",
-    "lint:ts": "tsc -p client",
+    "lint:ts": "tsc -p client && tsc -p tools/ui-components",
     "lint:translations": "cd ./client && npm run lint",
     "postinstall": "npm run bootstrap",
     "prettier": "prettier \"**/*.css\"",

diff --git a/tools/ui-components/.babelrc.json → tools/ui-components/.babelrc.js b/tools/ui-components/.babelrc.json → tools/ui-components/.babelrc.js
@@ -1,14 +1,15 @@
-{
+module.exports = {
   "presets": [
+    "@babel/preset-react",
+    "@babel/preset-typescript",
     [
       "@babel/preset-env",
       {
         "targets": {
           "browsers": [">0.25%", "not dead"]
         }
       }
-    ],
-    "@babel/preset-react"
+    ]
   ],
   "plugins": [["transform-react-remove-prop-types", { "removeImport": true }]]
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,7 +8,8 @@ const babelOptions = { @@
             }
           }
         ],
-        '@babel/react'
+        '@babel/react',
+        '@babel/preset-typescript'
       ]
     };
@@ Expand Down @@