@meteorjs/rspack 0.0.67 → 0.1.1

package/index.d.ts

@@ -5,7 +5,7 @@ import {
   defineConfig as _rspackDefineConfig,
   Configuration as _RspackConfig,
 } from '@rspack/cli';
-import { HtmlRspackPluginOptions, RuleSetConditions } from '@rspack/core';
+import { HtmlRspackPluginOptions, RuleSetConditions, SwcLoaderOptions } from '@rspack/core';
 
 export interface MeteorRspackConfig extends _RspackConfig {
   meteor?: {
@@ -56,6 +56,11 @@ type MeteorEnv = Record<string, any> & {
    * @returns A config object with optimization configuration
    */
   splitVendorChunk: () => Record<string, object>;
+  /**
+   * Extend Rspack SWC loader config.
+   * @returns A config object with SWC loader config
+   */
+  extendSwcConfig: (swcConfig: SwcLoaderOptions) => Record<string, object>;
 }
 
 export type ConfigFactory = (

package/lib/meteorRspackHelpers.js

@@ -139,10 +139,32 @@ function splitVendorChunk() {
   });
 }
 
+/**
+ * Extend SWC loader config
+ * Usage: extendSwcConfig()
+ *
+ * @returns {Record<string, object>} `{ meteorRspackConfigX: { optimization: { ... } } }`
+ */
+function extendSwcConfig(swcConfig) {
+  return prepareMeteorRspackConfig({
+    module: {
+      rules: [
+        {
+          test: /\.(?:[mc]?js|jsx|[mc]?ts|tsx)$/i,
+          exclude: /node_modules|\.meteor\/local/,
+          loader: 'builtin:swc-loader',
+          options: swcConfig,
+        },
+      ],
+    },
+  });
+}
+
 module.exports = {
   compileWithMeteor,
   compileWithRspack,
   setCache,
   splitVendorChunk,
+  extendSwcConfig,
   makeWebNodeBuiltinsAlias,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meteorjs/rspack",
-  "version": "0.0.67",
+  "version": "0.1.1",
   "description": "Configuration logic for using Rspack in Meteor projects",
   "main": "index.js",
   "type": "commonjs",

package/rspack.config.js

@@ -17,6 +17,7 @@ const {
   compileWithRspack,
   setCache,
   splitVendorChunk,
+  extendSwcConfig,
   makeWebNodeBuiltinsAlias,
 } = require('./lib/meteorRspackHelpers.js');
 
@@ -280,6 +281,7 @@ module.exports = async function (inMeteor = {}, argv = {}) {
       enabled === 'memory' ? undefined : cacheStrategy
     );
   Meteor.splitVendorChunk = () => splitVendorChunk();
+  Meteor.extendSwcConfig = (customSwcConfig) => extendSwcConfig(customSwcConfig);
 
   // Add HtmlRspackPlugin function to Meteor
   Meteor.HtmlRspackPlugin = (options = {}) => {
@@ -604,83 +606,92 @@ module.exports = async function (inMeteor = {}, argv = {}) {
       cacheStrategy),
   };
 
-  // Load and apply project-level overrides for the selected build
-  // Check if we're in a Meteor package directory by looking at the path
-  const isMeteorPackageConfig = projectDir.includes('/packages/rspack');
-  if (fs.existsSync(projectConfigPath) && !isMeteorPackageConfig) {
-    // Check if there's a .mjs or .cjs version of the config file
-    const mjsConfigPath = projectConfigPath.replace(/\.js$/, '.mjs');
-    const cjsConfigPath = projectConfigPath.replace(/\.js$/, '.cjs');
-
-    let configPath = projectConfigPath;
-    if (fs.existsSync(mjsConfigPath)) {
-      configPath = mjsConfigPath;
-    } else if (fs.existsSync(cjsConfigPath)) {
-      configPath = cjsConfigPath;
-    }
-
-    // Use require for CommonJS modules and dynamic import for ES modules
-    let projectConfig;
+  // Helper function to load and process config files
+  async function loadAndProcessConfig(configPath, configType, Meteor, argv, isAngularEnabled) {
     try {
+      // Load the config file
+      let config;
       if (path.extname(configPath) === '.mjs') {
         // For ESM modules, we need to use dynamic import
         const fileUrl = `file://${configPath}`;
         const module = await import(fileUrl);
-        projectConfig = module.default || module;
+        config = module.default || module;
       } else {
         // For CommonJS modules, we can use require
-        projectConfig = require(configPath)?.default || require(configPath);
+        config = require(configPath)?.default || require(configPath);
       }
+
+      // Process the config
+      const rawConfig = typeof config === 'function' ? config(Meteor, argv) : config;
+      const resolvedConfig = await Promise.resolve(rawConfig);
+      const userConfig = resolvedConfig && '0' in resolvedConfig ? resolvedConfig[0] : resolvedConfig;
+
+      // Define omitted paths and warning function
+      const omitPaths = [
+        "name",
+        "target",
+        "entry",
+        "output.path",
+        "output.filename",
+        "output.publicPath",
+        ...(Meteor.isServer ? ["optimization.splitChunks", "optimization.runtimeChunk"] : []),
+      ].filter(Boolean);
+
+      const warningFn = path => {
+        if (isAngularEnabled) return;
+        console.warn(
+          `[${configType}] Ignored custom "${path}" — reserved for Meteor-Rspack integration.`,
+        );
+      };
+
+      // Clean omitted paths and merge Meteor Rspack fragments
+      let nextConfig = cleanOmittedPaths(userConfig, {
+        omitPaths,
+        warningFn,
+      });
+      nextConfig = mergeMeteorRspackFragments(nextConfig);
+
+      return nextConfig;
     } catch (error) {
-      console.error(`Error loading rspack config from ${configPath}:`, error);
-      throw error;
+      console.error(`Error loading ${configType} from ${configPath}:`, error);
+      if (configType === 'rspack.config.js') {
+        throw error; // Only rethrow for project config
+      }
+      return null;
     }
+  }
 
-    const rawUserConfig =
-      typeof projectConfig === 'function'
-        ? projectConfig(Meteor, argv)
-        : projectConfig;
-    const resolvedUserConfig = await Promise.resolve(rawUserConfig);
-    const userConfig =
-      resolvedUserConfig && '0' in resolvedUserConfig
-        ? resolvedUserConfig[0]
-        : resolvedUserConfig;
-
-    const omitPaths = [
-      "name",
-      "target",
-      "entry",
-      "output.path",
-      "output.filename",
-      "output.publicPath",
-      ...(Meteor.isServer
-        ? ["optimization.splitChunks", "optimization.runtimeChunk"]
-        : []),
-    ].filter(Boolean);
-    const warningFn = path => {
-      if (isAngularEnabled) return;
-      console.warn(
-        `[rspack.config.js] Ignored custom "${path}" — reserved for Meteor-Rspack integration.`,
-      );
-    };
-
-    let nextUserConfig = cleanOmittedPaths(userConfig, {
-      omitPaths,
-      warningFn,
-    });
-    nextUserConfig = mergeMeteorRspackFragments(nextUserConfig);
+  // Load and apply project-level overrides for the selected build
+  // Check if we're in a Meteor package directory by looking at the path
+  const isMeteorPackageConfig = projectDir.includes('/packages/rspack');
+  console.log("--> (rspack.config.js-Line: 665)\n isMeteorPackageConfig: ", isMeteorPackageConfig);
+  if (fs.existsSync(projectConfigPath) && !isMeteorPackageConfig) {
+    // Check if there's a .mjs or .cjs version of the config file
+    const mjsConfigPath = projectConfigPath.replace(/\.js$/, '.mjs');
+    const cjsConfigPath = projectConfigPath.replace(/\.js$/, '.cjs');
 
-    if (Meteor.isClient) {
-      clientConfig = mergeSplitOverlap(
-        clientConfig,
-        nextUserConfig
-      );
+    let projectConfigPathToUse = projectConfigPath;
+    if (fs.existsSync(mjsConfigPath)) {
+      projectConfigPathToUse = mjsConfigPath;
+    } else if (fs.existsSync(cjsConfigPath)) {
+      projectConfigPathToUse = cjsConfigPath;
     }
-    if (Meteor.isServer) {
-      serverConfig = mergeSplitOverlap(
-        serverConfig,
-        nextUserConfig
-      );
+
+    const nextUserConfig = await loadAndProcessConfig(
+      projectConfigPathToUse, 
+      'rspack.config.js', 
+      Meteor, 
+      argv, 
+      isAngularEnabled
+    );
+
+    if (nextUserConfig) {
+      if (Meteor.isClient) {
+        clientConfig = mergeSplitOverlap(clientConfig, nextUserConfig);
+      }
+      if (Meteor.isServer) {
+        serverConfig = mergeSplitOverlap(serverConfig, nextUserConfig);
+      }
     }
   }
 
@@ -721,6 +732,31 @@ module.exports = async function (inMeteor = {}, argv = {}) {
   );
   config = mergeSplitOverlap(config, testClientExpandConfig);
 
+  // Check for override config file (extra file to override everything)
+  if (projectConfigPath) {
+    const configDir = path.dirname(projectConfigPath);
+    const configFileName = path.basename(projectConfigPath);
+    const configExt = path.extname(configFileName);
+    const configNameWithoutExt = configFileName.replace(configExt, '');
+    const configNameFull = `${configNameWithoutExt}.override${configExt}`;
+    const overrideConfigPath = path.join(configDir, configNameFull);
+
+    if (fs.existsSync(overrideConfigPath)) {
+      const nextOverrideConfig = await loadAndProcessConfig(
+        overrideConfigPath,
+        configNameFull,
+        Meteor, 
+        argv, 
+        isAngularEnabled
+      );
+
+      if (nextOverrideConfig) {
+        // Apply override config as the last step
+        config = mergeSplitOverlap(config, nextOverrideConfig);
+      }
+    }
+  }
+
   if (Meteor.isDebug || Meteor.isVerbose) {
     console.log('Config:', inspect(config, { depth: null, colors: true }));
   }