@nx/react 24.0.0-beta.2 → 24.0.0-canary.20261016-5ef7804

package/dist/src/module-federation/ast-utils.js

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addRemoteToConfig = addRemoteToConfig;
-exports.addRemoteDefinition = addRemoteDefinition;
-exports.addRemoteRoute = addRemoteRoute;
-const devkit_1 = require("@nx/devkit");
-const js_1 = require("@nx/js");
-const ast_utils_1 = require("../utils/ast-utils");
-const internal_1 = require("@nx/js/internal");
-let tsModule;
-function addRemoteToConfig(source, app) {
-    if (!tsModule) {
-        tsModule = (0, internal_1.ensureTypescript)();
-    }
-    const assignments = (0, js_1.findNodes)(source, tsModule.SyntaxKind.PropertyAssignment);
-    const remotesAssignment = assignments.find((s) => s.name.getText() === 'remotes');
-    if (remotesAssignment) {
-        const arrayExpression = remotesAssignment.initializer;
-        if (!arrayExpression.elements)
-            return [];
-        const lastElement = arrayExpression.elements[arrayExpression.elements.length - 1];
-        return [
-            lastElement && !arrayExpression.elements.hasTrailingComma
-                ? {
-                    type: devkit_1.ChangeType.Insert,
-                    index: lastElement.end,
-                    text: `,`,
-                }
-                : null,
-            {
-                type: devkit_1.ChangeType.Insert,
-                index: remotesAssignment.end - 1,
-                text: `'${app}',\n`,
-            },
-        ].filter(Boolean);
-    }
-    const binaryExpressions = (0, js_1.findNodes)(source, tsModule.SyntaxKind.BinaryExpression);
-    const exportExpression = binaryExpressions.find((b) => {
-        if (b.left.kind === tsModule.SyntaxKind.PropertyAccessExpression) {
-            const pae = b.left;
-            return (pae.expression.getText() === 'module' &&
-                pae.name.getText() === 'exports');
-        }
-    });
-    if (exportExpression?.right.kind === tsModule.SyntaxKind.ObjectLiteralExpression) {
-        const ole = exportExpression.right;
-        return [
-            {
-                type: devkit_1.ChangeType.Insert,
-                index: ole.end - 1,
-                text: `remotes: ['${app}']\n`,
-            },
-        ];
-    }
-    return [];
-}
-function addRemoteDefinition(source, app) {
-    return [
-        {
-            type: devkit_1.ChangeType.Insert,
-            index: source.end,
-            text: `\ndeclare module '${app}/Module';`,
-        },
-    ];
-}
-function addRemoteRoute(source, names) {
-    const routes = (0, ast_utils_1.findElements)(source, 'Route');
-    const links = (0, ast_utils_1.findElements)(source, 'Link');
-    if (routes.length === 0) {
-        return [];
-    }
-    else {
-        const changes = [];
-        const firstRoute = routes[0];
-        const firstLink = links[0];
-        changes.push(...(0, ast_utils_1.addImport)(source, `const ${names.className} = React.lazy(() => import('${names.fileName}/Module'));`));
-        changes.push({
-            type: devkit_1.ChangeType.Insert,
-            index: firstRoute.end,
-            text: `\n<Route path="/${names.fileName}" element={<${names.className} />} />`,
-        });
-        if (firstLink) {
-            const parentLi = (0, ast_utils_1.findClosestOpening)('li', firstLink);
-            if (parentLi) {
-                changes.push({
-                    type: devkit_1.ChangeType.Insert,
-                    index: parentLi.end,
-                    text: `\n<li><Link to="/${names.fileName}">${names.className}</Link></li>`,
-                });
-            }
-            else {
-                changes.push({
-                    type: devkit_1.ChangeType.Insert,
-                    index: firstLink.parent.end,
-                    text: `\n<Link to="/${names.fileName}">${names.className}</Link>`,
-                });
-            }
-        }
-        return changes;
-    }
-}

package/dist/src/rules/update-module-federation-project.d.ts

@@ -1,11 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function updateModuleFederationProject(host: Tree, options: {
-    js?: boolean;
-    projectName: string;
-    appProjectRoot: string;
-    port?: number;
-    typescriptConfiguration?: boolean;
-    dynamic?: boolean;
-    bundler?: 'rspack' | 'webpack';
-    ssr?: boolean;
-}, isHost?: boolean): void;

