@nx/webpack 23.2.0-beta.11 → 23.2.0-beta.12

package/dist/src/executors/webpack/schema.d.ts

@@ -82,6 +82,7 @@ export interface WebpackExecutorOptions {
   crossOrigin?: 'none' | 'anonymous' | 'use-credentials';
   deployUrl?: string;
   extractCss?: boolean;
+  cssModuleHashFunction?: string;
   generateIndexHtml?: boolean;
   index?: string;
   postcssConfig?: string;

package/dist/src/executors/webpack/schema.json

@@ -265,6 +265,10 @@
       "type": "boolean",
       "description": "Extract CSS into a `.css` file."
     },
+    "cssModuleHashFunction": {
+      "type": "string",
+      "description": "Hash algorithm used to generate CSS module class names. Defaults to `md5`, which FIPS-restricted OpenSSL rejects. Changing it renames generated class names."
+    },
     "subresourceIntegrity": {
       "type": "boolean",
       "description": "Enables the use of subresource integrity validation."

package/dist/src/plugins/nx-webpack-plugin/lib/stylesheet-loaders.d.ts

@@ -1,4 +1,3 @@
-import { getCSSModuleLocalIdent } from '../../../utils/get-css-module-local-ident';
 import { NormalizedNxAppWebpackPluginOptions } from '../nx-app-webpack-plugin-options';
 interface PostcssOptions {
     (loader: any): any;
@@ -12,7 +11,7 @@ export declare function getCommonLoadersForCssModules(options: NormalizedNxAppWe
     options: {
         modules: {
             mode: string;
-            getLocalIdent: typeof getCSSModuleLocalIdent;
+            getLocalIdent: (ctx: any, localIdentName: any, localName: any, loaderOptions: any) => any;
             namedExport: boolean;
             exportLocalsConvention: string;
         };

package/dist/src/plugins/nx-webpack-plugin/lib/stylesheet-loaders.js

@@ -24,7 +24,7 @@ function getCommonLoadersForCssModules(options, includePaths) {
             options: {
                 modules: {
                     mode: 'local',
-                    getLocalIdent: get_css_module_local_ident_1.getCSSModuleLocalIdent,
+                    getLocalIdent: (ctx, localIdentName, localName, loaderOptions) => (0, get_css_module_local_ident_1.getCSSModuleLocalIdent)(ctx, localIdentName, localName, loaderOptions, options.cssModuleHashFunction),
                     // css-loader 7 defaults namedExport to true, and to camel-case-only
                     // locals when it is off. Generated components import the default
                     // export and reference class names as authored, so pin both.

package/dist/src/plugins/nx-webpack-plugin/nx-app-webpack-plugin-options.d.ts

@@ -74,6 +74,11 @@ export interface NxAppWebpackPluginOptions {
      * Set `crossorigin` attribute on the `script` and `link` tags.
      */
     crossOrigin?: 'none' | 'anonymous' | 'use-credentials';
+    /**
+     * Hash algorithm used to generate CSS module class names. Defaults to `md5`,
+     * which FIPS-restricted OpenSSL rejects. Changing it renames generated class names.
+     */
+    cssModuleHashFunction?: string;
     /**
      * The deploy path for the application. e.g. `/my-app/`
      */

package/dist/src/plugins/plugin.js

@@ -88,6 +88,11 @@ async function createWebpackTargets(configFilePath, projectRoot, options, contex
     targets[options.buildTargetName] = {
         command: `webpack-cli build`,
         options: { cwd: projectRoot, env: { NODE_ENV: 'production' } },
+        configurations: {
+            development: {
+                env: { NODE_ENV: 'development' },
+            },
+        },
         cache: true,
         dependsOn: [`^${options.buildTargetName}`],
         inputs: [

package/dist/src/utils/e2e-web-server-info-utils.js

@@ -8,7 +8,10 @@ async function getWebpackE2EWebServerInfo(tree, projectName, configFilePath, isP
     let e2ePort = e2ePortOverride ?? 4200;
     const servePort = (0, internal_1.readTargetDefaultsForTarget)('serve', nxJson.targetDefaults)
         ?.options?.port;
-    if (servePort) {
+    // targetDefaults is a workspace-wide fallback, so it fills in only when the caller
+    // did not ask for a port. Letting it win over an explicit request would point e2e at
+    // a different port than the serve target the generator just wrote.
+    if (servePort && e2ePortOverride == null) {
         e2ePort = servePort;
     }
     return (0, internal_1.getE2EWebServerInfo)(tree, projectName, {
@@ -22,5 +25,6 @@ async function getWebpackE2EWebServerInfo(tree, projectName, configFilePath, isP
         defaultE2EWebServerAddress: `http://localhost:${e2ePort}`,
         defaultE2ECiBaseUrl: `http://localhost:${e2ePort}`,
         defaultE2EPort: e2ePort,
+        e2EPortIsExplicit: e2ePortOverride != null,
     }, isPluginBeingAdded);
 }

package/dist/src/utils/get-css-module-local-ident.d.ts

@@ -1 +1 @@
-export declare function getCSSModuleLocalIdent(ctx: any, localIdentName: any, localName: any, options: any): any;
+export declare function getCSSModuleLocalIdent(ctx: any, localIdentName: any, localName: any, options: any, hashFunction?: string): any;

package/dist/src/utils/get-css-module-local-ident.js

@@ -3,13 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCSSModuleLocalIdent = getCSSModuleLocalIdent;
 const path_1 = require("path");
 const loader_utils_1 = require("loader-utils");
-function getCSSModuleLocalIdent(ctx, localIdentName, localName, options) {
+function getCSSModuleLocalIdent(ctx, localIdentName, localName, options, hashFunction) {
     // Use the filename or folder name, based on some uses the index.js / index.module.(css|scss|sass) project style
     const fileNameOrFolder = ctx.resourcePath.match(/index\.module\.(css|scss|sass)$/)
         ? '[folder]'
         : '[name]';
     // Create a hash based on a the file location and class name. Will be unique across a project, and close to globally unique.
-    const hash = (0, loader_utils_1.getHashDigest)(path_1.posix.relative(ctx.rootContext, ctx.resourcePath) + localName, 'md5', 'base64', 5);
+    const hash = (0, loader_utils_1.getHashDigest)(path_1.posix.relative(ctx.rootContext, ctx.resourcePath) + localName, 
+    // md5 is unavailable under FIPS-restricted OpenSSL (nx#36829). Env var stays
+    // undocumented on purpose - `cssModuleHashFunction` is the documented option.
+    hashFunction || process.env.NX_CSS_MODULE_HASH_FUNCTION || 'md5', 'base64', 5);
     // Use loaderUtils to find the file or folder name
     const className = (0, loader_utils_1.interpolateName)(ctx, `${fileNameOrFolder}_${localName}__${hash}`, options);
     // Remove the .module that appears in every classname when based on the file and replace all "." with "_".

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/webpack",
-  "version": "23.2.0-beta.11",
+  "version": "23.2.0-beta.12",
   "private": false,
   "type": "commonjs",
   "files": [
@@ -118,8 +118,8 @@
     "tslib": "^2.3.0",
     "webpack-node-externals": "^3.0.0",
     "webpack-subresource-integrity": "^5.1.0",
-    "@nx/devkit": "23.2.0-beta.11",
-    "@nx/js": "23.2.0-beta.11"
+    "@nx/devkit": "23.2.0-beta.12",
+    "@nx/js": "23.2.0-beta.12"
   },
   "peerDependencies": {
     "webpack": "^5.0.0",
@@ -138,7 +138,7 @@
     }
   },
   "devDependencies": {
-    "nx": "23.2.0-beta.11"
+    "nx": "23.2.0-beta.12"
   },
   "publishConfig": {
     "access": "public"