npm - @nx/react - Versions diffs - 23.0.0-beta.2 → 23.0.0-beta.21 - Mend

@nx/react 23.0.0-beta.2 → 23.0.0-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/src/generators/provider/files/rsbuild/package.json__tmpl__ ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "rsbuild dev --port <%= port %>",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview --port <%= port %>"
+  },
+  "dependencies": {
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@module-federation/rsbuild-plugin": "<%= versions.moduleFederationRsbuildPluginVersion %>",
+    "@rsbuild/core": "<%= versions.rsbuildCoreVersion %>",
+    "@rsbuild/plugin-react": "<%= versions.rsbuildPluginReactVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>"
+  }
+}

package/src/generators/provider/files/rsbuild/rsbuild.config.ts__tmpl__ ADDED Viewed

@@ -0,0 +1,31 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
+const PORT = <%= port %>;
+const NAME = '<%= federationName %>';
+export default defineConfig({
+  server: {
+    port: PORT,
+    // Allow cross-origin fetches from a consumer on a different port.
+    headers: { 'Access-Control-Allow-Origin': '*' },
+  },
+  // assetPrefix:true tells rsbuild to emit chunks with the dev-server URL as
+  // their public path. Without it a consumer on a different port asks its
+  // own origin for the federated chunks and gets the SPA-fallback HTML.
+  dev: { assetPrefix: true },
+  html: { template: './index.html' },
+  source: { entry: { index: './src/index.ts' } },
+  plugins: [
+    pluginReact(),
+    pluginModuleFederation({
+      name: NAME,
+      filename: 'remoteEntry.js',
+      exposes: {
+        './<%= exposeName %>': './src/<%= componentName %>.tsx',
+      },
+      shared: ['react', 'react-dom'],
+    }),
+  ],
+});

package/src/generators/provider/files/rspack/index.html__tmpl__ ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title><%= projectName %> (standalone)</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <!-- HtmlRspackPlugin injects the entry script automatically; do not add it here. -->
+  </body>
+</html>

package/src/generators/provider/files/rspack/package.json__tmpl__ ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve --mode=development",
+    "build": "rspack build --mode=production"
+  },
+  "dependencies": {
+    "@module-federation/enhanced": "<%= versions.moduleFederationEnhancedVersion %>",
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@rspack/cli": "<%= versions.rspackCliVersion %>",
+    "@rspack/core": "<%= versions.rspackCoreVersion %>",
+    "@rspack/dev-server": "<%= versions.rspackDevServerVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>"
+  }
+}

package/src/generators/provider/files/rspack/rspack.config.ts__tmpl__ ADDED Viewed

@@ -0,0 +1,69 @@
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+// __dirname is undefined when @rspack/cli loads this config as ESM (it
+// does, because the file uses `import` statements). Derive it from the
+// module URL so the config works regardless of how the loader interprets it.
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const PORT = <%= port %>;
+const NAME = '<%= federationName %>';
+// Read mode from the rspack CLI arg (`--mode=development|production`) so the
+// config works the same on Windows + POSIX without depending on a shell
+// `NODE_ENV=...` prefix.
+export default defineConfig((_env, argv) => {
+  const isDev = argv.mode !== 'production';
+  return {
+    context: __dirname,
+    entry: { main: './src/index.ts' },
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      publicPath: 'auto',
+      uniqueName: NAME,
+      clean: true,
+    },
+    devServer: {
+      port: PORT,
+      historyApiFallback: true,
+      hot: true,
+      headers: { 'Access-Control-Allow-Origin': '*' },
+    },
+    resolve: { extensions: ['...', '.ts', '.tsx', '.jsx'] },
+    module: {
+      rules: [
+        {
+          test: /\.(j|t)sx?$/,
+          exclude: [/node_modules/],
+          use: {
+            loader: 'builtin:swc-loader',
+            options: {
+              jsc: {
+                parser: { syntax: 'typescript', tsx: true },
+                transform: { react: { runtime: 'automatic', development: isDev } },
+              },
+              env: { targets: 'Chrome >= 87, Firefox >= 78, Edge >= 88, Safari >= 14' },
+            },
+          },
+        },
+      ],
+    },
+    plugins: [
+      // excludeChunks is REQUIRED on a provider: without it the federation
+      // remoteEntry chunk gets injected into the standalone HTML and breaks
+      // direct serves.
+      new rspack.HtmlRspackPlugin({ template: './index.html', excludeChunks: [NAME] }),
+      new ModuleFederationPlugin({
+        name: NAME,
+        filename: 'remoteEntry.js',
+        exposes: {
+          './<%= exposeName %>': './src/<%= componentName %>.tsx',
+        },
+        shared: ['react', 'react-dom'],
+      }),
+    ],
+  };
+});

