@meteorjs/rspack 0.2.53 → 0.3.50

package/index.d.ts

@@ -66,6 +66,15 @@ type MeteorEnv = Record<string, any> & {
    * @returns A config object with merged configs
    */
   extendConfig: (...configs: Record<string, object>[]) => Record<string, object>;
+
+  /**
+   * Remove plugins from a Rspack config by name, RegExp, predicate, or array of them.
+   * @param matchers - String, RegExp, function, or array of them to match plugin names
+   * @returns The modified config object
+   */
+  disablePlugins: (
+    matchers: string | RegExp | ((plugin: any, index: number) => boolean) | Array<string | RegExp | ((plugin: any, index: number) => boolean)>
+  ) => Record<string, any>;
 }
 
 export type ConfigFactory = (

package/lib/meteorRspackHelpers.js

@@ -152,6 +152,59 @@ function extendSwcConfig(swcConfig) {
   });
 }
 
+/**
+ * Remove plugins from a Rspack config by name, RegExp, predicate, or array of them.
+ * When using a function predicate, it receives both the plugin and its index in the plugins array.
+ *
+ * @param {object} config Rspack config object
+ * @param {string | RegExp | ((plugin: any, index: number) => boolean) | Array<string|RegExp|Function>} matchers
+ * @returns {object} The modified config object
+ */
+function disablePlugins(config, matchers) {
+  if (!config || typeof config !== "object") {
+    throw new TypeError("disablePlugins: `config` must be an object");
+  }
+
+  const plugins = Array.isArray(config.plugins) ? config.plugins : [];
+  const kept = [];
+
+  const list = Array.isArray(matchers) ? matchers : [matchers];
+
+  const getPluginName = (p) => {
+    if (!p) return "";
+    return (
+      (p.constructor && typeof p.constructor.name === "string" && p.constructor.name) ||
+      (typeof p.name === "string" && p.name) ||
+      (typeof p.pluginName === "string" && p.pluginName) ||
+      (typeof p.__pluginName === "string" && p.__pluginName) ||
+      ""
+    );
+  };
+
+  const predicates = list.map((m) => {
+    if (typeof m === "function") return m;
+    if (m instanceof RegExp) {
+      return (p) => m.test(getPluginName(p));
+    }
+    if (typeof m === "string") {
+      return (p) => getPluginName(p) === m;
+    }
+    throw new TypeError(
+      "disablePlugins: matchers must be string, RegExp, function, or array of them"
+    );
+  });
+
+  plugins.forEach((p, index) => {
+    const matches = predicates.some((fn) => fn(p, index));
+    if (!matches) {
+      kept.push(p);
+    }
+  });
+
+  config.plugins = kept;
+  return config;
+}
+
 module.exports = {
   compileWithMeteor,
   compileWithRspack,
@@ -159,4 +212,5 @@ module.exports = {
   splitVendorChunk,
   extendSwcConfig,
   makeWebNodeBuiltinsAlias,
+  disablePlugins,
 };

package/lib/test.js

@@ -13,13 +13,13 @@ const { createIgnoreRegex, createIgnoreGlobConfig } = require("./ignore.js");
  * @returns {string} The path to the generated file
  */
 const generateEagerTestFile = ({
-  isAppTest,
-  projectDir,
-  buildContext,
-  ignoreEntries: inIgnoreEntries = [],
-  prefix: inPrefix = '',
-  extraEntry,
-}) => {
+                                 isAppTest,
+                                 projectDir,
+                                 buildContext,
+                                 ignoreEntries: inIgnoreEntries = [],
+                                 prefix: inPrefix = '',
+                                 extraEntry,
+                               }) => {
   const distDir = path.resolve(projectDir, ".meteor/local/test");
   if (!fs.existsSync(distDir)) {
     fs.mkdirSync(distDir, { recursive: true });
@@ -49,8 +49,7 @@ const generateEagerTestFile = ({
     ? "/\\.app-(?:test|spec)s?\\.[^.]+$/"
     : "/\\.(?:test|spec)s?\\.[^.]+$/";
 
-  const content = `${extraEntry ? `import path from 'path';` : ''}
-  {
+  const content = `{
   const ctx = import.meta.webpackContext('/', {
     recursive: true,
     regExp: ${regExp},
@@ -61,8 +60,8 @@ const generateEagerTestFile = ({
   ${
     extraEntry
       ? `const extra = import.meta.webpackContext('${path.dirname(
-          extraEntry
-        )}', {
+        extraEntry
+      )}', {
     recursive: false,
     regExp: ${new RegExp(`${path.basename(extraEntry)}$`).toString()},
     mode: 'eager',

package/package.json

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

package/plugins/AssetExternalsPlugin.js

@@ -0,0 +1,40 @@
+// AssetExternalsPlugin.js
+//
+// This plugin externalizes assets within CSS/SCSS and other files.
+// It prevents Rspack from bundling assets referenced in CSS url() and similar contexts,
+// allowing them to be served directly from the public directory.
+
+// Regular expression to match CSS, SCSS, and other style files
+const CSS_EXT_REGEX = /\.(css|scss|sass|less|styl)$/;
+
+class AssetExternalsPlugin {
+  constructor(options = {}) {
+    this.pluginName = 'AssetExternalsPlugin';
+    this.options = options;
+  }
+
+  apply(compiler) {
+    // Add the externals function to handle asset URLs in CSS files
+    compiler.options.externals = [
+      ...compiler.options.externals || [],
+      (data, callback) => {
+        const req = data.request;
+
+        // Webpack provides dependencyType === "url" for CSS url() deps.
+        // Rspack is webpack-compatible here, but keep this tolerant.
+        const isUrlDep = data.dependencyType === 'url';
+        const issuer = data.contextInfo?.issuer || '';
+        const fromCss = CSS_EXT_REGEX.test(issuer);
+
+        if (req && req.startsWith('/') && (isUrlDep || fromCss)) {
+          // Keep the URL as-is (served by your server from /public)
+          return callback(null, `asset ${req}`);
+        }
+
+        callback();
+      }
+    ];
+  }
+}
+
+module.exports = { AssetExternalsPlugin };

package/rspack.config.js

@@ -9,6 +9,7 @@ const { cleanOmittedPaths, mergeSplitOverlap } = require("./lib/mergeRulesSplitO
 const { getMeteorAppSwcConfig } = require('./lib/swc.js');
 const HtmlRspackPlugin = require('./plugins/HtmlRspackPlugin.js');
 const { RequireExternalsPlugin } = require('./plugins/RequireExtenalsPlugin.js');
+const { AssetExternalsPlugin } = require('./plugins/AssetExternalsPlugin.js');
 const { generateEagerTestFile } = require("./lib/test.js");
 const { getMeteorIgnoreEntries, createIgnoreGlobConfig } = require("./lib/ignore");
 const { mergeMeteorRspackFragments } = require("./lib/meteorRspackConfigFactory.js");
@@ -19,7 +20,9 @@ const {
   splitVendorChunk,
   extendSwcConfig,
   makeWebNodeBuiltinsAlias,
+  disablePlugins,
 } = require('./lib/meteorRspackHelpers.js');
+const { prepareMeteorRspackConfig } = require("./lib/meteorRspackConfigFactory");
 
 // Safe require that doesn't throw if the module isn't found
 function safeRequire(moduleName) {
@@ -286,6 +289,9 @@ module.exports = async function (inMeteor = {}, argv = {}) {
   Meteor.splitVendorChunk = () => splitVendorChunk();
   Meteor.extendSwcConfig = (customSwcConfig) => extendSwcConfig(customSwcConfig);
   Meteor.extendConfig = (...configs) => mergeSplitOverlap(...configs);
+  Meteor.disablePlugins = matchers => prepareMeteorRspackConfig({
+    disablePlugins: matchers,
+  });
 
   // Add HtmlRspackPlugin function to Meteor
   Meteor.HtmlRspackPlugin = (options = {}) => {
@@ -392,6 +398,15 @@ module.exports = async function (inMeteor = {}, argv = {}) {
     enableGlobalPolyfill: isDevEnvironment && !isServer,
   });
 
+  // Handle assets
+  const assetExternalsPlugin = new AssetExternalsPlugin();
+  const assetModuleFilename = _fileInfo => {
+    const filename = _fileInfo.filename;
+    const isPublic = filename.startsWith('/') || filename.startsWith('public');
+    if (isPublic) return `[name][ext][query]`;
+    return `${assetsContext}/[hash][ext][query]`;
+  };
+
   const rsdoctorModule = isBundleVisualizerEnabled
     ? safeRequire('@rsdoctor/rspack-plugin')
     : null;
@@ -462,7 +477,7 @@ module.exports = async function (inMeteor = {}, argv = {}) {
       libraryTarget: 'commonjs2',
       publicPath: '/',
       chunkFilename: `${chunksContext}/[id]${isProd ? '.[chunkhash]' : ''}.js`,
-      assetModuleFilename: `${assetsContext}/[hash][ext][query]`,
+      assetModuleFilename,
       cssFilename: `${chunksContext}/[name]${
         isProd ? '.[contenthash]' : ''
       }.css`,
@@ -497,6 +512,7 @@ module.exports = async function (inMeteor = {}, argv = {}) {
           ? [new reactRefreshModule()]
           : []),
         requireExternalsPlugin,
+        assetExternalsPlugin,
       ].filter(Boolean),
       new DefinePlugin({
         'Meteor.isClient': JSON.stringify(true),
@@ -566,7 +582,7 @@ module.exports = async function (inMeteor = {}, argv = {}) {
       filename: () => `../${buildContext}/${outputPath}`,
       libraryTarget: 'commonjs2',
       chunkFilename: `${chunksContext}/[id]${isProd ? '.[chunkhash]' : ''}.js`,
-      assetModuleFilename: `${assetsContext}/[hash][ext][query]`,
+      assetModuleFilename,
       ...(isProd && { clean: { keep: keepOutsideBuild() } }),
     },
     optimization: {
@@ -610,6 +626,7 @@ module.exports = async function (inMeteor = {}, argv = {}) {
       ),
       ...bannerPluginConfig,
       requireExternalsPlugin,
+      assetExternalsPlugin,
       ...doctorPluginConfig,
     ],
     watchOptions,
@@ -768,6 +785,12 @@ module.exports = async function (inMeteor = {}, argv = {}) {
     }
   }
 
+  const shouldDisablePlugins = config?.disablePlugins != null;
+  if (shouldDisablePlugins) {
+    config = disablePlugins(config, config.disablePlugins);
+    delete config.disablePlugins;
+  }
+
   if (Meteor.isDebug || Meteor.isVerbose) {
     console.log('Config:', inspect(config, { depth: null, colors: true }));
   }