fix(es/codegen): Allow non-ascii character in more places (#4394)

crates/swc/tests/vercel/loader-only/next-36251/1/input/index.tsx

@@ -0,0 +1,12 @@
+type ü = {
+    name: string;
+    value: string;
+};
+
+export const SomeComponent = ({ name, value }: ü) => {
+    return (
+        <div>
+            {name} {value}
+        </div>
+    );
+};

crates/swc/tests/vercel/loader-only/next-36251/1/output/index.tsx

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var SomeComponent = function(param) {
+    var name = param.name, value = param.value;
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            name,
+            " ",
+            value
+        ]
+    });
+};

crates/swc_ecma_codegen/src/lib.rs

@@ -2225,7 +2225,10 @@ where
                             if snippet.len() < 3 {
                                 false
                             } else {
-                                snippet[..snippet.len() - 1].trim().ends_with(',')
+                                let last_char = snippet.chars().last().unwrap();
+                                snippet[..snippet.len() - last_char.len_utf8()]
+                                    .trim()
+                                    .ends_with(',')
                             }
                         }
                         _ => false,

crates/swc_ecma_codegen/tests/fixture.rs

@@ -29,6 +29,7 @@ fn run(input: &Path, minify: bool) {
             &fm,
             Syntax::Typescript(TsConfig {
                 decorators: true,
+                tsx: true,
                 ..Default::default()
             }),
             EsVersion::latest(),
@@ -67,6 +68,7 @@ fn run(input: &Path, minify: bool) {
 }
 
 #[testing::fixture("tests/fixture/**/input.ts")]
+#[testing::fixture("tests/fixture/**/input.tsx")]
 fn ts(input: PathBuf) {
     run(&input, false);
 }

crates/swc_ecma_codegen/tests/fixture/next-36251/input.tsx

@@ -0,0 +1,12 @@
+type ü = {
+    name: string;
+    value: string;
+};
+
+export const SomeComponent = ({ name, value }: ü) => {
+    return (
+        <div>
+            {name} {value}
+        </div>
+    );
+};

crates/swc_ecma_codegen/tests/fixture/next-36251/output.tsx

@@ -0,0 +1,11 @@
+type ü = {
+    name: string;
+    value: string;
+};
+export const SomeComponent = ({ name , value  }: ü)=>{
+    return (<div >
+
+            {name} {value}
+
+        </div>);
+};