package/src/generators/provider/files/vite/index.html__tmpl__ ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title><%= projectName %> (standalone)</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.ts"></script>
+  </body>
+</html>

package/src/generators/provider/files/vite/package.json__tmpl__ ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port <%= port %> --strictPort",
+    "build": "vite build",
+    "preview": "vite preview --port <%= port %> --strictPort"
+  },
+  "dependencies": {
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@module-federation/vite": "<%= versions.moduleFederationVitePluginVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "@vitejs/plugin-react": "<%= versions.vitejsPluginReactVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>",
+    "vite": "<%= versions.viteVersion %>"
+  }
+}

package/src/generators/provider/files/vite/vite.config.ts__tmpl__ ADDED Viewed

@@ -0,0 +1,37 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { federation } from '@module-federation/vite';
+// Port deliberately avoids 5000 (macOS AirTunes binds it on 0.0.0.0, leading
+// to silent EADDRINUSE on 127.0.0.1). Override `--port` only if 5000+ is free.
+const PORT = <%= port %>;
+export default defineConfig({
+  server: {
+    port: PORT,
+    strictPort: true,
+    origin: `http://localhost:${PORT}`,
+    host: '127.0.0.1',
+    // Allow cross-origin fetches of mf-manifest.json + chunks from a consumer
+    // running on a different port. Vite 8 narrows the default CORS allowlist
+    // to specific localhost patterns; setting `cors: true` emits a wildcard
+    // `Access-Control-Allow-Origin: *` for dev which is what federation needs.
+    cors: true,
+  },
+  preview: { port: PORT, strictPort: true, cors: true },
+  build: { target: 'chrome89' },
+  plugins: [
+    federation({
+      name: '<%= federationName %>',
+      filename: 'remoteEntry.js',
+      exposes: {
+        './<%= exposeName %>': './src/<%= componentName %>.tsx',
+      },
+      shared: {
+        react: { singleton: true },
+        'react-dom': { singleton: true },
+      },
+    }),
+    react(),
+  ],
+});

package/src/generators/provider/provider.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import type { ProviderGeneratorSchema } from './schema';
+export declare function providerGenerator(tree: Tree, schema: ProviderGeneratorSchema): Promise<GeneratorCallback>;
+export default providerGenerator;
+//# sourceMappingURL=provider.d.ts.map

package/src/generators/provider/provider.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/provider/provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,iBAAiB,EAIjB,IAAI,EACL,MAAM,YAAY,CAAC;AAWpB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAgBxD,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,uBAAuB,GAC9B,OAAO,CAAC,iBAAiB,CAAC,CAwF5B;AAED,eAAe,iBAAiB,CAAC"}

