fix(register): tsx file (#800)

Author: Brooooooklyn

packages/integrate-module/package.json

@@ -10,6 +10,10 @@
   "devDependencies": {
     "@swc/core": "^1.6.6",
     "@swc-node/register": "workspace:*",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "typescript": "^5.5.3"
   }
 }

packages/integrate-module/src/component.tsx

@@ -0,0 +1,3 @@
+export function Component() {
+  return <div>Component</div>
+}

packages/integrate-module/src/index.ts

@@ -4,11 +4,13 @@ import test from 'node:test'
 
 import { bar as subBar } from '@subdirectory/bar.mjs'
 import { supportedExtensions } from 'file-type'
+import { renderToString } from 'react-dom/server'
 
 import { CompiledClass } from './compiled.js'
 import { foo } from './foo.mjs'
 import { bar } from './subdirectory/bar.mjs'
 import { baz } from './subdirectory/index.mjs'
+import { Component } from './component.js'
 import './js-module.mjs'
 
 await test('file-type should work', () => {
@@ -35,3 +37,7 @@ await test('compiled js file with .d.ts', () => {
   const instance = new CompiledClass()
   assert.equal(instance.name, 'CompiledClass')
 })
+
+await test('jsx should work', () => {
+  assert.equal(renderToString(Component()), '<div>Component</div>')
+})

packages/integrate-module/tsconfig.json

@@ -4,6 +4,7 @@
     "target": "ESNext",
     "module": "ESNext",
     "composite": true,
+    "jsx": "react-jsx",
     "outDir": "dist",
     "baseUrl": "./",
     "paths": {

packages/register/esm.mts

@@ -33,7 +33,7 @@ const resolver = new ResolverFactory({
   },
   conditionNames: ['node', 'import'],
   extensionAlias: {
-    '.js': ['.ts', '.js'],
+    '.js': ['.ts', '.tsx', '.js'],
     '.mjs': ['.mts', '.mjs'],
     '.cjs': ['.cts', '.cjs'],
   },
@@ -192,8 +192,7 @@ export const resolve: ResolveHook = async (specifier, context, nextResolve) => {
   )
 
   if (error) {
-    console.error(error)
-    throw error
+    throw new Error(`${error}: ${specifier} cannot be resolved in ${context.parentURL}`)
   }
 
   // local project file