cleanup & fix babel not picking up tsx files

.babelrc.js

@@ -42,6 +42,13 @@ module.exports = {
     '@babel/preset-flow',
   ],
   plugins: [
+    [
+      'module-resolver',
+      {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        root: ['./'],
+      },
+    ],
     [
       '@babel/plugin-proposal-decorators',
       {

scripts/utils/compile-babel.js

@@ -14,9 +14,9 @@ function getCommand(watch, dir) {
 
   const args = [
     './src',
-    `--out-dir ${dir}`,
-    `--config-file ${path.resolve(__dirname, '../../.babelrc.js')}`,
-    `--copy-files`,
+    `--out-dir=${dir}`,
+    `--config-file=${path.resolve(__dirname, '../../.babelrc.js')}`,
+    // `--copy-files`,
   ];
 
   /*
@@ -25,9 +25,9 @@ function getCommand(watch, dir) {
    * Only transpile .js and let tsc do the job for .ts files
    */
   if (process.cwd().includes(path.join('addons', 'storyshots'))) {
-    args.push(`--extensions ".js"`);
+    args.push(`--extensions=".js"`);
   } else {
-    args.push(`--extensions ".js,.jsx,.ts,.tsx"`);
+    args.push(`--extensions=.js,.jsx,.ts,.tsx`);
   }
 
   if (watch) {
@@ -53,10 +53,10 @@ async function run({ watch, dir, silent, errorCallback }) {
 
     if (command !== '') {
       const child = execa.command(command, {
-        async: true,
-        silent: true,
-        env: { ...process.env, BABEL_MODE: path.basename(dir) },
+        buffer: false,
+        env: { BABEL_MODE: path.basename(dir) },
       });
+
       let stderr = '';
 
       if (watch) {

scripts/utils/watch-both.ts

@@ -1,37 +0,0 @@
-import { readJSON } from 'fs-extra';
-import path from 'path';
-// @ts-ignore
-import { tscfy } from './compile-tsc';
-// @ts-ignore
-import { babelify } from './compile-babel';
-
-async function run() {
-  const packageJson = await readJSON(path.join(process.cwd(), 'package.json'));
-
-  if (packageJson.bundlerEntrypoint) {
-    console.log('bundling...');
-    (await import('../bundle-package')).run({
-      cwd: process.cwd(),
-      flags: ['--watch'],
-    });
-  } else {
-    tscfy({
-      watch: true,
-      silent: false,
-      // eslint-disable-next-line no-console
-      errorCallback: () => console.error('Failed to compile ts'),
-    });
-    babelify({
-      modules: true,
-      silent: false,
-      watch: true,
-      // eslint-disable-next-line no-console
-      errorCallback: () => console.error('Failed to compile js'),
-    });
-  }
-}
-
-run().catch((e) => {
-  console.log(e);
-  process.exit(1);
-});