New: Add sucrase for typescript extensions (#66)

Co-authored-by: Flip Sasser <flip@inthebackforty.com>

README.md

@@ -160,6 +160,7 @@ Map file types to modules which provide a [require.extensions] loader.
     'typescript-node/register',
     'typescript-register',
     'typescript-require',
+    'sucrase/register/ts',
     {
       module: '@babel/register',
       register: function(hook) {
@@ -174,6 +175,7 @@ Map file types to modules which provide a [require.extensions] loader.
   '.tsx': [
     'ts-node/register',
     'typescript-node/register',
+    'sucrase/register',
     {
       module: '@babel/register',
       register: function(hook) {

index.js

@@ -142,6 +142,7 @@ var extensions = {
     'typescript-node/register',
     'typescript-register',
     'typescript-require',
+    'sucrase/register/ts',
     {
       module: '@babel/register',
       register: function(hook) {
@@ -156,6 +157,7 @@ var extensions = {
   '.tsx': [
     'ts-node/register',
     'typescript-node/register',
+    'sucrase/register',
     {
       module: '@babel/register',
       register: function(hook) {

test/fixtures/ts/4/package.json

@@ -1,9 +1,5 @@
 {
   "dependencies": {
-    "@babel/core": "^7.2.2",
-    "@babel/preset-env": "^7.2.3",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/preset-typescript": "^7.1.0",
-    "@babel/register": "^7.0.0"
+    "sucrase": "^3.12.1"
   }
 }

test/fixtures/ts/4/test.ts

@@ -1,5 +1,15 @@
-import Component from "./component"
+var test = {
+  data: {
+    trueKey: true,
+    falseKey: false,
+    subKey: {
+      subProp: 1
+    }
+  }
+};
 
-var test = { ...Component }
+var main = {
+  default: test
+};
 
-export default test
+export = main;

test/fixtures/ts/4/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",
+    "declaration": false,
+    "noImplicitAny": false,
+    "removeComments": true,
+    "sourceMap": true,
+    "outDir": ".tmp"
+  }
+}

test/fixtures/ts/5/package.json

@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@babel/core": "^7.2.2",
+    "@babel/preset-env": "^7.2.3",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-typescript": "^7.1.0",
+    "@babel/register": "^7.0.0"
+  }
+}

test/fixtures/ts/5/test.ts

@@ -0,0 +1,5 @@
+import Component from "./component"
+
+var test = { ...Component }
+
+export default test

test/fixtures/tsx/2/package.json

@@ -1,9 +1,5 @@
 {
   "dependencies": {
-    "@babel/core": "^7.2.2",
-    "@babel/preset-env": "^7.2.3",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/preset-typescript": "^7.1.0",
-    "@babel/register": "^7.0.0"
+    "sucrase": "^3.12.1"
   }
 }

test/fixtures/tsx/2/test.tsx

@@ -1,7 +1,5 @@
-import data from "./data"
-
 const React = {
-  createElement(Component: () => any) {
+  createElement (Component: () => any) {
     return Component()
   }
 }
@@ -14,7 +12,7 @@ const Component = () => {
 
   // Test harmony object short notation.
   return { data: { trueKey, falseKey, subKey } }
-}
+};
 
 // Test TSX syntax.
-export default <Component {...data} />
+export default <Component />

test/fixtures/tsx/2/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",
+    "declaration": false,
+    "noImplicitAny": false,
+    "removeComments": true,
+    "sourceMap": true,
+    "outDir": ".tmp",
+    "jsx": "react"
+  }
+}

test/fixtures/tsx/3/package.json

@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@babel/core": "^7.2.2",
+    "@babel/preset-env": "^7.2.3",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-typescript": "^7.1.0",
+    "@babel/register": "^7.0.0"
+  }
+}

test/fixtures/tsx/3/test.tsx

@@ -0,0 +1,20 @@
+import data from "./data"
+
+const React = {
+  createElement(Component: () => any) {
+    return Component()
+  }
+}
+
+// Test harmony arrow functions.
+const Component = () => {
+  var trueKey = true
+  var falseKey = false
+  var subKey = { subProp: 1 }
+
+  // Test harmony object short notation.
+  return { data: { trueKey, falseKey, subKey } }
+}
+
+// Test TSX syntax.
+export default <Component {...data} />

test/index.js

@@ -55,6 +55,7 @@ var minVersions = {
   earlgrey: { major: 0, minor: 12 },
   esm: { major: 6, minor: 0 },
   json5: { major: 6, minor: 0 },
+  sucrase: { major: 8, minor: 0 },
   'ts-node': { major: 4, minor: 0 },
   wisp: { major: 0, minor: 12 },
   'require-xml': { major: 6, minor: 0 },