package/dist/src/rules/update-module-federation-project.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateModuleFederationProject = updateModuleFederationProject;
-const devkit_1 = require("@nx/devkit");
-const maybe_js_1 = require("../utils/maybe-js");
-const internal_1 = require("@nx/js/internal");
-function updateModuleFederationProject(host, options, isHost = false) {
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, options.projectName);
-    projectConfig.targets ??= {};
-    if (options.bundler !== 'rspack') {
-        projectConfig.targets.build.options = {
-            ...(projectConfig.targets.build.options ?? {}),
-            main: (0, maybe_js_1.maybeJs)(options, `${options.appProjectRoot}/src/main.ts`),
-            webpackConfig: `${options.appProjectRoot}/webpack.config.${options.typescriptConfiguration && !options.js ? 'ts' : 'js'}`,
-        };
-        projectConfig.targets.build.configurations ??= {};
-        if (!(0, internal_1.isUsingTsSolutionSetup)(host)) {
-            projectConfig.targets.build.configurations.production = {
-                ...(projectConfig.targets.build.configurations?.production ?? {}),
-                webpackConfig: `${options.appProjectRoot}/webpack.config.prod.${options.typescriptConfiguration && !options.js ? 'ts' : 'js'}`,
-            };
-        }
-    }
-    // If host should be configured to use dynamic federation
-    if (options.dynamic) {
-        if (options.bundler !== 'rspack') {
-            const pathToProdWebpackConfig = (0, devkit_1.joinPathFragments)(projectConfig.root, `webpack.prod.config.${options.typescriptConfiguration && !options.js ? 'ts' : 'js'}`);
-            if (host.exists(pathToProdWebpackConfig)) {
-                host.delete(pathToProdWebpackConfig);
-            }
-            delete projectConfig.targets.build.configurations.production
-                ?.webpackConfig;
-        }
-    }
-    // Must precede the executor assignment below, which dereferences targets.serve:
-    // a plugin-driven workspace has no serve target in project.json to inherit.
-    projectConfig.targets.serve ??= {};
-    projectConfig.targets.serve.options ??= {};
-    if (options.bundler !== 'rspack') {
-        projectConfig.targets.serve.executor =
-            '@nx/react:module-federation-dev-server';
-    }
-    projectConfig.targets.serve.options.port =
-        options.bundler === 'rspack' && options.ssr && isHost ? 4000 : options.port;
-    // `serve-static` for remotes that don't need to be in development mode
-    if (options.bundler !== 'rspack') {
-        const serveStaticExecutor = '@nx/react:module-federation-static-server';
-        projectConfig.targets['serve-static'] = {
-            executor: serveStaticExecutor,
-            defaultConfiguration: 'production',
-            options: {
-                serveTarget: `${options.projectName}:serve`,
-            },
-            configurations: {
-                development: {
-                    serveTarget: `${options.projectName}:serve:development`,
-                },
-                production: {
-                    serveTarget: `${options.projectName}:serve:production`,
-                },
-            },
-        };
-    }
-    // Typechecks must be performed first before build and serve to generate remote d.ts files.
-    if ((0, internal_1.isUsingTsSolutionSetup)(host)) {
-        projectConfig.targets.build ??= {};
-        projectConfig.targets.serve ??= {};
-        projectConfig.targets.build.dependsOn = ['^build', 'typecheck'];
-        projectConfig.targets.serve.dependsOn = ['typecheck'];
-    }
-    (0, devkit_1.updateProjectConfiguration)(host, options.projectName, projectConfig);
-}

package/dist/src/utils/add-mf-env-to-inputs.d.ts

@@ -1,2 +0,0 @@
-import { type Tree } from '@nx/devkit';
-export declare function addMfEnvToTargetDefaultInputs(tree: Tree, bundler: 'rspack' | 'webpack'): void;

package/dist/src/utils/add-mf-env-to-inputs.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addMfEnvToTargetDefaultInputs = addMfEnvToTargetDefaultInputs;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/devkit/internal");
-function addMfEnvToTargetDefaultInputs(tree, bundler) {
-    const nxJson = (0, devkit_1.readNxJson)(tree) ?? {};
-    const executor = bundler === 'rspack' ? '@nx/rspack:rspack' : '@nx/webpack:webpack';
-    const mfEnvVar = 'NX_MF_DEV_REMOTES';
-    const existing = (0, internal_1.findTargetDefault)(nxJson.targetDefaults, { executor });
-    const inputs = [...(existing?.inputs ?? ['production', '^production'])];
-    let mfEnvVarExists = false;
-    for (const input of inputs) {
-        if (typeof input === 'object' && input['env'] === mfEnvVar) {
-            mfEnvVarExists = true;
-            break;
-        }
-    }
-    if (!mfEnvVarExists) {
-        inputs.push({ env: mfEnvVar });
-    }
-    (0, internal_1.upsertTargetDefault)(tree, nxJson, {
-        executor,
-        cache: true,
-        inputs,
-        dependsOn: existing?.dependsOn ?? ['^build'],
-    });
-    (0, devkit_1.updateNxJson)(tree, nxJson);
-}

