@nx/react/src/generators/remote/lib/update-host-with-remote.js

The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides: - Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook. - Generators for applica

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.updateHostWithRemote = updateHostWithRemote;
const devkit_1 = require("@nx/devkit");
const ast_utils_1 = require("../../../module-federation/ast-utils");
const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
let tsModule;
function updateHostWithRemote(host, hostName, remoteName) {
    if (!tsModule) {
        tsModule = (0, ensure_typescript_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, hostConfig.sourceRoot);
    if (host.exists(moduleFederationConfigPath)) {
        // find the host project path
        // Update remotes inside ${host_path}/src/remotes.d.ts
        let sourceCode = host.read(moduleFederationConfigPath).toString();
        const source = tsModule.createSourceFile(moduleFederationConfigPath, sourceCode, tsModule.ScriptTarget.Latest, true);
        host.write(moduleFederationConfigPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, ast_utils_1.addRemoteToConfig)(source, remoteName)));
    }
    else {
        // TODO(jack): Point to the nx.dev guide when ready.
        devkit_1.logger.warn(`Could not find configuration at ${moduleFederationConfigPath}. Did you generate this project with "@nx/react:host" or "@nx/react:consumer"?`);
    }
    if (host.exists(appComponentPath)) {
        let sourceCode = host.read(appComponentPath).toString();
        const source = tsModule.createSourceFile(moduleFederationConfigPath, sourceCode, tsModule.ScriptTarget.Latest, true, tsModule.ScriptKind.TSX);
        host.write(appComponentPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, ast_utils_1.addRemoteRoute)(source, (0, devkit_1.names)(remoteName))));
    }
    else {
        devkit_1.logger.warn(`Could not find app component at ${appComponentPath}. Did you generate this project with "@nx/react:host" or "@nx/react:consumer"?`);
    }
}
function findAppComponentPath(host, sourceRoot) {
    const locations = [
        'app/app.tsx',
        'app/App.tsx',
        'app/app.js',
        'app/app.jsx',
        'app/App.js',
        'app/App.jsx',
        'app.tsx',
        'App.tsx',
        'app.js',
        'App.js',
        'app.jsx',
        'App.jsx',
    ];
    for (const loc of locations) {
        if (host.exists((0, devkit_1.joinPathFragments)(sourceRoot, loc))) {
            return (0, devkit_1.joinPathFragments)(sourceRoot, loc);
        }
    }
}