esbuild-css-modules-plugin - npm Package Compare versions

Comparing version 2.3.2 to 2.4.0

index.d.ts

@@ -49,2 +49,3 @@ import type { OnLoadResult, Plugin, PluginBuild } from 'esbuild';
   cssModulesOption?: CssModulesOptions;
+  filter?: RegExp;
   v2?: boolean;
@@ -51,0 +52,0 @@ v2CssModulesOption?: {

lib/plugin.js

@@ -12,4 +12,4 @@ const path = require('path');
   builtCssSuffix,
-  modulesCssRegExp,
-  builtModulesCssRegExp,
+  getModulesCssRegExp,
+  getBuiltModulesCssRegExp,
   getRelativePath,
@@ -425,2 +425,4 @@ getBuildId
   await prepareBuild(build, options);
+  const modulesCssRegExp = getModulesCssRegExp(options);
+  const builtModulesCssRegExp = getBuiltModulesCssRegExp(options);
 
@@ -427,0 +429,0 @@ // resolve xxx.module.css to xxx.module.css?esbuild-css-modules-plugin-building

lib/utils.js

@@ -9,6 +9,24 @@ const path = require('path');
 const builtCssSuffixRegExp = builtCssSuffix.replace('?', '\\?').replace(/\-/g, '\\-');
-const modulesCssRegExp = /\.modules?\.css$/i;
-const builtModulesCssRegExp = new RegExp(`\\.modules?\\.css${builtCssSuffixRegExp}$`, 'i');
 
 /**
+ * getModulesCssRegExp
+ * @param {import('..').Options} options
+ * @returns {RegExp}
+ */
+const getModulesCssRegExp = (options) => {
+  return options.filter ?? /\.modules?\.css$/i
+}
+
+/**
+ * getBuiltModulesCssRegExp
+ * @param {import('..').Options} options
+ * @returns {RegExp}
+ */
+const getBuiltModulesCssRegExp = (options) => {
+  const baseRegExp = getModulesCssRegExp(options);
+  const baseRegExpSource = baseRegExp.source.endsWith('$') ? baseRegExp.source.slice(0, -1) : baseRegExp.source;
+  return new RegExp(`${baseRegExpSource}${builtCssSuffixRegExp}$`, 'i');
+}
+
+/**
  * getLogger
@@ -45,3 +63,3 @@ * @param {import('..').Build} build
   window.__inject_${digest}__ = doInject;
-})();    
+})();
     `;
@@ -74,3 +92,3 @@ }
   window.__inject_${digest}__ = doInject;
-})();  
+})();
   `;
@@ -143,4 +161,4 @@ };
   builtCssSuffix,
-  modulesCssRegExp,
-  builtModulesCssRegExp,
+  getModulesCssRegExp,
+  getBuiltModulesCssRegExp,
   buildingCssSuffix,
@@ -147,0 +165,0 @@ getRelativePath,

lib/v1.js

@@ -161,4 +161,8 @@ const path = require('path');
 const setup = async (build, options) => {
+  const filter = options.filter ?? /\.modules?\.css$/;
+  const filterBaseSource = filter.source.endsWith('$') ? filter.source.slice(0, -1) : filter.source;
+  const filterCssJS = new RegExp(`${filterBaseSource}\\.js$`);
+
   build.onResolve(
-    { filter: /\.modules?\.css$/, namespace: 'file' },
+    { filter, namespace: 'file' },
     onResolveFactory(build, options)
@@ -168,3 +172,3 @@ );
   build.onLoad(
-    { filter: /\.modules?\.css\.js$/, namespace: pluginNamespace },
+    { filter: filterCssJS, namespace: pluginNamespace },
     onLoadFactory(build, options)
@@ -171,0 +175,0 @@ );

package.json

 {
   "name": "esbuild-css-modules-plugin",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "description": "A esbuild plugin to bundle css modules into js(x)/ts(x).",
@@ -5,0 +5,0 @@ "main": "./index.js",

readme.md

@@ -54,2 +54,4 @@ # esbuild-css-modules-plugin
 
+      filter: /\.modules?\.css$/i // Optional. Regex to filter certain CSS files.
+
       cssModulesOption: {
@@ -56,0 +58,0 @@ // optional, refer to: https://github.com/madyankin/postcss-modules/blob/d7cefc427c43bf35f7ebc55e7bda33b4689baf5a/index.d.ts#L27

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35295

increased by2.48%

Lines of code

901

increased by2.5%

Number of lines in readme file

76

increased by2.7%

No dependency changes