@nx/react 20.1.0-canary.20241030-62f58eb → 20.1.0-canary.20241101-d4f4dac

package/src/generators/host/files/webpack-module-federation/webpack.config.prod.js__tmpl__

@@ -5,27 +5,29 @@ const { withModuleFederation } = require('@nx/react/module-federation');
 const baseConfig = require('./module-federation.config');
 
 const prodConfig = {
-    ...baseConfig,
-    /*
-     * Remote overrides for production.
-     * Each entry is a pair of a unique name and the URL where it is deployed.
-     *
-     * e.g.
-     * remotes: [
-     *   ['app1', 'http://app1.example.com'],
-     *   ['app2', 'http://app2.example.com'],
-     * ]
-     *
-     * You can also use a full path to the remoteEntry.js file if desired.
-     *
-     * remotes: [
-     *   ['app1', 'http://example.com/path/to/app1/remoteEntry.js'],
-     *   ['app2', 'http://example.com/path/to/app2/remoteEntry.js'],
-     * ]
-     */
-    remotes: [
-      <% remotes.forEach(function(r) {%>['<%= r.fileName %>', 'http://localhost:<%= r.port %>/'],<% }); %>
-    ],
+  ...baseConfig,
+  /*
+    * Remote overrides for production.
+    * Each entry is a pair of a unique name and the URL where it is deployed.
+    *
+    * e.g.
+    * remotes: [
+    *   ['app1', 'http://app1.example.com'],
+    *   ['app2', 'http://app2.example.com'],
+    * ]
+    *
+    * You can also use a full path to the remoteEntry.js file if desired.
+    *
+    * remotes: [
+    *   ['app1', 'http://example.com/path/to/app1/remoteEntry.js'],
+    *   ['app2', 'http://example.com/path/to/app2/remoteEntry.js'],
+    * ]
+    */
+  remotes: [
+    <%_ remotes.forEach(function(r) { _%>
+    ['<%= r.fileName %>', 'http://localhost:<%= r.port %>/'],
+    <%_ }); _%>
+  ],
 };
 
 // Nx plugins for webpack to build config object from Nx options and context.

package/src/generators/host/files/webpack-module-federation-ssr/module-federation.server.config.js__tmpl__

