@nx/react 21.1.1 → 21.1.3

package/README.md

@@ -1,7 +1,7 @@
 <p style="text-align: center;">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
-    <img alt="Nx - Smart Monorepos · Fast CI" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
+    <img alt="Nx - Smart Repos · Fast Builds" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
   </picture>
 </p>
 
@@ -20,9 +20,9 @@
 
 <hr>
 
-# Nx: Smart Monorepos · Fast CI
+# Nx: Smart Repos · Fast Builds
 
-Nx is a build system, optimized for monorepos, with plugins for popular frameworks and tools and advanced CI capabilities including caching and distribution.
+An AI-first build platform that connects everything from your editor to CI. Helping you deliver fast, without breaking things.
 
 This package is a [React plugin for Nx](https://nx.dev/nx-api/react).
 
@@ -64,5 +64,5 @@ npx nx@latest init
 - [Blog Posts About Nx](https://nx.dev/blog)
 
 <p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
-width="100%" alt="Nx - Smart Monorepos · Fast CI"></a></p>
+width="100%" alt="Nx - Smart Repos · Fast Builds"></a></p>
 

package/mf/dynamic-federation.js

@@ -4,6 +4,7 @@ exports.setRemoteUrlResolver = setRemoteUrlResolver;
 exports.setRemoteDefinitions = setRemoteDefinitions;
 exports.setRemoteDefinition = setRemoteDefinition;
 exports.loadRemoteModule = loadRemoteModule;
+const node_path_1 = require("node:path");
 let remoteUrlDefinitions = {};
 let resolveRemoteUrl;
 const remoteModuleMap = new Map();
@@ -131,10 +132,15 @@ async function loadRemoteContainer(remoteName) {
     const remoteUrl = remoteUrlDefinitions
         ? remoteUrlDefinitions[remoteName]
         : await resolveRemoteUrl(remoteName);
-    let containerUrl = remoteUrl;
-    if (!remoteUrl.endsWith('.mjs') && !remoteUrl.endsWith('.js')) {
-        containerUrl = `${remoteUrl}${remoteUrl.endsWith('/') ? '' : '/'}remoteEntry.js`;
+    const url = new URL(remoteUrl);
+    const ext = (0, node_path_1.extname)(url.pathname);
+    const needsRemoteEntry = !['.js', '.mjs', '.json'].includes(ext);
+    if (needsRemoteEntry) {
+        url.pathname = url.pathname.endsWith('/')
+            ? `${url.pathname}remoteEntry.mjs`
+            : `${url.pathname}/remoteEntry.mjs`;
     }
+    const containerUrl = url.href;
     const container = await fetchRemoteModule(containerUrl, remoteName);
     await container.init(__webpack_share_scopes__.default);
     remoteContainerMap.set(remoteName, container);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "21.1.1",
+  "version": "21.1.3",
   "private": false,
   "description": "The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, components, hooks, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -38,11 +38,11 @@
     "minimatch": "9.0.3",
     "picocolors": "^1.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "21.1.1",
-    "@nx/js": "21.1.1",
-    "@nx/eslint": "21.1.1",
-    "@nx/web": "21.1.1",
-    "@nx/module-federation": "21.1.1",
+    "@nx/devkit": "21.1.3",
+    "@nx/js": "21.1.3",
+    "@nx/eslint": "21.1.3",
+    "@nx/web": "21.1.3",
+    "@nx/module-federation": "21.1.3",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.3",
     "semver": "^7.6.3"

package/src/generators/library/lib/install-common-dependencies.js

@@ -32,6 +32,7 @@ async function installCommonDependencies(host, options) {
     }
     if (options.unitTestRunner && options.unitTestRunner !== 'none') {
         devDependencies['@testing-library/react'] = versions_1.testingLibraryReactVersion;
+        devDependencies['@testing-library/dom'] = versions_1.testingLibraryDomVersion;
     }
     const baseInstallTask = (0, devkit_1.addDependenciesToPackageJson)(host, dependencies, devDependencies);
     tasks.push(baseInstallTask);

package/src/generators/library/library.js

@@ -187,6 +187,7 @@ async function libraryGeneratorInternal(host, schema) {
             export: true,
             routing: options.routing,
             js: options.js,
+            name: options.name,
             inSourceTests: options.inSourceTests,
             skipFormat: true,
             globalCss: options.globalCss,