Typescript support in icons package (#514)

* Fix tsconfig for tokens package. Didn't realise that this was missing... * Add typescript and typescript config * Rename index.js -> index.ts * Rename file endings for icons in figma broker
equinor · Nov 13, 2020 · f9f566f · f9f566f
1 parent ca8b367
commit f9f566f
Show file tree

Hide file tree

Showing 10 changed files with 326 additions and 6 deletions.
diff --git a/apps/figma-broker/actions/createAssets.js b/apps/figma-broker/actions/createAssets.js
@@ -76,7 +76,7 @@ export const ${name} = {
     R.head,
   )(assets)
 
-  writeFile(PATHS.ICON_FILES, 'index', 'js', jsFile)
+  writeFile(PATHS.ICON_FILES, 'index', 'ts', jsFile)
 }
 
 const writeJsonAssets = (assets) => {

diff --git a/libraries/icons/index.js → libraries/icons/index.ts b/libraries/icons/index.js → libraries/icons/index.ts
diff --git a/libraries/icons/package.json b/libraries/icons/package.json
@@ -37,7 +37,9 @@
   ],
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^8.0.1",
-    "rollup": "^2.15.0"
+    "rollup": "^2.15.0",
+    "rollup-plugin-typescript2": "^0.27.2",
+    "typescript": "^4.0.2"
   },
   "engines": {
     "pnpm": ">=4",

diff --git a/libraries/icons/pnpm-lock.yaml b/libraries/icons/pnpm-lock.yaml
diff --git a/libraries/icons/rollup.config.js b/libraries/icons/rollup.config.js
@@ -1,15 +1,24 @@
 import resolve from '@rollup/plugin-node-resolve'
 import pkg from './package.json'
+import typescript from 'rollup-plugin-typescript2'
 import commonjsPkg from './commonjs/package.json'
 
 // eslint-disable-next-line import/no-default-export
 export default [
   {
-    input: 'index.js',
+    input: 'index.ts',
     watch: {
       clearScreen: true,
     },
-    plugins: [resolve()],
+    plugins: [
+      resolve(),
+      typescript({
+        tsconfig: 'tsconfig.json',
+        typescript: require('typescript'),
+        include: ['*.ts+(|x)', '**/*.ts+(|x)', '*.js+(|x)', '**/*.js+(|x)'],
+        exclude: ['node_modules/**'],
+      }),
+    ],
     output: [
       {
         file: pkg.module,

diff --git a/libraries/icons/tsconfig.json b/libraries/icons/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "lib": ["dom", "es2015"],
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "sourceMap": false,
+    "allowJs": true,
+    "checkJs": true,
+    "noEmit": true,
+    "jsx": "react"
+  },
+  "include": ["index.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/libraries/tokens/package.json b/libraries/tokens/package.json
@@ -38,6 +38,7 @@
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^8.0.1",
     "rollup": "^2.15.0",
+    "rollup-plugin-typescript2": "^0.27.2",
     "typescript": "^4.0.2"
   },
   "engines": {