Use babel transpiler for TS in CRA-TS template (codesandbox#1536)

* Use babel transpiler for TS in CRA-TS template

* Remove an integration test

Author: CompuIves

packages/app/integration-tests/tests/__image_snapshots__/X6npLXPRW-snap.png

@@ -17,7 +17,6 @@ const SANDBOXES = [
   'lp5rjr0z4z',
   'nOymMxyY',
   'y26rj99yov', // react transition
-  { id: 'X6npLXPRW', threshold: 0.05 }, // react-table
   '6w66jzw3mn', // material-design & preact
   '4j7m47vlm4', // material-ui
   'github/cssinjs/egghead/tree/master/from-sass-to-cssinjs/templates-and-variables', // postcss egghead

packages/app/integration-tests/tests/sandboxes.test.js

@@ -1,7 +1,6 @@
 import Preset from '../';
 
 import stylesTranspiler from '../../transpilers/style';
-import typescriptTranspiler from '../../transpilers/typescript';
 import jsonTranspiler from '../../transpilers/json';
 import rawTranspiler from '../../transpilers/raw';
 import babelTranspiler from '../../transpilers/babel';
@@ -20,13 +19,60 @@ export default function initialize() {
     { transpiler: stylesTranspiler },
   ]);
 
-  preset.registerTranspiler(module => /\.tsx?$/.test(module.path), [
-    { transpiler: typescriptTranspiler },
-  ]);
-
-  preset.registerTranspiler(module => /\.jsx?$/.test(module.path), [
-    { transpiler: babelTranspiler },
-  ]);
+  const babelOptions = {
+    isV7: true,
+    compileNodeModulesWithEnv: true,
+    config: {
+      plugins: [
+        'transform-flow-strip-types',
+        'transform-destructuring',
+        'babel-plugin-macros',
+        ['proposal-class-properties', { loose: true }],
+        ['proposal-object-rest-spread', { useBuiltIns: true }],
+        [
+          'transform-runtime',
+          {
+            corejs: false,
+            helpers: true,
+            regenerator: true,
+          },
+        ],
+        'syntax-dynamic-import',
+      ],
+      presets: [
+        [
+          'env',
+          {
+            // We want Create React App to be IE 9 compatible until React itself
+            // no longer works with IE 9
+            targets: {
+              ie: 9,
+            },
+            // Users cannot override this behavior because this Babel
+            // configuration is highly tuned for ES5 support
+            ignoreBrowserslistConfig: true,
+            // If users import all core-js they're probably not concerned with
+            // bundle size. We shouldn't rely on magic to try and shrink it.
+            useBuiltIns: false,
+            // Do not transform modules to CJS
+            modules: false,
+          },
+        ],
+        'react',
+        'typescript',
+      ],
+    },
+  };
+  preset.registerTranspiler(
+    module => /\.(t|j)sx?$/.test(module.path) && !module.path.endsWith('.d.ts'),
+    [
+      {
+        transpiler: babelTranspiler,
+        options: babelOptions,
+      },
+    ],
+    true
+  );
 
   preset.registerTranspiler(module => /\.json$/.test(module.path), [
     { transpiler: jsonTranspiler },

packages/app/src/sandbox/eval/presets/create-react-app-typescript/index.js

@@ -79,7 +79,8 @@ export default function initialize() {
             },
           };
           preset.registerTranspiler(
-            module => /\.(t|j)sx?$/.test(module.path),
+            module =>
+              /\.(t|j)sx?$/.test(module.path) && !module.path.endsWith('.d.ts'),
             [
               {
                 transpiler: babelTranspiler,