@nx/react 0.0.0-pr-31222-862e973 → 0.0.0-pr-31313-387cdca

package/src/module-federation/utils.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFunctionDeterminateRemoteUrl = getFunctionDeterminateRemoteUrl;
-exports.getModuleFederationConfig = getModuleFederationConfig;
-const module_federation_1 = require("@nx/webpack/src/utils/module-federation");
-const devkit_1 = require("@nx/devkit");
-const project_graph_1 = require("nx/src/project-graph/project-graph");
-function getFunctionDeterminateRemoteUrl(isServer = false) {
-    const target = 'serve';
-    const remoteEntry = isServer ? 'server/remoteEntry.js' : 'remoteEntry.js';
-    return function (remote) {
-        const mappedStaticRemotesFromEnv = process.env
-            .NX_MF_DEV_SERVER_STATIC_REMOTES
-            ? JSON.parse(process.env.NX_MF_DEV_SERVER_STATIC_REMOTES)
-            : undefined;
-        if (mappedStaticRemotesFromEnv && mappedStaticRemotesFromEnv[remote]) {
-            return `${mappedStaticRemotesFromEnv[remote]}/${remoteEntry}`;
-        }
-        let remoteConfiguration = null;
-        try {
-            remoteConfiguration = (0, project_graph_1.readCachedProjectConfiguration)(remote);
-        }
-        catch (e) {
-            throw new Error(`Cannot find remote: "${remote}". Check that the remote name is correct in your module federation config file.\n`);
-        }
-        const serveTarget = remoteConfiguration?.targets?.[target];
-        if (!serveTarget) {
-            throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "${serveTarget}" target.\n
-      You can also use the tuple syntax in your webpack config to configure your remotes. e.g. \`remotes: [['remote1', 'http://localhost:4201']]\``);
-        }
-        const host = serveTarget.options?.host ??
-            `http${serveTarget.options.ssl ? 's' : ''}://localhost`;
-        const port = serveTarget.options?.port ?? 4201;
-        return `${host.endsWith('/') ? host.slice(0, -1) : host}:${port}/${remoteEntry}`;
-    };
-}
-async function getModuleFederationConfig(mfConfig, options = { isServer: false }) {
-    let projectGraph;
-    try {
-        projectGraph = (0, devkit_1.readCachedProjectGraph)();
-    }
-    catch (e) {
-        projectGraph = await (0, devkit_1.createProjectGraphAsync)();
-    }
-    const project = projectGraph.nodes[mfConfig.name]?.data;
-    if (!project) {
-        throw Error(`Cannot find project "${mfConfig.name}". Check that the name is correct in module-federation.config.js`);
-    }
-    const dependencies = (0, module_federation_1.getDependentPackagesForProject)(projectGraph, mfConfig.name);
-    if (mfConfig.shared) {
-        dependencies.workspaceLibraries = dependencies.workspaceLibraries.filter((lib) => mfConfig.shared(lib.importKey, {}) !== false);
-        dependencies.npmPackages = dependencies.npmPackages.filter((pkg) => mfConfig.shared(pkg, {}) !== false);
-    }
-    const sharedLibraries = (0, module_federation_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries);
-    const npmPackages = (0, module_federation_1.sharePackages)(dependencies.npmPackages);
-    const sharedDependencies = {
-        ...sharedLibraries.getLibraries(project.root),
-        ...npmPackages,
-    };
-    (0, module_federation_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
-    (0, module_federation_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
-    // Choose the correct mapRemotes function based on the server state.
-    const mapRemotesFunction = options.isServer ? module_federation_1.mapRemotesForSSR : module_federation_1.mapRemotes;
-    // Determine the URL function, either from provided options or by using a default.
-    const determineRemoteUrlFunction = options.determineRemoteUrl
-        ? options.determineRemoteUrl
-        : getFunctionDeterminateRemoteUrl(options.isServer);
-    // Map the remotes if they exist, otherwise default to an empty object.
-    let mappedRemotes = {};
-    if (mfConfig.remotes && mfConfig.remotes.length > 0) {
-        const isLibraryTypeVar = mfConfig.library?.type === 'var';
-        mappedRemotes = mapRemotesFunction(mfConfig.remotes, 'js', determineRemoteUrlFunction, true);
-    }
-    return { sharedLibraries, sharedDependencies, mappedRemotes };
-}

package/src/module-federation/with-module-federation-ssr.d.ts

@@ -1,2 +0,0 @@
-import { ModuleFederationConfig, NxModuleFederationConfigOverride } from '@nx/webpack/src/utils/module-federation';
-export declare function withModuleFederationForSSR(options: ModuleFederationConfig, configOverride?: NxModuleFederationConfigOverride): Promise<(config: any) => any>;

package/src/module-federation/with-module-federation-ssr.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withModuleFederationForSSR = withModuleFederationForSSR;
-const utils_1 = require("./utils");
-async function withModuleFederationForSSR(options, configOverride) {
-    if (global.NX_GRAPH_CREATION) {
-        return (config) => config;
-    }
-    const { sharedLibraries, sharedDependencies, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options, {
-        isServer: true,
-    });
-    return (config) => {
-        config.target = 'async-node';
-        config.output.uniqueName = options.name;
-        config.optimization = {
-            ...(config.optimization ?? {}),
-            runtimeChunk: false,
-        };
-        config.plugins.push(new (require('@module-federation/enhanced').ModuleFederationPlugin)({
-            name: options.name,
-            filename: 'remoteEntry.js',
-            exposes: options.exposes,
-            remotes: mappedRemotes,
-            shared: {
-                ...sharedDependencies,
-            },
-            /**
-             * Apply user-defined config overrides
-             */
-            ...(configOverride ? configOverride : {}),
-            runtimePlugins: process.env.NX_MF_DEV_REMOTES &&
-                !options.disableNxRuntimeLibraryControlPlugin
-                ? [
-                    ...(configOverride?.runtimePlugins ?? []),
-                    require.resolve('@nx/webpack/src/utils/module-federation/plugins/runtime-library-control.plugin.js'),
-                ]
-                : [
-                    ...(configOverride?.runtimePlugins ?? []),
-                    require.resolve('@module-federation/node/runtimePlugin'),
-                ],
-            virtualRuntimeEntry: true,
-        }, {}), sharedLibraries.getReplacementPlugin());
-        // The env var is only set from the module-federation-dev-server
-        // Attach the runtime plugin
-        config.plugins.push(new (require('webpack').DefinePlugin)({
-            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
-        }));
-        return config;
-    };
-}

package/src/module-federation/with-module-federation.d.ts

@@ -1,7 +0,0 @@
-import { ModuleFederationConfig, NxModuleFederationConfigOverride } from '@nx/webpack/src/utils/module-federation';
-import type { AsyncNxComposableWebpackPlugin } from '@nx/webpack';
-/**
- * @param {ModuleFederationConfig} options
- * @return {Promise<AsyncNxComposableWebpackPlugin>}
- */
-export declare function withModuleFederation(options: ModuleFederationConfig, configOverride?: NxModuleFederationConfigOverride): Promise<AsyncNxComposableWebpackPlugin>;

package/src/module-federation/with-module-federation.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withModuleFederation = withModuleFederation;
-const utils_1 = require("./utils");
-const webpack_1 = require("@module-federation/enhanced/webpack");
-/**
- * @param {ModuleFederationConfig} options
- * @return {Promise<AsyncNxComposableWebpackPlugin>}
- */
-async function withModuleFederation(options, configOverride) {
-    if (global.NX_GRAPH_CREATION) {
-        return (config) => config;
-    }
-    const { sharedDependencies, sharedLibraries, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options);
-    return (config, ctx) => {
-        config.output.uniqueName = options.name;
-        config.output.publicPath = 'auto';
-        config.output.scriptType = 'text/javascript';
-        config.optimization = {
-            ...(config.optimization ?? {}),
-            runtimeChunk: false,
-        };
-        if (config.mode === 'development' &&
-            Object.keys(mappedRemotes).length > 1 &&
-            !options.exposes) {
-            config.optimization.runtimeChunk = 'single';
-        }
-        config.plugins.push(new webpack_1.ModuleFederationPlugin({
-            name: options.name,
-            filename: 'remoteEntry.js',
-            exposes: options.exposes,
-            remotes: mappedRemotes,
-            shared: {
-                ...sharedDependencies,
-            },
-            /**
-             * remoteType: 'script' is required for the remote to be loaded as a script tag.
-             * remotes will need to be defined as:
-             *  { appX: 'appX@http://localhost:3001/remoteEntry.js' }
-             *  { appY: 'appY@http://localhost:3002/remoteEntry.js' }
-             */
-            remoteType: 'script',
-            /**
-             * Apply user-defined config overrides
-             */
-            ...(configOverride ? configOverride : {}),
-            runtimePlugins: process.env.NX_MF_DEV_REMOTES &&
-                !options.disableNxRuntimeLibraryControlPlugin
-                ? [
-                    ...(configOverride?.runtimePlugins ?? []),
-                    require.resolve('@nx/webpack/src/utils/module-federation/plugins/runtime-library-control.plugin.js'),
-                ]
-                : configOverride?.runtimePlugins,
-            virtualRuntimeEntry: true,
-        }), sharedLibraries.getReplacementPlugin());
-        // The env var is only set from the module-federation-dev-server
-        // Attach the runtime plugin
-        config.plugins.push(new (require('webpack').DefinePlugin)({
-            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
-        }));
-        return config;
-    };
-}

package/src/utils/build-static.remotes.d.ts

@@ -1,4 +0,0 @@
-import type { StaticRemotesConfig } from '@nx/webpack/src/utils/module-federation/parse-static-remotes-config';
-import { ExecutorContext } from '@nx/devkit';
-import { ModuleFederationDevServerOptions } from '../executors/module-federation-dev-server/schema';
-export declare function buildStaticRemotes(staticRemotesConfig: StaticRemotesConfig, nxBin: any, context: ExecutorContext, options: ModuleFederationDevServerOptions): Promise<Record<string, string>>;

package/src/utils/build-static.remotes.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildStaticRemotes = buildStaticRemotes;
-const logger_1 = require("nx/src/utils/logger");
-const node_child_process_1 = require("node:child_process");
-const path_1 = require("path");
-const cache_directory_1 = require("nx/src/utils/cache-directory");
-const fs_1 = require("fs");
-async function buildStaticRemotes(staticRemotesConfig, nxBin, context, options) {
-    if (!staticRemotesConfig.remotes.length) {
-        return;
-    }
-    logger_1.logger.info(`NX Building ${staticRemotesConfig.remotes.length} static remotes...`);
-    const mappedLocationOfRemotes = {};
-    for (const app of staticRemotesConfig.remotes) {
-        mappedLocationOfRemotes[app] = `http${options.ssl ? 's' : ''}://${options.host}:${options.staticRemotesPort}/${staticRemotesConfig.config[app].urlSegment}`;
-    }
-    await new Promise((res, rej) => {
-        const staticProcess = (0, node_child_process_1.fork)(nxBin, [
-            'run-many',
-            `--target=build`,
-            `--projects=${staticRemotesConfig.remotes.join(',')}`,
-            ...(context.configurationName
-                ? [`--configuration=${context.configurationName}`]
-                : []),
-            ...(options.parallel ? [`--parallel=${options.parallel}`] : []),
-        ], {
-            cwd: context.root,
-            stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
-        });
-        // File to debug build failures e.g. 2024-01-01T00_00_0_0Z-build.log'
-        const remoteBuildLogFile = (0, path_1.join)(cache_directory_1.workspaceDataDirectory, `${new Date().toISOString().replace(/[:\.]/g, '_')}-build.log`);
-        const stdoutStream = (0, fs_1.createWriteStream)(remoteBuildLogFile);
-        staticProcess.stdout.on('data', (data) => {
-            const ANSII_CODE_REGEX = /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g;
-            const stdoutString = data.toString().replace(ANSII_CODE_REGEX, '');
-            stdoutStream.write(stdoutString);
-            // in addition to writing into the stdout stream, also show error directly in console
-            // so the error is easily discoverable. 'ERROR in' is the key word to search in webpack output.
-            if (stdoutString.includes('ERROR in')) {
-                logger_1.logger.log(stdoutString);
-            }
-            if (stdoutString.includes('Successfully ran target build')) {
-                staticProcess.stdout.removeAllListeners('data');
-                logger_1.logger.info(`NX Built ${staticRemotesConfig.remotes.length} static remotes`);
-                res();
-            }
-        });
-        staticProcess.stderr.on('data', (data) => logger_1.logger.info(data.toString()));
-        staticProcess.once('exit', (code) => {
-            stdoutStream.end();
-            staticProcess.stdout.removeAllListeners('data');
-            staticProcess.stderr.removeAllListeners('data');
-            if (code !== 0) {
-                rej(`Remote failed to start. A complete log can be found in: ${remoteBuildLogFile}`);
-            }
-            else {
-                res();
-            }
-        });
-        process.on('SIGTERM', () => staticProcess.kill('SIGTERM'));
-        process.on('exit', () => staticProcess.kill('SIGTERM'));
-    });
-    return mappedLocationOfRemotes;
-}

package/src/utils/format-file.d.ts

@@ -1 +0,0 @@
-export declare function formatFile(content: any, ...values: any[]): string;

package/src/utils/format-file.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatFile = formatFile;
-const prettier_1 = require("prettier");
-const devkit_1 = require("@nx/devkit");
-function formatFile(content, ...values) {
-    return (0, prettier_1.format)((0, devkit_1.stripIndents)(content, values), {
-        singleQuote: true,
-        parser: 'typescript',
-    });
-}