package/dist/src/utils/module-federation-deprecation.d.ts

@@ -1,12 +0,0 @@
-export declare const REACT_HOST_GENERATOR_DEPRECATION_MESSAGE = "The `@nx/react:host` generator is deprecated and will be removed in Nx v24. Use `nx g @nx/react:consumer` (dynamic federation, no static-serve orchestration). See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for the v23 migration guide.";
-export declare const REACT_REMOTE_GENERATOR_DEPRECATION_MESSAGE = "The `@nx/react:remote` generator is deprecated and will be removed in Nx v24. Use `nx g @nx/react:provider` instead. See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for the v23 migration guide.";
-export declare const REACT_FEDERATE_MODULE_GENERATOR_DEPRECATION_MESSAGE = "The `@nx/react:federate-module` generator is deprecated and will be removed in Nx v24. The new `@nx/react:provider` generator exposes modules directly. See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for the v23 migration guide.";
-export declare const REACT_MF_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = "The `@nx/react:module-federation-dev-server` executor is deprecated and will be removed in Nx v24. Dynamic federation in `@nx/react:consumer` removes the need for host-orchestrated remote serving. See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for the v23 migration guide.";
-export declare const REACT_MF_SSR_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = "The `@nx/react:module-federation-ssr-dev-server` executor is deprecated and will be removed in Nx v24. SSR is not first-classed in the new generators; see https://nx.dev/docs/technologies/module-federation/consumer-and-provider for guidance on wiring SSR with `@nx/react:consumer`.";
-export declare const REACT_MF_STATIC_SERVER_EXECUTOR_DEPRECATION_MESSAGE = "The `@nx/react:module-federation-static-server` executor is deprecated and will be removed in Nx v24. Use plain `vite preview` / `rsbuild preview` via `nx:run-commands` if a static-serve workflow is still needed. See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for details.";
-export declare function warnReactHostGeneratorDeprecation(): void;
-export declare function warnReactRemoteGeneratorDeprecation(): void;
-export declare function warnReactFederateModuleGeneratorDeprecation(): void;
-export declare function warnReactMfDevServerExecutorDeprecation(): void;
-export declare function warnReactMfSsrDevServerExecutorDeprecation(): void;
-export declare function warnReactMfStaticServerExecutorDeprecation(): void;

