fix: swc auto transform .mjs to .mts suffix in output file content (#541)

* fix: transfrom mjs to mts

* fix: source name

* chore: upgrade example @swc/helpers

* fix: alias parser

Author: luhc228

examples/rax-component/package.json

@@ -47,7 +47,7 @@
     "component"
   ],
   "dependencies": {
-    "@swc/helpers": "^0.4.14",
+    "@swc/helpers": "^0.5.1",
     "babel-runtime-jsx-plus": "^0.1.5",
     "rax-view": "^2.3.0"
   },

examples/react-component/package.json

@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@ice/jsx-runtime": "^0.2.0",
-    "@swc/helpers": "^0.4.14",
+    "@swc/helpers": "^0.5.1",
     "babel-runtime-jsx-plus": "^0.1.5"
   },
   "devDependencies": {

examples/react-multi-components/package.json

@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@ice/jsx-runtime": "^0.2.0",
-    "@swc/helpers": "^0.4.14"
+    "@swc/helpers": "^0.5.1"
   },
   "devDependencies": {
     "@ice/pkg": "workspace:*",

packages/pkg/package.json

@@ -44,7 +44,7 @@
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-replace": "^5.0.1",
     "@rollup/pluginutils": "^4.1.2",
-    "@swc/core": "1.3.55",
+    "@swc/core": "1.3.57",
     "acorn": "^8.7.0",
     "autoprefixer": "^10.4.2",
     "build-scripts": "^2.0.0",

packages/pkg/src/helpers/defaultSwcConfig.ts

@@ -31,7 +31,6 @@ export const getDefaultBundleSwcConfig = (
   const browserTargets = taskName === TaskName.BUNDLE_ES2017 ? MODERN_BROWSER_TARGETS : LEGACY_BROWSER_TARGETS;
   return {
     jsc: {
-      baseUrl: ctx.rootDir,
       paths: formatAliasToTSPathsConfig(bundleTaskConfig.alias),
       externalHelpers: true,
     },
@@ -63,7 +62,6 @@ export const getDefaultTransformSwcConfig = (
   return {
     jsc: {
       target,
-      baseUrl: ctx.rootDir,
       paths: formatAliasToTSPathsConfig(transformTaskConfig.alias),
       transform: {
         optimizer: {

packages/pkg/src/helpers/getRollupOptions.ts

@@ -58,6 +58,7 @@ export function getRollupOptions(
   rollupOptions.plugins.push(
     swcPlugin(
       taskConfig.jsxRuntime,
+      rootDir,
       taskConfig.swcCompileOptions,
     ),
   );

packages/pkg/src/rollupPlugins/swc.ts

@@ -1,4 +1,4 @@
-import { extname } from 'path';
+import { extname, basename, relative, sep } from 'path';
 import * as swc from '@swc/core';
 import deepmerge from 'deepmerge';
 import { isTypescriptOnly } from '../helpers/suffix.js';
@@ -44,7 +44,10 @@ const normalizeSwcConfig = (
       externalHelpers: false,
       loose: false, // Not recommend
     },
+    // Disable minimize on every file transform when bundling
     minify: false,
+    swcrc: false,
+    configFile: false,
   };
 
   return deepmerge.all([
@@ -56,11 +59,15 @@ const normalizeSwcConfig = (
 /**
  * plugin-swc works as substitute of plugin-typescript, babel, babel-preset-env and plugin-minify.
  */
-const swcPlugin = (jsxRuntime: TaskConfig['jsxRuntime'], extraSwcOptions?: Config): Plugin => {
+const swcPlugin = (
+  jsxRuntime: TaskConfig['jsxRuntime'],
+  rootDir: string,
+  extraSwcOptions?: Config,
+): Plugin => {
   return {
     name: 'ice-pkg:swc',
 
-    transform(_, id) {
+    async transform(source, id) {
       if (!scriptsFilter(id)) {
         return null;
       }
@@ -70,25 +77,25 @@ const swcPlugin = (jsxRuntime: TaskConfig['jsxRuntime'], extraSwcOptions?: Confi
         absolutePath: id,
         ext: extname(id),
       };
-
-      const { code, map } = swc.transformSync(
-        _,
+      // If file's name comes with .mjs、.mts、.cjs、.cts suffix
+      const destExtname = ['m', 'c'].includes(file.ext[1]) ? `.${file.ext[1]}js` : '.js';
+      const destFilename = basename(id).replace(RegExp(`${extname(id)}$`), destExtname);
+      const { code, map } = await swc.transform(
+        source,
         normalizeSwcConfig(file, jsxRuntime, {
           ...extraSwcOptions,
-          // Disable minimize on every file transform when bundling
-          minify: false,
-          // If filename is omitted, will lose filename info in sourcemap
+          // If filename is omitted, will lose filename info in sourcemap.
+          // e.g: ./src/index.mts
+          sourceFileName: `.${sep}${relative(rootDir, id)}`,
           filename: id,
         }),
       );
 
       return {
         code,
         map,
-        // Additional option to re-define extname
         meta: {
-          // If file's name comes with .mjs、.mts、.cjs、.cts suffix
-          ext: ['m', 'c'].includes(file.ext[1]) ? `.${file.ext[1]}js` : '.js',
+          filename: destFilename,
         },
       };
     },

packages/pkg/src/tasks/transform.ts

@@ -1,5 +1,5 @@
 import { performance } from 'perf_hooks';
-import { isAbsolute, resolve, extname, dirname, relative } from 'path';
+import { isAbsolute, resolve, extname, dirname, relative, basename } from 'path';
 import fs from 'fs-extra';
 import semver from 'semver';
 import consola from 'consola';
@@ -173,11 +173,10 @@ async function runTransform(
       files[i].code = code = transformResult.code;
       files[i].map = map = transformResult.map;
 
-      const finalExtname = transformResult?.meta?.ext;
+      const destFilename = transformResult?.meta?.filename;
 
-      // If extname changed
-      if (finalExtname) {
-        files[i].dest = (files[i].dest).replace(files[i].ext, finalExtname);
+      if (destFilename) {
+        files[i].dest = (files[i].dest).replace(basename(files[i].dest), destFilename);
       }
     }
 
@@ -186,7 +185,7 @@ async function runTransform(
 
       fs.writeFileSync(
         files[i].dest,
-        `${code}\n //# sourceMappingURL=${files[i].dest}.map`,
+        `${code}\n //# sourceMappingURL=${transformResult?.meta?.filename}.map`,
         'utf-8',
       );
       fs.writeFileSync(`${files[i].dest}.map`, standardizedMap, 'utf-8');