fix: add support for importing with .js extension as tsx importee (#374)

Co-authored-by: David Ensinger <[email protected]>

Author: JounQin

.changeset/loud-avocados-bake.md

@@ -0,0 +1,5 @@
+---
+"eslint-import-resolver-typescript": patch
+---
+
+fix: add support for importing with .js extension as tsx importee

.size-limit.json

@@ -1,6 +1,6 @@
 [
   {
     "path": "./lib/index.js",
-    "limit": "3.1kB"
+    "limit": "3.2kB"
   }
 ]

src/index.ts

@@ -362,18 +362,25 @@ function getMappedPaths(
     const isJs = JS_EXT_PATTERN.test(source)
     if (isJs) {
       const jsExt = path.extname(source)
+      // cjs -> cts, js -> ts, jsx -> tsx, mjs -> mts
       const tsExt = jsExt.replace('js', 'ts')
+
       const basename = source.replace(JS_EXT_PATTERN, '')
 
-      const mappedPaths = getMappedPaths(basename + tsExt, file)
+      let resolved = getMappedPaths(basename + tsExt, file)
 
-      const resolved =
-        mappedPaths.length > 0
-          ? mappedPaths
-          : getMappedPaths(
-              basename + '.d' + (tsExt === '.tsx' ? '.ts' : tsExt),
-              file,
-            )
+      if (resolved.length === 0 && jsExt === '.js') {
+        // js -> tsx
+        const tsxExt = jsExt.replace('js', 'tsx')
+        resolved = getMappedPaths(basename + tsxExt, file)
+      }
+
+      if (resolved.length === 0) {
+        resolved = getMappedPaths(
+          basename + '.d' + (tsExt === '.tsx' ? '.ts' : tsExt),
+          file,
+        )
+      }
 
       if (resolved.length > 0) {
         return resolved

tests/withPaths/index.ts

@@ -6,9 +6,13 @@ import './subfolder/tsxImportee'
 
 // import using tsconfig.json path mapping
 import 'folder/tsImportee'
+import 'folder/tsImportee.js'
 import 'folder/tsxImportee'
+import 'folder/tsxImportee.js'
 import 'folder/subfolder/tsImportee'
+import 'folder/subfolder/tsImportee.js'
 import 'folder/subfolder/tsxImportee'
+import 'folder/subfolder/tsxImportee.js'
 
 // import module with typings set in package.json
 import 'folder/module'