@@ -4,12 +4,12 @@
  * @type {import('@nx/webpack').ModuleFederationConfig}
  **/
 const moduleFederationConfig = {
-    name: '<%= projectName %>',
-    remotes: [
-       <% if (static) { 
-         remotes.forEach(function(r) { %> "<%= r.fileName %>", <% }); 
-       }
-    %>
+  name: '<%= projectName %>',
+  remotes: [
+    <%_ if (static) { 
+      remotes.forEach(function(r) { _%> 
+    "<%= r.fileName %>", 
+      <%_ }); } _%>
   ],
 };
 

package/src/generators/host/files/webpack-module-federation-ssr/webpack.server.config.js__tmpl__

@@ -5,7 +5,7 @@ const {withModuleFederationForSSR} = require('@nx/react/module-federation');
 const baseConfig = require('./module-federation.config');
 
 const defaultConfig = {
-    ...baseConfig
+	...baseConfig
 };
 
 // Nx plugins for webpack to build config object from Nx options and context.

package/src/generators/host/files/webpack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

@@ -1,12 +1,12 @@
 import { ModuleFederationConfig } from '@nx/webpack';
 
 const config: ModuleFederationConfig = {
-    name: '<%= projectName %>',
-    remotes: [
-      <% if (static) { 
-         remotes.forEach(function(r) { %> "<%= r.fileName %>", <% }); 
-       }
-    %>
+  name: '<%= projectName %>',
+  remotes: [
+    <%_ if (static) { 
+        remotes.forEach(function(r) { _%> 
+    "<%= r.fileName %>", 
+    <%_ }); } _%>
   ],
 };
 

package/src/generators/host/files/webpack-module-federation-ssr-ts/webpack.server.config.ts__tmpl__

@@ -5,7 +5,7 @@ import {withModuleFederationForSSR} from '@nx/react/module-federation';
 import baseConfig from './module-federation.config';
 
 const defaultConfig = {
-    ...baseConfig
+  ...baseConfig
 };
 
 // Nx plugins for webpack to build config object from Nx options and context.

package/src/generators/host/files/webpack-module-federation-ts/module-federation.config.ts__tmpl__

@@ -1,24 +1,24 @@
 import { ModuleFederationConfig } from '@nx/webpack';
 
 const config: ModuleFederationConfig = {
-    name: '<%= projectName %>',
-    /**
-     * To use a remote that does not exist in your current Nx Workspace
-     * You can use the tuple-syntax to define your remote
-     *
-     * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
-     *
-     * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
-     * following content:
-     *
-     * declare module 'my-external-remote';
-     *
-     */
-    remotes: [
-            <% if (static) { 
-         remotes.forEach(function(r) { %> "<%= r.fileName %>", <% }); 
-       }
-    %>
+  name: '<%= projectName %>',
+  /**
+    * To use a remote that does not exist in your current Nx Workspace
+    * You can use the tuple-syntax to define your remote
+    *
+    * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
+    *
+    * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
+    * following content:
+    *
+    * declare module 'my-external-remote';
+    *
+    */
+  remotes: [
+    <%_ if (static) { 
+      remotes.forEach(function(r) { _%> 
+    "<%= r.fileName %>", 
+    <%_ }); } _%>
   ],
 };
 

package/src/generators/host/files/webpack-module-federation-ts/webpack.config.prod.ts__tmpl__

@@ -6,27 +6,29 @@ import { ModuleFederationConfig } from '@nx/webpack';
 import baseConfig from './module-federation.config';
 
 const prodConfig: ModuleFederationConfig = {
-    ...baseConfig,
-    /*
-     * Remote overrides for production.
-     * Each entry is a pair of a unique name and the URL where it is deployed.
-     *
-     * e.g.
-     * remotes: [
-     *   ['app1', 'http://app1.example.com'],
-     *   ['app2', 'http://app2.example.com'],
-     * ]
-     *
-     * You can also use a full path to the remoteEntry.js file if desired.
-     *
-     * remotes: [
-     *   ['app1', 'http://example.com/path/to/app1/remoteEntry.js'],
-     *   ['app2', 'http://example.com/path/to/app2/remoteEntry.js'],
-     * ]
-     */
-    remotes: [
-        <% remotes.forEach(function(r) {%>['<%= r.fileName %>', 'http://localhost:<%= r.port %>/'],<% }); %>
-],
+  ...baseConfig,
+  /*
+    * Remote overrides for production.
+    * Each entry is a pair of a unique name and the URL where it is deployed.
+    *
+    * e.g.
+    * remotes: [
+    *   ['app1', 'http://app1.example.com'],
+    *   ['app2', 'http://app2.example.com'],
+    * ]
+    *
+    * You can also use a full path to the remoteEntry.js file if desired.
+    *
+    * remotes: [
+    *   ['app1', 'http://example.com/path/to/app1/remoteEntry.js'],
+    *   ['app2', 'http://example.com/path/to/app2/remoteEntry.js'],
+    * ]
+    */
+  remotes: [
+    <%_ remotes.forEach(function(r) { _%>
+    ['<%= r.fileName %>', 'http://localhost:<%= r.port %>/'],
+    <%_ }); _%>
+  ],
 };
 
 // Nx plugins for webpack to build config object from Nx options and context.

package/src/generators/host/files/webpack-module-federation-ts/webpack.config.ts__tmpl__

@@ -5,7 +5,7 @@ import {withModuleFederation} from '@nx/react/module-federation';
 import baseConfig from './module-federation.config';
 
 const config: ModuleFederationConfig = {
-    ...baseConfig,
+  ...baseConfig,
 };
 
 // Nx plugins for webpack to build config object from Nx options and context.

package/src/generators/library/files/common/tsconfig.lib.json__tmpl__

@@ -4,7 +4,7 @@
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": [
       "node",
-      <% if (style === 'styled-jsx') { %>"@nx/react/typings/styled-jsx.d.ts",<% } %>
+      <%_ if (style === 'styled-jsx') { %>"@nx/react/typings/styled-jsx.d.ts",<% } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]

package/src/generators/library/files/vite/tsconfig.lib.json__tmpl__

@@ -4,7 +4,7 @@
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": [
       "node",
-      <% if (style === 'styled-jsx') { %>"@nx/react/typings/styled-jsx.d.ts",<% } %>
+      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]

package/src/generators/remote/files/rspack-module-federation/module-federation.config.js__tmpl__

@@ -2,11 +2,11 @@
 * Nx requires a default export of the config to allow correct resolution of the module federation graph.
 **/
 module.exports = {
-   name: '<%= projectName %>',
-   <% if (dynamic) { %>
-   library: { type: 'var', name: '<%= projectName %>'},
-   <% } %>
-   exposes: {
-     './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
-   },
+  name: '<%= projectName %>',
+  <%_ if (dynamic) { _%>
+  library: { type: 'var', name: '<%= projectName %>'},
+  <%_ } _%>
+  exposes: {
+    './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
+  },
 };

package/src/generators/remote/files/rspack-module-federation-ssr/module-federation.server.config.js__tmpl__

@@ -2,8 +2,8 @@
 * Nx requires a default export of the config to allow correct resolution of the module federation graph.
 **/
 module.exports = {
-    name: '<%= projectName %>',
-   exposes: {
-     './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
-   },
+  name: '<%= projectName %>',
+  exposes: {
+    './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
+  },
 };

package/src/generators/remote/files/rspack-module-federation-ssr/rspack.server.config.js__tmpl__

@@ -4,7 +4,7 @@ const {withModuleFederationForSSR} = require('@nx/rspack/module-federation');
 const baseConfig = require("./module-federation.server.config");
 
 const defaultConfig = {
-    ...baseConfig,
+  ...baseConfig,
 };
 
 // Nx plugins for rspack to build config object from Nx options and context.

package/src/generators/remote/files/rspack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

@@ -1,10 +1,10 @@
 import {ModuleFederationConfig} from '@nx/rspack/module-federation';
 
 const config: ModuleFederationConfig = {
-    name: '<%= projectName %>',
-    exposes: {
-        './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
-    },
+  name: '<%= projectName %>',
+  exposes: {
+      './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
+  },
 };
 
 /**

package/src/generators/remote/files/rspack-module-federation-ssr-ts/rspack.server.config.ts__tmpl__

@@ -4,7 +4,7 @@ import {withModuleFederationForSSR} from '@nx/rspack/module-federation';
 import baseConfig from "./module-federation.server.config";
 
 const defaultConfig = {
-    ...baseConfig,
+  ...baseConfig,
 };
 
 // Nx plugins for rspack to build config object from Nx options and context.

package/src/generators/remote/files/rspack-module-federation-ts/module-federation.config.ts__tmpl__

@@ -1,13 +1,13 @@
 import {ModuleFederationConfig} from '@nx/rspack/module-federation';
 
 const config: ModuleFederationConfig = {
-    name: '<%= projectName %>',
-    <% if (dynamic) { %>
-   library: { type: 'var', name: '<%= projectName %>'},
-   <% } %>
-    exposes: {
-        './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
-    },
+  name: '<%= projectName %>',
+  <%_ if (dynamic) { _%>
+  library: { type: 'var', name: '<%= projectName %>'},
+  <%_ } _%>
+  exposes: {
+    './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
+  },
 };
 
 /**

package/src/generators/remote/files/rspack-module-federation-ts/rspack.config.ts__tmpl__

@@ -4,7 +4,7 @@ import {withModuleFederation} from '@nx/rspack/module-federation';
 import baseConfig from './module-federation.config';
 
 const config = {
-    ...baseConfig,
+  ...baseConfig,
 };
 
 // Nx plugins for rspack to build config object from Nx options and context.

package/src/generators/remote/files/webpack-module-federation/module-federation.config.js__tmpl__

@@ -2,11 +2,11 @@
 * Nx requires a default export of the config to allow correct resolution of the module federation graph.
 **/
 module.exports = {
-   name: '<%= projectName %>',
-   <% if (dynamic) { %>
-   library: { type: 'var', name: '<%= projectName %>'},
-   <% } %>
-   exposes: {
-     './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
-   },
+  name: '<%= projectName %>',
+  <%_ if (dynamic) { _%>
+  library: { type: 'var', name: '<%= projectName %>'},
+  <%_ } _%>
+  exposes: {
+    './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
+  },
 };

package/src/generators/remote/files/webpack-module-federation-ssr/module-federation.server.config.js__tmpl__

@@ -2,8 +2,8 @@
 * Nx requires a default export of the config to allow correct resolution of the module federation graph.
 **/
 module.exports = {
-    name: '<%= projectName %>',
-   exposes: {
-     './Module': '<%= appProjectRoot %>/src/remote-entry.<%= js ? 'js' : 'ts' %>',
-   },
+  name: '<%= projectName %>',
+  exposes: {
+    './Module': '<%= appProjectRoot %>/src/remote-entry.<%= js ? 'js' : 'ts' %>',
+  },
 };

package/src/generators/remote/files/webpack-module-federation-ssr/webpack.server.config.js__tmpl__

@@ -5,7 +5,7 @@ const {withModuleFederationForSSR} = require('@nx/react/module-federation');
 const baseConfig = require("./module-federation.server.config");
 
 const defaultConfig = {
-    ...baseConfig,
+  ...baseConfig,
 };
 
 // Nx plugins for webpack to build config object from Nx options and context.

package/src/generators/remote/files/webpack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

@@ -1,10 +1,10 @@
 import {ModuleFederationConfig} from '@nx/webpack';
 
 const config: ModuleFederationConfig = {
-    name: '<%= projectName %>',
-    exposes: {
-        './Module': '<%= appProjectRoot %>/src/remote-entry.<%= js ? 'js' : 'ts' %>',
-    },
+  name: '<%= projectName %>',
+  exposes: {
+    './Module': '<%= appProjectRoot %>/src/remote-entry.<%= js ? 'js' : 'ts' %>',
+  },
 };
 
 /**

package/src/generators/remote/files/webpack-module-federation-ssr-ts/webpack.server.config.ts__tmpl__

@@ -5,7 +5,7 @@ import {withModuleFederationForSSR} from '@nx/react/module-federation';
 import baseConfig from "./module-federation.server.config";
 
 const defaultConfig = {
-    ...baseConfig,
+  ...baseConfig,
 };
 
 // Nx plugins for webpack to build config object from Nx options and context.

package/src/generators/remote/files/webpack-module-federation-ts/module-federation.config.ts__tmpl__

@@ -1,13 +1,13 @@
 import {ModuleFederationConfig} from '@nx/webpack';
 
 const config: ModuleFederationConfig = {
-    name: '<%= projectName %>',
-    <% if (dynamic) { %>
-   library: { type: 'var', name: '<%= projectName %>'},
-   <% } %>
-    exposes: {
-        './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
-    },
+  name: '<%= projectName %>',
+  <%_ if (dynamic) { _%>
+  library: { type: 'var', name: '<%= projectName %>'},
+  <%_ } _%>
+  exposes: {
+    './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
+  },
 };
 
 /**

package/src/generators/remote/files/webpack-module-federation-ts/webpack.config.ts__tmpl__

@@ -5,7 +5,7 @@ import {withModuleFederation} from '@nx/react/module-federation';
 import baseConfig from './module-federation.config';
 
 const config = {
-    ...baseConfig,
+  ...baseConfig,
 };
 
 // Nx plugins for webpack to build config object from Nx options and context.