@nrwl/react 13.10.0-rc.0 → 13.10.0-rc.1

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

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withModuleFederation = void 0;
+const tslib_1 = require("tslib");
+const webpack_utils_1 = require("./webpack-utils");
+const devkit_1 = require("@nrwl/devkit");
+const typescript_1 = require("@nrwl/workspace/src/utilities/typescript");
+const file_utils_1 = require("nx/src/project-graph/file-utils");
+const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
+function recursivelyResolveWorkspaceDependents(projectGraph, target, seenTargets = new Set()) {
+    var _a;
+    if (seenTargets.has(target)) {
+        return [];
+    }
+    let dependencies = [target];
+    seenTargets.add(target);
+    const workspaceDependencies = ((_a = projectGraph.dependencies[target]) !== null && _a !== void 0 ? _a : []).filter((dep) => !dep.target.startsWith('npm:'));
+    if (workspaceDependencies.length > 0) {
+        for (const dep of workspaceDependencies) {
+            dependencies = [
+                ...dependencies,
+                ...recursivelyResolveWorkspaceDependents(projectGraph, dep.target, seenTargets),
+            ];
+        }
+    }
+    return dependencies;
+}
+function mapWorkspaceLibrariesToTsConfigImport(workspaceLibraries) {
+    var _a, _b;
+    const { projects } = new devkit_1.Workspaces(devkit_1.workspaceRoot).readWorkspaceConfiguration();
+    const tsConfigPath = (_a = process.env.NX_TSCONFIG_PATH) !== null && _a !== void 0 ? _a : (0, typescript_1.getRootTsConfigPath)();
+    const tsConfig = (0, typescript_1.readTsConfig)(tsConfigPath);
+    const tsconfigPathAliases = (_b = tsConfig.options) === null || _b === void 0 ? void 0 : _b.paths;
+    if (!tsconfigPathAliases) {
+        return workspaceLibraries;
+    }
+    const mappedLibraries = [];
+    for (const lib of workspaceLibraries) {
+        const sourceRoot = projects[lib].sourceRoot;
+        let found = false;
+        for (const [key, value] of Object.entries(tsconfigPathAliases)) {
+            if (value.find((p) => p.startsWith(sourceRoot))) {
+                mappedLibraries.push(key);
+                found = true;
+                break;
+            }
+        }
+        if (!found) {
+            mappedLibraries.push(lib);
+        }
+    }
+    return mappedLibraries;
+}
+function getDependentPackagesForProject(name) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        let projectGraph;
+        try {
+            projectGraph = (0, devkit_1.readCachedProjectGraph)();
+        }
+        catch (e) {
+            projectGraph = yield (0, devkit_1.createProjectGraphAsync)();
+        }
+        const deps = projectGraph.dependencies[name].reduce((dependencies, dependency) => {
+            const workspaceLibraries = new Set(dependencies.workspaceLibraries);
+            const npmPackages = new Set(dependencies.npmPackages);
+            if (dependency.target.startsWith('npm:')) {
+                npmPackages.add(dependency.target.replace('npm:', ''));
+            }
+            else {
+                workspaceLibraries.add(dependency.target);
+            }
+            return {
+                workspaceLibraries: [...workspaceLibraries],
+                npmPackages: [...npmPackages],
+            };
+        }, { workspaceLibraries: [], npmPackages: [] });
+        const seenWorkspaceLibraries = new Set();
+        deps.workspaceLibraries = deps.workspaceLibraries.reduce((workspaceLibraryDeps, workspaceLibrary) => [
+            ...workspaceLibraryDeps,
+            ...recursivelyResolveWorkspaceDependents(projectGraph, workspaceLibrary, seenWorkspaceLibraries),
+        ], []);
+        deps.workspaceLibraries = mapWorkspaceLibrariesToTsConfigImport(deps.workspaceLibraries);
+        return deps;
+    });
+}
+function determineRemoteUrl(remote) {
+    var _a, _b, _c, _d, _e, _f;
+    const workspace = (0, file_utils_1.readWorkspaceJson)();
+    const serveTarget = (_b = (_a = workspace.projects[remote]) === null || _a === void 0 ? void 0 : _a.targets) === null || _b === void 0 ? void 0 : _b.serve;
+    if (!serveTarget) {
+        throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "serve" target.\n
+      You can also use the tuple syntax in your webpack config to configure your remotes. e.g. \`remotes: [['remote1', '//localhost:4201']]\``);
+    }
+    const host = (_d = (_c = serveTarget.options) === null || _c === void 0 ? void 0 : _c.host) !== null && _d !== void 0 ? _d : '//localhost';
+    const port = (_f = (_e = serveTarget.options) === null || _e === void 0 ? void 0 : _e.port) !== null && _f !== void 0 ? _f : 4201;
+    return `${remote}@${host.endsWith('/') ? host.slice(0, -1) : host}:${port}/remoteEntry.js`;
+}
+function mapRemotes(remotes) {
+    const mappedRemotes = {};
+    for (const remote of remotes) {
+        if (Array.isArray(remote)) {
+            let [remoteName, remoteLocation] = remote;
+            if (!remoteLocation.includes('@')) {
+                remoteLocation = `${remoteName}@${remoteLocation}`;
+            }
+            if (!remoteLocation.match(/remoteEntry\.(js|mjs)$/)) {
+                remoteLocation = `${remoteLocation.endsWith('/')
+                    ? remoteLocation.slice(0, -1)
+                    : remoteLocation}/remoteEntry.js`;
+            }
+            mappedRemotes[remoteName] = remoteLocation;
+        }
+        else if (typeof remote === 'string') {
+            mappedRemotes[remote] = determineRemoteUrl(remote);
+        }
+    }
+    return mappedRemotes;
+}
+function withModuleFederation(options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const reactWebpackConfig = require('../../plugins/webpack');
+        const ws = (0, file_utils_1.readWorkspaceJson)();
+        const project = ws.projects[options.name];
+        if (!project) {
+            throw Error(`Cannot find project "${options.name}". Check that the name is correct in mfe.config.js`);
+        }
+        const dependencies = yield getDependentPackagesForProject(options.name);
+        const sharedLibraries = (0, webpack_utils_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries);
+        const npmPackages = (0, webpack_utils_1.sharePackages)(dependencies.npmPackages);
+        const sharedDependencies = Object.assign(Object.assign({}, sharedLibraries.getLibraries()), npmPackages);
+        if (options.shared) {
+            for (const [libraryName, library] of Object.entries(sharedDependencies)) {
+                const mappedDependency = options.shared(libraryName, library);
+                if (mappedDependency === false) {
+                    delete sharedDependencies[libraryName];
+                    continue;
+                }
+                else if (!mappedDependency) {
+                    continue;
+                }
+                sharedDependencies[libraryName] = mappedDependency;
+            }
+        }
+        return (config) => {
+            config = reactWebpackConfig(config);
+            config.output.uniqueName = options.name;
+            config.output.publicPath = 'auto';
+            config.optimization = {
+                runtimeChunk: false,
+                minimize: false,
+            };
+            const mappedRemotes = !options.remotes || options.remotes.length === 0
+                ? {}
+                : mapRemotes(options.remotes);
+            config.plugins.push(new ModuleFederationPlugin({
+                name: options.name,
+                filename: 'remoteEntry.js',
+                exposes: options.exposes,
+                remotes: mappedRemotes,
+                shared: Object.assign({}, sharedDependencies),
+            }), sharedLibraries.getReplacementPlugin());
+            return config;
+        };
+    });
+}
+exports.withModuleFederation = withModuleFederation;
+//# sourceMappingURL=with-module-federation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"with-module-federation.js","sourceRoot":"","sources":["../../../../../packages/react/src/mfe/with-module-federation.ts"],"names":[],"mappings":"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"}

package/src/utils/versions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.babelPluginStyledComponentsVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactTestRendererVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryReactHooksVersion = exports.testingLibraryReactVersion = exports.typesReactRouterDomVersion = exports.reactRouterDomVersion = exports.styledJsxVersion = exports.emotionBabelPlugin = exports.emotionReactVersion = exports.emotionStyledVersion = exports.typesStyledComponentsVersion = exports.styledComponentsVersion = exports.typesReactIsVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.reactIsVersion = exports.reactDomVersion = exports.reactVersion = exports.nxVersion = void 0;
-exports.nxVersion = '13.10.0-rc.0';
+exports.nxVersion = '13.10.0-rc.1';
 exports.reactVersion = '18.0.0';
 exports.reactDomVersion = '18.0.0';
 exports.reactIsVersion = '18.0.0';