fix: use both typescript and ecmascript prasers

packages/waku/src/lib/plugins/vite-plugin-rsc-analyze.ts

@@ -3,6 +3,7 @@ import * as swc from '@swc/core';
 
 import { EXTENSIONS } from '../config.js';
 import { extname } from '../utils/path.js';
+import { parseOpts } from '../utils/swc.js';
 // HACK: Is it common to depend on another plugin like this?
 import { rscTransformPlugin } from './vite-plugin-rsc-transform.js';
 
@@ -30,10 +31,7 @@ export function rscAnalyzePlugin(
     async transform(code, id, options) {
       const ext = extname(id);
       if (EXTENSIONS.includes(ext)) {
-        const mod = swc.parseSync(code, {
-          syntax: 'typescript',
-          tsx: ext.endsWith('x'),
-        });
+        const mod = swc.parseSync(code, parseOpts(ext));
         for (const item of mod.body) {
           if (
             item.type === 'ExpressionStatement' &&

packages/waku/src/lib/plugins/vite-plugin-rsc-delegate.ts

@@ -3,15 +3,13 @@ import * as swc from '@swc/core';
 
 import { EXTENSIONS } from '../config.js';
 import { extname } from '../utils/path.js';
+import { parseOpts } from '../utils/swc.js';
 import type { HotUpdatePayload } from './vite-plugin-rsc-hmr.js';
 
 const isClientEntry = (id: string, code: string) => {
   const ext = extname(id);
   if (EXTENSIONS.includes(ext)) {
-    const mod = swc.parseSync(code, {
-      syntax: 'typescript',
-      tsx: ext.endsWith('x'),
-    });
+    const mod = swc.parseSync(code, parseOpts(ext));
     for (const item of mod.body) {
       if (
         item.type === 'ExpressionStatement' &&
@@ -102,10 +100,7 @@ export function rscDelegatePlugin(
     async transform(code, id) {
       const ext = extname(id);
       if (mode === 'development' && EXTENSIONS.includes(ext)) {
-        const mod = swc.parseSync(code, {
-          syntax: 'typescript',
-          tsx: ext.endsWith('x'),
-        });
+        const mod = swc.parseSync(code, parseOpts(ext));
         for (const item of mod.body) {
           if (item.type === 'ImportDeclaration') {
             if (item.source.value.startsWith('virtual:')) {

packages/waku/src/lib/utils/swc.ts

@@ -0,0 +1,14 @@
+export const parseOpts = (ext: string) => {
+  if (ext === '.ts' || ext === '.tsx') {
+    return {
+      syntax: 'typescript',
+      tsx: ext.endsWith('x'),
+    } as const;
+  }
+  // We hoped to use 'typescript' for everything, but it fails in some cases.
+  // https://github.com/dai-shi/waku/issues/677
+  return {
+    syntax: 'ecmascript',
+    jsx: ext.endsWith('x'),
+  } as const;
+};