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

index.js

@@ -35,6 +35,18 @@ function endsInEsbuildTs(filename) {
 function endsInEsbuildTsx(filename) {
   return filename.endsWith('.esbuild.tsx');
 }
+function endsInSucraseJs(filename) {
+  return filename.endsWith('.sucrase.js');
+}
+function endsInSucraseJsx(filename) {
+  return filename.endsWith('.sucrase.jsx');
+}
+function endsInSucraseTs(filename) {
+  return filename.endsWith('.sucrase.ts');
+}
+function endsInSucraseTsx(filename) {
+  return filename.endsWith('.sucrase.tsx');
+}
 
 var mjsStub = path.join(__dirname, 'mjs-stub');
 
@@ -152,6 +164,38 @@ var extensions = {
   '.litcoffee': 'coffeescript/register',
   '.mjs': mjsStub,
   '.node': null,
+  '.sucrase.js': {
+    module: 'sucrase/dist/register',
+    register: function (hook) {
+      hook.registerJS({
+        matcher: endsInSucraseJs
+      });
+    }
+  },
+  '.sucrase.jsx': {
+    module: 'sucrase/dist/register',
+    register: function (hook) {
+      hook.registerJSX({
+        matcher: endsInSucraseJsx
+      });
+    }
+  },
+  '.sucrase.ts': {
+    module: 'sucrase/dist/register',
+    register: function (hook) {
+      hook.registerTS({
+        matcher: endsInSucraseTs
+      });
+    }
+  },
+  '.sucrase.tsx': {
+    module: 'sucrase/dist/register',
+    register: function (hook) {
+      hook.registerTSX({
+        matcher: endsInSucraseTsx
+      });
+    }
+  },
   '.toml': {
     module: 'toml-require',
     register: function (hook) {

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

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "sucrase": "^3.12.1"
+  }
+}

test/fixtures/sucrase.js/0/test.sucrase.js

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

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

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "sucrase": "^3.12.1"
+  }
+}

test/fixtures/sucrase.jsx/0/test.sucrase.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/sucrase.ts/0/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "sucrase": "^3.12.1"
+  }
+}

test/fixtures/sucrase.ts/0/test.sucrase.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/sucrase.tsx/0/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "sucrase": "^3.12.1"
+  }
+}

test/fixtures/sucrase.tsx/0/test.sucrase.tsx

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

test/index.js

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