Add tsx loader support

Author: AyushGupta05

README.md

@@ -127,12 +127,14 @@ A sample of an entry containing multiple hooks would look like:
   - '@babel/register'
   - esbuild-register/dist/node
   - '@swc/register'
+  - tsx/dist/cjs/index.cjs
 .tsx:
   - ts-node/register
   - sucrase/register/tsx
   - '@babel/register'
   - esbuild-register/dist/node
   - '@swc/register'
+  - tsx/dist/cjs/index.cjs
 .yaml:
   - yaml-hook/register
 .yml:
@@ -203,12 +205,14 @@ The `jsVariants` is the same mapping as above, but only include the extensions w
   - '@babel/register'
   - esbuild-register/dist/node
   - '@swc/register'
+  - tsx/dist/cjs/index.cjs
 .tsx:
   - ts-node/register
   - sucrase/register/tsx
   - '@babel/register'
   - esbuild-register/dist/node
   - '@swc/register'
+  - tsx/dist/cjs/index.cjs
 ```
 
 ## License

index.js

@@ -424,6 +424,7 @@ var extensions = {
         );
       },
     },
+    'tsx/dist/cjs/index.cjs',
   ],
   '.cts': ['ts-node/register'],
   '.tsx': [
@@ -498,6 +499,7 @@ var extensions = {
         );
       },
     },
+    'tsx/dist/cjs/index.cjs',
   ],
   '.yaml': 'yaml-hook/register',
   '.yml': 'yaml-hook/register',

test/fixtures/ts/5/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "tsx": "^4.21.0"
+  }
+}

test/fixtures/ts/5/test.ts

@@ -0,0 +1,15 @@
+var test = {
+  data: {
+    trueKey: true,
+    falseKey: false,
+    subKey: {
+      subProp: 1,
+    },
+  },
+};
+
+var main = {
+  default: test,
+};
+
+export = main;

test/fixtures/tsx/5/data.tsx

@@ -0,0 +1,13 @@
+export const data: {
+  trueKey: boolean;
+  falseKey: boolean;
+  subKey: {
+    subProp: number;
+  };
+} = {
+  trueKey: true,
+  falseKey: false,
+  subKey: {
+    subProp: 1,
+  },
+};

test/fixtures/tsx/5/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "tsx": "^4.21.0"
+  }
+}

test/fixtures/tsx/5/test.tsx

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+
+import { data } from './data';
+
+function Component(props: object) {
+  return { data: props };
+}
+
+function jsx(element: typeof Component, props: object) {
+  return element(props);
+}
+
+export default <Component {...data} />;

test/index.js

@@ -51,6 +51,7 @@ function cleanup() {
 // These modules need newer node features
 var minVersions = {
   '@mdx-js/register': { major: 12 },
+  tsx: { major: 18 },
 };
 
 var maxVersions = {};