Typescript setup for core-react (#515)

* Add typescript packages * Add tsconfig * Couldn't do it without the tslib deps, even if it's supposed to be a dep on rollup-plugin-typescript2 * Disable ts checks as a baseline before porting
equinor · Nov 13, 2020 · 1bd85f7 · 1bd85f7
1 parent 6c3d18f
commit 1bd85f7
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 5 deletions.
diff --git a/libraries/core-react/package.json b/libraries/core-react/package.json
@@ -66,8 +66,9 @@
     "react-dom": "^16.13.1",
     "rollup": "^2.15.0",
     "rollup-plugin-polyfill": "^3.0.0",
-    "styled-components": "4.4.1",
     "ts-jest": "^26.3.0",
+    "rollup-plugin-typescript2": "^0.27.2",
+    "styled-components": "4.4.1",
     "tslib": "^2.0.1",
     "typescript": "^4.0.2"
   },

diff --git a/libraries/core-react/rollup.config.js b/libraries/core-react/rollup.config.js
@@ -4,8 +4,7 @@ import commonjs from '@rollup/plugin-commonjs'
 import json from '@rollup/plugin-json'
 import babel from '@rollup/plugin-babel'
 import polyfill from 'rollup-plugin-polyfill'
-import typescript from '@rollup/plugin-typescript'
-
+import typescript from 'rollup-plugin-typescript2'
 import pkg from './package.json'
 
 const peerDeps = Object.keys(pkg.peerDependencies || {})
@@ -29,8 +28,13 @@ export default [
     },
     plugins: [
       json(),
-      resolve({ extensions }),
-      typescript(),
+      resolve({ extensions: ['.jsx', '.js'] }),
+      typescript({
+        tsconfig: 'tsconfig.json',
+        typescript: require('typescript'),
+        include: ['*.ts+(|x)', '**/*.ts+(|x)', '*.js+(|x)', '**/*.js+(|x)'],
+        exclude: ['node_modules/**'],
+      }),
       babel({
         exclude: 'node_modules/**',
         babelHelpers: 'bundled',

diff --git a/libraries/core-react/src/Avatar/Avatar.tokens.ts b/libraries/core-react/src/Avatar/Avatar.tokens.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 export const avatar = {
   enabled: {
     border: {

diff --git a/libraries/core-react/src/Avatar/index.ts b/libraries/core-react/src/Avatar/index.ts
@@ -1 +1,2 @@
+// @ts-nocheck
 export { Avatar } from './Avatar'
diff --git a/libraries/core-react/src/Divider/Divider.tokens.ts b/libraries/core-react/src/Divider/Divider.tokens.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { tokens } from '@equinor/eds-tokens'
 
 const {

diff --git a/libraries/core-react/src/Divider/index.ts b/libraries/core-react/src/Divider/index.ts
@@ -1 +1,2 @@
+// @ts-nocheck
 export { Divider } from './Divider'