@meteorjs/rspack 0.0.60 → 0.0.62

package/index.d.ts

@@ -5,7 +5,7 @@ import {
   defineConfig as _rspackDefineConfig,
   Configuration as _RspackConfig,
 } from '@rspack/cli';
-import { HtmlRspackPluginOptions } from '@rspack/core';
+import { HtmlRspackPluginOptions, RuleSetConditions } from '@rspack/core';
 
 export interface MeteorRspackConfig extends _RspackConfig {
   meteor?: {
@@ -31,6 +31,31 @@ type MeteorEnv = Record<string, any> & {
    * @returns An instance of HtmlRspackPlugin
    */
   HtmlRspackPlugin: (options?: HtmlRspackPluginOptions) => HtmlRspackPlugin;
+  /**
+   * Wrap externals for Meteor runtime.
+   * @param deps - Package names or module IDs
+   * @returns A config object with externals configuration
+   */
+  compileWithMeteor: (deps: RuleSetConditions) => Record<string, object>;
+  /**
+   * Add SWC transpilation rules limited to specific deps (monorepo-friendly).
+   * @param deps - Package names to include in SWC loader
+   * @param options - Optional configuration options
+   * @returns A config object with module rules configuration
+   */
+  compileWithRspack: (deps: RuleSetConditions) => Record<string, object>;
+  /**
+   * Enable or disable Rspack cache config.
+   * @param enabled - Whether to enable caching
+   * @param cacheConfig - Optional cache configuration
+   * @returns A config object with cache configuration
+   */
+  setCache: (enabled: boolean | 'memory') => Record<string, object>;
+  /**
+   * Enable Rspack split vendor chunk.
+   * @returns A config object with optimization configuration
+   */
+  splitVendorChunk: () => Record<string, object>;
 }
 
 export type ConfigFactory = (

package/lib/meteorRspackHelpers.js

@@ -64,17 +64,17 @@ function compileWithRspack(deps, { options = {} } = {}) {
  */
 function setCache(
   enabled,
-  cacheConfig = { cache: true, experiments: { cache: true } },
+  cacheConfig = { cache: true, experiments: { cache: true } }
 ) {
   return prepareMeteorRspackConfig(
     enabled
       ? cacheConfig
       : {
-        cache: false, // disable cache
-        experiments: {
-          cache: false, // disable persistent cache (experimental flag)
-        },
-      },
+          cache: false, // disable cache
+          experiments: {
+            cache: false, // disable persistent cache (experimental flag)
+          },
+        }
   );
 }
 
@@ -89,7 +89,7 @@ function makeWebNodeBuiltinsAlias(extras = []) {
 
   const names = new Set();
   for (const m of core) {
-    names.add(m);           // e.g. 'fs'
+    names.add(m); // e.g. 'fs'
     names.add(`node:${m}`); // e.g. 'node:fs'
   }
   for (const x of extras) names.add(x);
@@ -98,9 +98,35 @@ function makeWebNodeBuiltinsAlias(extras = []) {
   return Object.fromEntries([...names].map((m) => [m, false]));
 }
 
+/**
+ * Enable Rspack split vendor chunk config
+ * Usage: splitVendorChunk()
+ *
+ * @returns {Record<string, object>} `{ meteorRspackConfigX: { optimization: { ... } } }`
+ */
+function splitVendorChunk() {
+  return prepareMeteorRspackConfig({
+    optimization: {
+      splitChunks: {
+        chunks: "all", // split both sync and async imports
+        cacheGroups: {
+          vendor: {
+            test: /[\\/]node_modules[\\/]/,
+            name: "vendor",
+            enforce: true,
+            priority: 10,
+            chunks: "all",
+          },
+        },
+      },
+    },
+  });
+}
+
 module.exports = {
   compileWithMeteor,
   compileWithRspack,
   setCache,
+  splitVendorChunk,
   makeWebNodeBuiltinsAlias,
 };

package/package.json

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

package/rspack.config.js

@@ -15,6 +15,7 @@ const {
   compileWithMeteor,
   compileWithRspack,
   setCache,
+  splitVendorChunk,
   makeWebNodeBuiltinsAlias,
 } = require('./lib/meteorRspackHelpers.js');
 
@@ -94,6 +95,7 @@ function createSwcConfig({
   externalHelpers,
   isDevEnvironment,
   isClient,
+  isAngularEnabled,
 }) {
   const defaultConfig = {
     jsc: {
@@ -103,6 +105,7 @@ function createSwcConfig({
         syntax: isTypescriptEnabled ? 'typescript' : 'ecmascript',
         ...(isTsxEnabled && { tsx: true }),
         ...(isJsxEnabled && { jsx: true }),
+        ...(isAngularEnabled && { decorators: true }),
       },
       target: 'es2015',
       ...(isReactEnabled && {
@@ -227,6 +230,7 @@ module.exports = async function (inMeteor = {}, argv = {}) {
   const isTsxEnabled =
     Meteor.isTsxEnabled || (isTypescriptEnabled && isReactEnabled) || false;
   const isBundleVisualizerEnabled = Meteor.isBundleVisualizerEnabled || false;
+  const isAngularEnabled = Meteor.isAngularEnabled || false;
 
   // Determine entry points
   const entryPath = Meteor.entryPath;
@@ -273,6 +277,8 @@ module.exports = async function (inMeteor = {}, argv = {}) {
       !!enabled,
       enabled === 'memory' ? undefined : cacheStrategy
     );
+  Meteor.splitVendorChunk = () => splitVendorChunk();
+  Meteor.createAngularConfig = () => createAngularConfig();
 
   // Add HtmlRspackPlugin function to Meteor
   Meteor.HtmlRspackPlugin = (options = {}) => {
@@ -333,6 +339,7 @@ module.exports = async function (inMeteor = {}, argv = {}) {
     externalHelpers: enableSwcExternalHelpers,
     isDevEnvironment,
     isClient,
+    isAngularEnabled,
   });
   // Expose swc config to use in custom configs
   Meteor.swcConfigOptions = swcConfigRule.options;
@@ -611,10 +618,15 @@ module.exports = async function (inMeteor = {}, argv = {}) {
       throw error;
     }
 
-    const userConfig =
+    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",
@@ -628,6 +640,7 @@ module.exports = async function (inMeteor = {}, argv = {}) {
         : []),
     ].filter(Boolean);
     const warningFn = path => {
+      if (isAngularEnabled) return;
       console.warn(
         `[rspack.config.js] Ignored custom "${path}" — reserved for Meteor-Rspack integration.`,
       );
@@ -653,7 +666,18 @@ module.exports = async function (inMeteor = {}, argv = {}) {
     }
   }
 
-  const config = isClient ? clientConfig : serverConfig;
+  // Establish Angular overrides to ensure proper integration
+  const angularExpandConfig = isAngularEnabled ? {
+    mode: isProd ? 'production' : 'development',
+    devServer: { port: Meteor.devServerPort },
+    stats: { preset: 'normal' },
+    infrastructureLogging: { level: 'info' },
+  } : {};
+
+  const config = mergeSplitOverlap(
+    isClient ? clientConfig : serverConfig,
+    angularExpandConfig
+  );
 
   if (Meteor.isDebug || Meteor.isVerbose) {
     console.log('Config:', inspect(config, { depth: null, colors: true }));