Support Async/Await in Rollup Plugins (#208)

* feat: support rollup-plugins that use async/await

fix: tweak plugin and build config re types/declarations

fix: remove console.log; reimplement babel-plugin

chore: resolve PR comments

* chore: address feedback, fix conflicts, & rebase

package.json

@@ -35,11 +35,14 @@
     "@babel/core": "^7.4.4",
     "@babel/helper-module-imports": "^7.0.0",
     "@babel/plugin-proposal-class-properties": "^7.4.4",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-transform-regenerator": "^7.4.5",
+    "@babel/plugin-transform-runtime": "^7.6.0",
     "@babel/polyfill": "^7.4.4",
     "@babel/preset-env": "^7.4.4",
     "@typescript-eslint/eslint-plugin": "^2.3.1",
     "@typescript-eslint/parser": "^2.3.1",
+    "@wessberg/rollup-plugin-ts": "^1.1.65",
     "ansi-escapes": "^3.2.0",
     "asyncro": "^3.0.0",
     "babel-eslint": "^10.0.3",
@@ -83,7 +86,6 @@
     "rollup-plugin-size-snapshot": "^0.8.0",
     "rollup-plugin-sourcemaps": "^0.4.2",
     "rollup-plugin-terser": "^4.0.4",
-    "rollup-plugin-typescript2": "^0.21.1",
     "sade": "^1.4.2",
     "tiny-glob": "^0.2.6",
     "ts-jest": "^24.0.2",

src/createRollupConfig.ts

@@ -8,7 +8,9 @@ import json from 'rollup-plugin-json';
 import replace from 'rollup-plugin-replace';
 import resolve from 'rollup-plugin-node-resolve';
 import sourceMaps from 'rollup-plugin-sourcemaps';
-import typescript from 'rollup-plugin-typescript2';
+import ts from '@wessberg/rollup-plugin-ts';
+import { ScriptTarget, JsxEmit } from 'typescript';
+import path from 'path';
 import { extractErrors } from './errors/extractErrors';
 import { babelPluginTsdx } from './babelPluginTsdx';
 import { TsdxOptions } from './types';
@@ -125,22 +127,22 @@ export function createRollupConfig(opts: TsdxOptions) {
           };
         },
       },
-      typescript({
-        typescript: require('typescript'),
-        cacheRoot: `./.rts2_cache_${opts.format}`,
-        tsconfig: opts.tsconfig,
-        tsconfigDefaults: {
-          compilerOptions: {
-            sourceMap: true,
-            declaration: true,
-            jsx: 'react',
-          },
-        },
-        tsconfigOverride: {
-          compilerOptions: {
-            target: 'esnext',
+      ts({
+        hook: {
+          outputPath: (fp, kind) => {
+            if (/declaration/.test(kind) && opts.format === 'esm') {
+              return path.join(path.dirname(fp), 'index.d.ts');
+            }
           },
         },
+        tsconfig: tsconfig => ({
+          ...tsconfig,
+          target: ScriptTarget.ESNext,
+          sourceMap: true,
+          declaration: opts.format === 'esm',
+          jsx: JsxEmit.React,
+        }),
+        transpiler: 'babel',
       }),
       babelPluginTsdx({
         exclude: 'node_modules/**',

src/index.ts

@@ -255,7 +255,7 @@ prog
         version: '0.1.0',
         main: 'dist/index.js',
         module: `dist/${safeName}.esm.js`,
-        typings: 'dist/index.d.ts',
+        typings: `dist/index.d.ts`,
         files: ['dist'],
         scripts: {
           start: 'tsdx watch',

test/fixtures/build-default/tsconfig.json

@@ -25,5 +25,5 @@
     "jsx": "react",
     "esModuleInterop": true
   },
-  "include": ["src", "types"],
-}
+  "include": ["src", "types"]
+}

tsconfig.json

@@ -14,6 +14,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": true,
     "skipLibCheck": true,
-    "target": "es2017",
+    "target": "es2017"
   }
-}
+}