package/dist/src/utils/module-federation-deprecation.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.REACT_MF_STATIC_SERVER_EXECUTOR_DEPRECATION_MESSAGE = exports.REACT_MF_SSR_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = exports.REACT_MF_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = exports.REACT_FEDERATE_MODULE_GENERATOR_DEPRECATION_MESSAGE = exports.REACT_REMOTE_GENERATOR_DEPRECATION_MESSAGE = exports.REACT_HOST_GENERATOR_DEPRECATION_MESSAGE = void 0;
-exports.warnReactHostGeneratorDeprecation = warnReactHostGeneratorDeprecation;
-exports.warnReactRemoteGeneratorDeprecation = warnReactRemoteGeneratorDeprecation;
-exports.warnReactFederateModuleGeneratorDeprecation = warnReactFederateModuleGeneratorDeprecation;
-exports.warnReactMfDevServerExecutorDeprecation = warnReactMfDevServerExecutorDeprecation;
-exports.warnReactMfSsrDevServerExecutorDeprecation = warnReactMfSsrDevServerExecutorDeprecation;
-exports.warnReactMfStaticServerExecutorDeprecation = warnReactMfStaticServerExecutorDeprecation;
-const devkit_1 = require("@nx/devkit");
-// TODO(v24): Remove these surfaces. Replaced by `@nx/react:consumer`
-// and `@nx/react:provider` (React, dynamic federation, Vite/Rsbuild/Rspack).
-const MIGRATION_URL = 'https://nx.dev/docs/technologies/module-federation/consumer-and-provider';
-exports.REACT_HOST_GENERATOR_DEPRECATION_MESSAGE = `The \`@nx/react:host\` generator is deprecated and will be removed in Nx v24. Use \`nx g @nx/react:consumer\` (dynamic federation, no static-serve orchestration). See ${MIGRATION_URL} for the v23 migration guide.`;
-exports.REACT_REMOTE_GENERATOR_DEPRECATION_MESSAGE = `The \`@nx/react:remote\` generator is deprecated and will be removed in Nx v24. Use \`nx g @nx/react:provider\` instead. See ${MIGRATION_URL} for the v23 migration guide.`;
-exports.REACT_FEDERATE_MODULE_GENERATOR_DEPRECATION_MESSAGE = `The \`@nx/react:federate-module\` generator is deprecated and will be removed in Nx v24. The new \`@nx/react:provider\` generator exposes modules directly. See ${MIGRATION_URL} for the v23 migration guide.`;
-exports.REACT_MF_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = `The \`@nx/react:module-federation-dev-server\` executor is deprecated and will be removed in Nx v24. Dynamic federation in \`@nx/react:consumer\` removes the need for host-orchestrated remote serving. See ${MIGRATION_URL} for the v23 migration guide.`;
-exports.REACT_MF_SSR_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = `The \`@nx/react:module-federation-ssr-dev-server\` executor is deprecated and will be removed in Nx v24. SSR is not first-classed in the new generators; see ${MIGRATION_URL} for guidance on wiring SSR with \`@nx/react:consumer\`.`;
-exports.REACT_MF_STATIC_SERVER_EXECUTOR_DEPRECATION_MESSAGE = `The \`@nx/react:module-federation-static-server\` executor is deprecated and will be removed in Nx v24. Use plain \`vite preview\` / \`rsbuild preview\` via \`nx:run-commands\` if a static-serve workflow is still needed. See ${MIGRATION_URL} for details.`;
-function warnReactHostGeneratorDeprecation() {
-    devkit_1.logger.warn(exports.REACT_HOST_GENERATOR_DEPRECATION_MESSAGE);
-}
-function warnReactRemoteGeneratorDeprecation() {
-    devkit_1.logger.warn(exports.REACT_REMOTE_GENERATOR_DEPRECATION_MESSAGE);
-}
-function warnReactFederateModuleGeneratorDeprecation() {
-    devkit_1.logger.warn(exports.REACT_FEDERATE_MODULE_GENERATOR_DEPRECATION_MESSAGE);
-}
-// Executor warnings fire once per process (dev-server reload loops would
-// otherwise flood the console).
-const executorWarned = new Set();
-function warnOnce(key, message) {
-    if (executorWarned.has(key))
-        return;
-    executorWarned.add(key);
-    devkit_1.logger.warn(message);
-}
-function warnReactMfDevServerExecutorDeprecation() {
-    warnOnce('react-mf-dev-server', exports.REACT_MF_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE);
-}
-function warnReactMfSsrDevServerExecutorDeprecation() {
-    warnOnce('react-mf-ssr-dev-server', exports.REACT_MF_SSR_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE);
-}
-function warnReactMfStaticServerExecutorDeprecation() {
-    warnOnce('react-mf-static-server', exports.REACT_MF_STATIC_SERVER_EXECUTOR_DEPRECATION_MESSAGE);
-}

package/dist/src/utils/normalize-remote.d.ts

@@ -1,8 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function normalizeRemoteName(tree: Tree, remote: string, options: {
-    directory: string;
-}): Promise<string>;
-export declare function normalizeRemoteDirectory(remote: string, options: {
-    directory: string;
-    appProjectRoot: string;
-}): string;

package/dist/src/utils/normalize-remote.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizeRemoteName = normalizeRemoteName;
-exports.normalizeRemoteDirectory = normalizeRemoteDirectory;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/devkit/internal");
-async function normalizeRemoteName(tree, remote, options) {
-    const { projectName: remoteName } = await (0, internal_1.determineProjectNameAndRootOptions)(tree, {
-        name: remote,
-        projectType: 'application',
-        directory: options.directory,
-    });
-    return remoteName;
-}
-function normalizeRemoteDirectory(remote, options) {
-    /**
-     * With the `as-provided` format, the provided directory would be the root
-     * of the host application. Append the remote name to the host parent
-     * directory to get the remote directory.
-     *
-     * If no directory is provided, the remote directory will use the grandparent of the hostRoot 'acme/host/src' -> 'acme'
-     */
-    if (options.directory) {
-        return (0, devkit_1.joinPathFragments)(options.directory, '..', remote);
-    }
-    else {
-        return options.appProjectRoot === '.'
-            ? remote
-            : (0, devkit_1.joinPathFragments)(options.appProjectRoot, '..', remote);
-    }
-}