package/src/generators/provider/provider.js ADDED Viewed

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.providerGenerator = providerGenerator;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("@nx/js/src/utils/versions");
+const versions_2 = require("../../utils/versions");
+const mfVersions = tslib_1.__importStar(require("../_utils/mf-versions"));
+const mf_dependencies_1 = require("../_utils/mf-dependencies");
+const normalize_1 = require("../_utils/normalize");
+// `--mode=...` is rspack's portable equivalent of `NODE_ENV=...` and works on
+// Windows without a shell prefix.
+const BUNDLER_DEV_COMMAND = {
+    vite: 'vite',
+    rsbuild: 'rsbuild dev',
+    rspack: 'rspack serve --mode=development',
+};
+const BUNDLER_BUILD_COMMAND = {
+    vite: 'vite build',
+    rsbuild: 'rsbuild build',
+    rspack: 'rspack build --mode=production',
+};
+async function providerGenerator(tree, schema) {
+    const opts = await (0, normalize_1.normalizeScaffoldOptions)(tree, {
+        directory: schema.directory,
+        surface: 'provider',
+        bundler: schema.bundler,
+        port: schema.port,
+    });
+    // `exposeName` is the public MF expose key (consumers reference
+    // `<provider>/<exposeName>`) and may be kebab-case, e.g. `cart-widget`.
+    // `componentName` is the PascalCase identifier used for the React function
+    // and its filename, since `export function cart-widget()` would be invalid.
+    const exposeName = schema.exposeName?.trim() || 'App';
+    const componentName = (0, devkit_1.names)(exposeName).className;
+    // `dependsOn` on a `continuous: true` target lets nx spin up the consumer
+    // alongside the provider - matches the deprecated host/remote 'serve a
+    // remote, host comes along' UX. Only wired when --consumer is set (e.g.
+    // when the consumer generator scaffolds this provider).
+    const serveTarget = {
+        executor: 'nx:run-commands',
+        continuous: true,
+        options: {
+            command: BUNDLER_DEV_COMMAND[opts.bundler],
+            cwd: opts.projectRoot,
+        },
+    };
+    if (schema.consumer) {
+        serveTarget.dependsOn = [`${schema.consumer}:serve`];
+    }
+    (0, devkit_1.addProjectConfiguration)(tree, opts.projectName, {
+        root: opts.projectRoot,
+        sourceRoot: (0, devkit_1.joinPathFragments)(opts.projectRoot, 'src'),
+        projectType: 'application',
+        targets: {
+            serve: serveTarget,
+            build: {
+                executor: 'nx:run-commands',
+                options: {
+                    command: BUNDLER_BUILD_COMMAND[opts.bundler],
+                    cwd: opts.projectRoot,
+                },
+            },
+        },
+    });
+    const templateSubstitutions = {
+        projectName: opts.projectName,
+        federationName: opts.federationName,
+        port: opts.port,
+        exposeName,
+        componentName,
+        versions: {
+            ...mfVersions,
+            reactVersion: versions_2.reactVersion,
+            reactDomVersion: versions_2.reactDomVersion,
+            typesReactVersion: versions_2.typesReactVersion,
+            typesReactDomVersion: versions_2.typesReactDomVersion,
+            typescriptVersion: versions_1.typescriptVersion,
+        },
+        tmpl: '',
+    };
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files', '_common'), opts.projectRoot, templateSubstitutions);
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files', opts.bundler), opts.projectRoot, templateSubstitutions);
+    // Write deps into the workspace root package.json so bare bundler bins
+    // resolve when nx invokes the generated run-commands serve target. The
+    // per-project package.json template still ships for pnpm-workspace setups.
+    const deps = (0, mf_dependencies_1.getProviderDeps)(opts.bundler);
+    const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, deps.dependencies, deps.devDependencies);
+    await (0, devkit_1.formatFiles)(tree);
+    return (0, devkit_1.runTasksInSerial)(installTask);
+}
+exports.default = providerGenerator;

package/src/generators/provider/schema.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { SupportedBundler } from '../_utils/normalize';
+export interface ProviderGeneratorSchema {
+  directory: string;
+  bundler?: SupportedBundler;
+  port?: number;
+  exposeName?: string;
+  consumer?: string;
+}

package/src/generators/provider/schema.json ADDED Viewed

@@ -0,0 +1,46 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "NxReactProvider",
+  "title": "Create a Module Federation provider",
+  "description": "Scaffold a React Module Federation provider that exposes a federated component. The bundler is selected at generation time; the generated project has no Nx-wrapped bundler config.",
+  "cli": "nx",
+  "type": "object",
+  "properties": {
+    "directory": {
+      "type": "string",
+      "description": "Directory the provider is generated in, e.g. `apps/my-provider`. The project name (also used as the federation `name`, with hyphens converted to underscores) is inferred from the trailing path segment.",
+      "alias": "dir",
+      "$default": { "$source": "argv", "index": 0 },
+      "x-prompt": "Which directory do you want to create the provider in?"
+    },
+    "bundler": {
+      "type": "string",
+      "description": "Bundler used by the provider. The choice is final - the bundler config is too different to switch later.",
+      "enum": ["vite", "rsbuild", "rspack"],
+      "default": "vite",
+      "x-prompt": {
+        "message": "Which bundler should the provider use?",
+        "type": "list",
+        "items": [
+          { "value": "vite", "label": "Vite (default)" },
+          { "value": "rsbuild", "label": "Rsbuild" },
+          { "value": "rspack", "label": "Rspack" }
+        ]
+      }
+    },
+    "port": {
+      "type": "number",
+      "description": "Dev-server port the provider listens on. Defaults to a non-5000 port to avoid the macOS AirTunes collision on Vite."
+    },
+    "exposeName": {
+      "type": "string",
+      "description": "Name under which the federated component is exposed (consumers reference `<name>/<exposeName>`).",
+      "default": "App"
+    },
+    "consumer": {
+      "type": "string",
+      "description": "Name of a consumer project whose `serve` target this provider should depend on. When set, `nx serve <provider>` also spins up the consumer (the 'serve a remote, host comes along' UX from the deprecated host/remote generators). Set automatically when the provider is generated as part of `@nx/react:consumer --providerNames=...`."
+    }
+  },
+  "required": ["directory"]
+}

