chore: add support for tsx

Author: 2fd

README.md

@@ -1,2 +1,18 @@
 # swc-plugin-allow-importing-ts-extensions
 SWC Plugin for allowImportingTsExtensions
+
+## Usage
+
+
+```json
+  {
+  "$schema": "http://json.schemastore.org/swcrc",
+  "jsc": {
+    "experimental": {
+      "plugins": [
+        ["swc-plugin-allow-importing-ts-extensions", {}]
+      ]
+    }
+  },
+}
+```

package-lock.json

@@ -8,6 +8,7 @@
     "provenance": true
   },
   "workspaces": [
+    "./tests/fixture/jsx",
     "./tests/fixture/simple",
     "./tests/fixture/no-preserve-extensions",
     "./tests/fixture/preserve-extensions"

package.json

@@ -15,6 +15,10 @@ fn replace_ts_extension(src: &ast::Str, config: &Config) -> Option<ast::Str> {
         if let Some(file) = src.value.strip_suffix(".ts") {
             return Some(format!("{}.js", file).into());
         }
+    } else if src.value.ends_with(".tsx") && !src.value.ends_with(".d.tsx") {
+        if let Some(file) = src.value.strip_suffix(".tsx") {
+            return Some(format!("{}.js", file).into());
+        }
     } else if src.value.ends_with(".mts") && !src.value.ends_with(".d.mts") {
         if let Some(file) = src.value.strip_suffix(".mts") {
             if config.preserve_import_extension {

src/plugin.rs

@@ -4,18 +4,24 @@ use allow_importing_ts_extensions::plugin;
 use swc_common::{chain, Mark};
 use swc_ecma_parser::{Syntax, TsConfig};
 // use swc_ecma_transforms_base::resolver::resolver;
+use swc_ecma_transforms_base::resolver;
 use swc_ecma_transforms_typescript::{typescript, Config};
 use swc_ecma_transforms_testing::test_fixture;
 use swc_ecma_visit::as_folder;
 
+#[testing::fixture("tests/fixture/jsx/input.tsx")]
 #[testing::fixture("tests/fixture/simple/input.ts")]
 #[testing::fixture("tests/fixture/no-preserve-extensions/input.ts")]
 fn allow_importing_ts_extensions_default_fixture(input: PathBuf) {
     // let mark = Mark::fresh(Mark::root());
     let output = input.parent().unwrap().join("output.js");
     test_fixture(
-        Syntax::Typescript(TsConfig::default()),
+        Syntax::Typescript(TsConfig {
+            tsx: true,
+            ..TsConfig::default()
+        }),
         &|_tr| chain!(
+            resolver(Mark::fresh(Mark::root()), Mark::fresh(Mark::root()), true),
             typescript(Config::default(), Mark::fresh(Mark::root())),
             as_folder(plugin::init(plugin::Config::default()))
         ),

tests/fixture.rs

@@ -0,0 +1,22 @@
+{
+  "$schema": "http://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "target": "es2020",
+    "loose": false,
+    "externalHelpers": false,
+    // Requires v1.2.50 or upper and requires target to be es2016 or upper.
+    "keepClassNames": false,
+    "experimental": {
+      "plugins": [
+        ["swc-plugin-allow-importing-ts-extensions", {}]
+      ]
+    }
+  },
+  "isModule": true
+}

tests/fixture/jsx/.swcrc

@@ -0,0 +1,5 @@
+import React from "react"
+import App from "./lib/App.tsx"
+export default React.memo(function () {
+  return <App />
+})

tests/fixture/jsx/input.tsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export default React.memo(function App() {
+  return <div />
+})

tests/fixture/jsx/lib/App.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+import App from "./lib/App.js";
+export default React.memo(function () {
+  return <App />;
+});

tests/fixture/jsx/output.js

@@ -0,0 +1,26 @@
+{
+  "name": "@tests/jsx",
+  "version": "0.0.0-development",
+  "description": "",
+  "main": "input.js",
+  "private": true,
+  "directories": {
+    "lib": "lib"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "rm -rf .swc && swc input.ts -o input.js",
+    "format": "prettier --write output.js"
+  },
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "@swc/cli": "^0.3.12",
+    "@swc/core": "^1.4.14",
+    "prettier": "^3.2.5"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "swc-plugin-allow-importing-ts-extensions": "file:../../.."
+  }
+}