feat: Add support for .swc.(js|jsx|ts|tsx) extensions

index.js

@@ -47,6 +47,18 @@ function endsInSucraseTs(filename) {
 function endsInSucraseTsx(filename) {
   return filename.endsWith('.sucrase.tsx');
 }
+function endsInSwcJs(filename) {
+  return filename.endsWith('.swc.js');
+}
+function endsInSwcJsx(filename) {
+  return filename.endsWith('.swc.jsx');
+}
+function endsInSwcTs(filename) {
+  return filename.endsWith('.swc.ts');
+}
+function endsInSwcTsx(filename) {
+  return filename.endsWith('.swc.tsx');
+}
 
 var mjsStub = path.join(__dirname, 'mjs-stub');
 
@@ -199,6 +211,46 @@ var extensions = {
       });
     },
   },
+  '.swc.js': {
+    module: '@swc/register',
+    register: function (hook) {
+      hook({
+        extensions: '.js',
+        only: [endsInSwcJs],
+        ignore: [isNodeModules],
+      });
+    },
+  },
+  '.swc.jsx': {
+    module: '@swc/register',
+    register: function (hook) {
+      hook({
+        extensions: '.jsx',
+        only: [endsInSwcJsx],
+        ignore: [isNodeModules],
+      });
+    },
+  },
+  '.swc.ts': {
+    module: '@swc/register',
+    register: function (hook) {
+      hook({
+        extensions: '.ts',
+        only: [endsInSwcTs],
+        ignore: [isNodeModules],
+      });
+    },
+  },
+  '.swc.tsx': {
+    module: '@swc/register',
+    register: function (hook) {
+      hook({
+        extensions: '.tsx',
+        only: [endsInSwcTsx],
+        ignore: [isNodeModules],
+      });
+    },
+  },
   '.toml': {
     module: 'toml-require',
     register: function (hook) {
@@ -293,6 +345,14 @@ var jsVariantExtensions = [
   '.jsx',
   '.litcoffee',
   '.mjs',
+  '.sucrase.js',
+  '.sucrase.jsx',
+  '.sucrase.ts',
+  '.sucrase.tsx',
+  '.swc.js',
+  '.swc.jsx',
+  '.swc.ts',
+  '.swc.tsx',
   '.ts',
   '.tsx',
 ];

test/fixtures/swc.js/0/.swcrc

@@ -0,0 +1,10 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "ecmascript"
+    }
+  },
+  "module": {
+    "type": "commonjs"
+  }
+}

test/fixtures/swc.js/0/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@swc/core": "^1.2.110",
+    "@swc/register": "^0.1.7"
+  }
+}

test/fixtures/swc.js/0/test.swc.js

@@ -0,0 +1,14 @@
+class Foo {
+  #x = 1;
+  #y = 2;
+}
+
+export default {
+  data: {
+    trueKey: true,
+    falseKey: false,
+    subKey: {
+      subProp: 1,
+    },
+  },
+};

test/fixtures/swc.jsx/0/.swcrc

@@ -0,0 +1,11 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "ecmascript",
+      "jsx": true
+    }
+  },
+  "module": {
+    "type": "commonjs"
+  }
+}

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

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@swc/core": "^1.2.110",
+    "@swc/register": "^0.1.7"
+  }
+}

test/fixtures/swc.jsx/0/test.swc.jsx

@@ -0,0 +1,28 @@
+const React = {
+  createElement(Component) {
+    return Component();
+  },
+};
+
+class Foo {
+  #x = 1;
+  #y = 2;
+}
+
+function Bar() {
+  const foo = new Foo();
+
+  return foo;
+}
+
+const a = <Bar />;
+
+export default {
+  data: {
+    trueKey: true,
+    falseKey: false,
+    subKey: {
+      subProp: 1,
+    },
+  },
+};

test/fixtures/swc.ts/0/.swcrc

@@ -0,0 +1,10 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "typescript"
+    }
+  },
+  "module": {
+    "type": "commonjs"
+  }
+}

test/fixtures/swc.ts/0/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@swc/core": "^1.2.110",
+    "@swc/register": "^0.1.7"
+  }
+}

test/fixtures/swc.ts/0/test.swc.ts

@@ -0,0 +1,14 @@
+class Foo {
+  #x: number = 1;
+  #y: number = 2;
+}
+
+export default {
+  data: {
+    trueKey: true as boolean,
+    falseKey: false as boolean,
+    subKey: {
+      subProp: 1,
+    },
+  },
+} as const;

test/fixtures/swc.tsx/0/.swcrc

@@ -0,0 +1,11 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true
+    }
+  },
+  "module": {
+    "type": "commonjs"
+  }
+}

test/fixtures/swc.tsx/0/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@swc/core": "^1.2.110",
+    "@swc/register": "^0.1.7"
+  }
+}

test/fixtures/swc.tsx/0/test.swc.tsx

@@ -0,0 +1,18 @@
+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 />;

test/index.js

@@ -162,6 +162,10 @@ describe('interpret.extensions', function () {
           case '.sucrase.jsx':
           case '.sucrase.ts':
           case '.sucrase.tsx':
+          case '.swc.js':
+          case '.swc.jsx':
+          case '.swc.ts':
+          case '.swc.tsx':
             expected = {
               default: {
                 data: {