feat: Support .babel.(jsx|tsx) extensions

index.js

@@ -4,7 +4,9 @@ var endsInJsx = /\.jsx$/;
 var endsInTs = /\.ts$/;
 var endsInTsx = /\.tsx$/;
 var endsInBabelJs = /\.babel\.js$/;
+var endsInBabelJsx = /\.babel\.jsx$/;
 var endsInBabelTs = /\.babel\.ts$/;
+var endsInBabelTsx = /\.babel\.tsx$/;
 var endsInEsbuildJs = /\.esbuild\.js$/;
 var endsInEsbuildJsx = /\.esbuild\.jsx$/;
 var endsInEsbuildTs = /\.esbuild\.ts$/;
@@ -57,6 +59,16 @@ var extensions = {
       },
     },
   ],
+  '.babel.jsx': {
+    module: '@babel/register',
+    register: function(hook) {
+      hook({
+        extensions: '.jsx',
+        rootMode: 'upward-optional',
+        overrides: [{ only: [endsInBabelJsx] }],
+      });
+    },
+  },
   '.babel.ts': [
     {
       module: '@babel/register',
@@ -69,6 +81,16 @@ var extensions = {
       },
     },
   ],
+  '.babel.tsx': {
+    module: '@babel/register',
+    register: function(hook) {
+      hook({
+        extensions: '.tsx',
+        rootMode: 'upward-optional',
+        overrides: [{ only: [endsInBabelTsx] }],
+      });
+    },
+  },
   '.buble.js': 'buble/register',
   '.cirru': 'cirru-script/lib/register',
   '.cjsx': 'node-cjsx/register',

test/fixtures/babel.jsx/0/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-react"],
+}

test/fixtures/babel.jsx/0/package.json

@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "@babel/core": "^7.2.2",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/register": "^7.0.0"
+  }
+}

test/fixtures/babel.jsx/0/test.babel.jsx

@@ -0,0 +1,17 @@
+const React = {
+  createElement: function (Component) {
+    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 JSX syntax
+module.exports = <Component />;

test/fixtures/babel.tsx/0/.babelrc

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    [
+      "@babel/preset-typescript",
+      {
+        "isTSX": true,
+        "allExtensions": true
+      }
+    ]
+  ]
+}

test/fixtures/babel.tsx/0/data.babel.tsx

@@ -0,0 +1,19 @@
+var test: {
+  data: {
+    trueKey: boolean,
+    falseKey: boolean,
+    subKey: {
+      subProp: number
+    }
+  }
+} = {
+  data: {
+    trueKey: true,
+    falseKey: false,
+    subKey: {
+      subProp: 1
+    }
+  }
+}
+
+export default test

test/fixtures/babel.tsx/0/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/babel.tsx/0/test.babel.tsx

@@ -0,0 +1,20 @@
+import data from "./data.babel"
+
+const React = {
+  createElement(Component: () => any) {
+    return Component()
+  }
+}
+
+// Test harmony arrow functions.
+const Component = () => {
+  var trueKey: boolean = true
+  var falseKey: boolean = 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

@@ -156,6 +156,7 @@ describe('interpret.extensions', function() {
         case '.ts':
         case '.tsx':
         case '.esm.js':
+        case '.babel.tsx':
         case '.esbuild.js':
         case '.esbuild.jsx':
         case '.esbuild.ts':