package/src/generators/redux/redux.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"redux.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/redux/redux.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,EASL,IAAI,EACL,MAAM,YAAY,CAAC;~~AAepB~~,OAAO,EAAoB,MAAM,EAAE,MAAM,UAAU,CAAC;AAIpD,wBAAsB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mDAW9D;AA0LD,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"redux.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/redux/redux.ts"],"names":[],"mappings":"AACA,OAAO,EASL,IAAI,EACL,MAAM,YAAY,CAAC;AAcpB,OAAO,EAAoB,MAAM,EAAE,MAAM,UAAU,CAAC;AAIpD,wBAAsB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mDAW9D;AA0LD,eAAe,cAAc,CAAC"}

package/src/generators/redux/redux.js CHANGED Viewed

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reduxGenerator = reduxGenerator;
 const tslib_1 = require("tslib");
+const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
-const artifact_name_and_directory_utils_1 = require("@nx/devkit/src/generators/artifact-name-and-directory-utils");
 const js_1 = require("@nx/js");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_2 = require("@nx/js/internal");
 const path = tslib_1.__importStar(require("path"));
 const ast_utils_1 = require("../../utils/ast-utils");
 const versions_1 = require("../../utils/versions");
@@ -35,7 +34,7 @@ function addReduxPackageDependencies(host) {
 }
 function addExportsToBarrel(host, options) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_2.ensureTypescript)();
     }
     const indexFilePath = (0, devkit_1.joinPathFragments)(options.projectSourcePath, options.fileExtensionType === 'js' ? 'index.js' : 'index.ts');
     if (!host.exists(indexFilePath)) {
@@ -62,7 +61,7 @@ function addStoreConfiguration(host, options) {
 }
 function updateReducerConfiguration(host, options) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_2.ensureTypescript)();
     }
     if (!options.appProjectSourcePath) {
         return;
@@ -77,7 +76,7 @@ function updateReducerConfiguration(host, options) {
     host.write(options.appMainFilePath, changes);
 }
 async function normalizeOptions(host, options) {
-    const { artifactName: name, directory, fileName, fileExtension, fileExtensionType, project: projectName, } = await (0, artifact_name_and_directory_utils_1.determineArtifactNameAndDirectoryOptions)(host, {
+    const { artifactName: name, directory, fileName, fileExtension, fileExtensionType, project: projectName, } = await (0, internal_1.determineArtifactNameAndDirectoryOptions)(host, {
         path: options.path,
         name: options.name,
         suffix: 'slice',
@@ -95,7 +94,7 @@ async function normalizeOptions(host, options) {
     const tsPaths = tsConfigJson.compilerOptions
         ? tsConfigJson.compilerOptions.paths || {}
         : {};
-    const modulePath = (0, ts_solution_setup_1.getProjectType)(host, root, projectType) === 'application'
+    const modulePath = (0, internal_2.getProjectType)(host, root, projectType) === 'application'
         ? options.path
             ? `./app/${options.path}/${extraNames.fileName}.slice`
             : `./app/${extraNames.fileName}.slice`
@@ -110,7 +109,7 @@ async function normalizeOptions(host, options) {
         if (appConfig.projectType !== 'application') {
             throw new Error(`Expected ${options.appProject} to be an application but got ${appConfig.projectType}`);
         }
-        appProjectSourcePath = (0, ts_solution_setup_1.getProjectSourceRoot)(appConfig, host);
+        appProjectSourcePath = (0, internal_2.getProjectSourceRoot)(appConfig, host);
         appMainFilePath = path.join(appProjectSourcePath, options.js ? 'main.js' : 'main.tsx');
         if (!host.exists(appMainFilePath)) {
             throw new Error(`Could not find ${appMainFilePath} during store configuration`);

package/src/generators/redux/schema.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { FileExtensionType } from '@nx/devkit/src/generators/artifact-name-and-directory-utils';
+import type { FileExtensionType } from '@nx/devkit/internal';
 export interface Schema {
   path: string;

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

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/module-federation';
+import type {ModuleFederationConfig} from '@nx/module-federation';
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

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

@@ -1,6 +1,6 @@
 import { NxAppRspackPlugin } from '@nx/rspack/app-plugin.js';
 import { NxReactRspackPlugin } from '@nx/rspack/react-plugin.js';
-import { NxModuleFederationPlugin, NxModuleFederationSSRDevServerPlugin } from '@nx/module-federation/rspack.js';
+import { NxModuleFederationPlugin, NxModuleFederationSSRDevServerPlugin } from '@nx/module-federation/rspack';
 import { join } from 'path';
 import browserMfConfig from './module-federation.config';

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

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/module-federation';
+import type {ModuleFederationConfig} from '@nx/module-federation';
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

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

@@ -1,6 +1,6 @@
 import { NxAppRspackPlugin } from '@nx/rspack/app-plugin.js';
 import { NxReactRspackPlugin } from '@nx/rspack/react-plugin.js';
-import { NxModuleFederationPlugin, NxModuleFederationDevServerPlugin } from '@nx/module-federation/rspack.js';
+import { NxModuleFederationPlugin, NxModuleFederationDevServerPlugin } from '@nx/module-federation/rspack';
 import { join } from 'path';
 import config from './module-federation.config';

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

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/module-federation';
+import type {ModuleFederationConfig} from '@nx/module-federation';
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

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

@@ -1,6 +1,6 @@
 import {composePlugins, withNx} from '@nx/webpack';
 import {withReact} from '@nx/react';
-import {withModuleFederationForSSR} from '@nx/module-federation/webpack.js';
+import {withModuleFederationForSSR} from '@nx/module-federation/webpack';
 import baseConfig from "./module-federation.server.config";

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

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/module-federation';
+import type {ModuleFederationConfig} from '@nx/module-federation';
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

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

@@ -1,6 +1,6 @@
 import {composePlugins, withNx} from '@nx/webpack';
 import {withReact} from '@nx/react';
-import {withModuleFederation} from '@nx/module-federation/webpack.js';
+import {withModuleFederation} from '@nx/module-federation/webpack';
 import baseConfig from './module-federation.config';

package/src/generators/remote/lib/setup-package-json-exports-for-remote.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupPackageJsonExportsForRemote = setupPackageJsonExportsForRemote;
 const devkit_1 = require("@nx/devkit");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 const maybe_js_1 = require("../../../utils/maybe-js");
 function setupPackageJsonExportsForRemote(tree, options) {
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.projectName);
@@ -12,7 +12,7 @@ function setupPackageJsonExportsForRemote(tree, options) {
             `TypeScript solution setup requires package.json for all projects.`);
     }
     const exportPath = (0, maybe_js_1.maybeJs)(options, './src/remote-entry.ts');
-    const customCondition = (0, ts_solution_setup_1.getDefinedCustomConditionName)(tree);
+    const customCondition = (0, internal_1.getDefinedCustomConditionName)(tree);
     (0, devkit_1.updateJson)(tree, packageJsonPath, (json) => {
         json.exports = {
             ...json.exports,

package/src/generators/remote/lib/update-host-with-remote.js CHANGED Viewed

@@ -2,20 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateHostWithRemote = updateHostWithRemote;
 const devkit_1 = require("@nx/devkit");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 const ast_utils_1 = require("../../../module-federation/ast-utils");
 let tsModule;
 function updateHostWithRemote(host, hostName, remoteName) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_1.ensureTypescript)();
     }
     const hostConfig = (0, devkit_1.readProjectConfiguration)(host, hostName);
     let moduleFederationConfigPath = (0, devkit_1.joinPathFragments)(hostConfig.root, 'module-federation.config.js');
     if (!host.exists(moduleFederationConfigPath)) {
         moduleFederationConfigPath = (0, devkit_1.joinPathFragments)(hostConfig.root, 'module-federation.config.ts');
     }
-    const appComponentPath = findAppComponentPath(host, (0, ts_solution_setup_1.getProjectSourceRoot)(hostConfig, host));
+    const appComponentPath = findAppComponentPath(host, (0, internal_1.getProjectSourceRoot)(hostConfig, host));
     if (host.exists(moduleFederationConfigPath)) {
         // find the host project path
         // Update remotes inside ${host_path}/src/remotes.d.ts
@@ -36,7 +35,7 @@ function updateHostWithRemote(host, hostName, remoteName) {
         devkit_1.logger.warn(`Could not find app component at ${appComponentPath}. Did you generate this project with "@nx/react:host" or "@nx/react:consumer"?`);
     }
     // Add remote as devDependency in TS solution setup
-    if ((0, ts_solution_setup_1.isUsingTsSolutionSetup)(host)) {
+    if ((0, internal_1.isUsingTsSolutionSetup)(host)) {
         addRemoteAsHostDependency(host, hostName, remoteName);
     }
 }

package/src/generators/remote/remote.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"remote.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/remote/remote.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,EAIL,iBAAiB,EAOjB,IAAI,EAGL,MAAM,YAAY,CAAC;~~AAuBpB~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAOzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,QAmFlC;AAED,wBAAsB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,~~8BAqK~~/D;AAED,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"remote.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/remote/remote.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,iBAAiB,EAOjB,IAAI,EAGL,MAAM,YAAY,CAAC;AAoBpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAOzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,QAmFlC;AAED,wBAAsB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAsK/D;AAED,eAAe,eAAe,CAAC"}