@nrwl/react 13.10.0-beta.8 → 13.10.0-rc.1

package/src/mfe/webpack-utils.d.ts

@@ -0,0 +1,17 @@
+import { NormalModuleReplacementPlugin } from 'webpack';
+export interface SharedLibraryConfig {
+    singleton: boolean;
+    strictVersion: boolean;
+    requiredVersion: string;
+    eager: boolean;
+}
+export declare function shareWorkspaceLibraries(libraries: string[], tsConfigPath?: string): {
+    getAliases: () => any[];
+    getLibraries: () => void;
+    getReplacementPlugin: () => NormalModuleReplacementPlugin;
+} | {
+    getAliases: () => {};
+    getLibraries: (eager?: boolean) => Record<string, SharedLibraryConfig>;
+    getReplacementPlugin: () => NormalModuleReplacementPlugin;
+};
+export declare function sharePackages(packages: string[]): Record<string, SharedLibraryConfig>;

package/src/mfe/webpack-utils.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sharePackages = exports.shareWorkspaceLibraries = void 0;
+const fs_1 = require("fs");
+const webpack_1 = require("webpack");
+const devkit_1 = require("@nrwl/devkit");
+const path_1 = require("path");
+const typescript_1 = require("@nrwl/workspace/src/utilities/typescript");
+function shareWorkspaceLibraries(libraries, tsConfigPath) {
+    var _a, _b;
+    if (tsConfigPath === void 0) { tsConfigPath = (_a = process.env.NX_TSCONFIG_PATH) !== null && _a !== void 0 ? _a : (0, typescript_1.getRootTsConfigPath)(); }
+    if (!(0, fs_1.existsSync)(tsConfigPath)) {
+        throw new Error(`NX MFE: TsConfig Path for workspace libraries does not exist! (${tsConfigPath})`);
+    }
+    const tsConfig = (0, typescript_1.readTsConfig)(tsConfigPath);
+    const tsconfigPathAliases = (_b = tsConfig.options) === null || _b === void 0 ? void 0 : _b.paths;
+    if (!tsconfigPathAliases) {
+        return {
+            getAliases: () => [],
+            getLibraries: () => { },
+            getReplacementPlugin: () => new webpack_1.NormalModuleReplacementPlugin(/./, () => { }),
+        };
+    }
+    const pathMappings = [];
+    for (const [key, paths] of Object.entries(tsconfigPathAliases)) {
+        if (libraries && libraries.includes(key)) {
+            const pathToLib = (0, devkit_1.normalizePath)((0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, paths[0]));
+            pathMappings.push({
+                name: key,
+                path: pathToLib,
+            });
+        }
+    }
+    return {
+        getAliases: () => pathMappings.reduce((aliases, library) => (Object.assign(Object.assign({}, aliases), { [library.name]: library.path })), {}),
+        getLibraries: (eager) => pathMappings.reduce((libraries, library) => (Object.assign(Object.assign({}, libraries), { [library.name]: { requiredVersion: false, eager } })), {}),
+        getReplacementPlugin: () => new webpack_1.NormalModuleReplacementPlugin(/./, (req) => {
+            if (!req.request.startsWith('.')) {
+                return;
+            }
+            const from = req.context;
+            const to = (0, devkit_1.normalizePath)((0, devkit_1.joinPathFragments)(req.context, req.request));
+            for (const library of pathMappings) {
+                const libFolder = (0, devkit_1.normalizePath)((0, path_1.dirname)(library.path));
+                if (!from.startsWith(libFolder) && to.startsWith(libFolder)) {
+                    req.request = library.name;
+                }
+            }
+        }),
+    };
+}
+exports.shareWorkspaceLibraries = shareWorkspaceLibraries;
+function sharePackages(packages) {
+    const pkgJsonPath = (0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, 'package.json');
+    if (!(0, fs_1.existsSync)(pkgJsonPath)) {
+        throw new Error('NX MFE: Could not find root package.json to determine dependency versions.');
+    }
+    const pkgJson = JSON.parse((0, fs_1.readFileSync)(pkgJsonPath, 'utf-8'));
+    return packages.reduce((shared, pkgName) => (Object.assign(Object.assign({}, shared), { [pkgName]: {
+            singleton: true,
+            strictVersion: true,
+            requiredVersion: pkgJson.dependencies[pkgName],
+        } })), {});
+}
+exports.sharePackages = sharePackages;
+//# sourceMappingURL=webpack-utils.js.map

package/src/mfe/webpack-utils.js.map

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

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

@@ -0,0 +1,14 @@
+import { SharedLibraryConfig } from './webpack-utils';
+export declare type MFELibrary = {
+    type: string;
+    name: string;
+};
+export declare type MFERemotes = string[] | [remoteName: string, remoteUrl: string][];
+export interface MFEConfig {
+    name: string;
+    remotes?: string[];
+    library?: MFELibrary;
+    exposes?: Record<string, string>;
+    shared?: (libraryName: string, library: SharedLibraryConfig) => undefined | false | SharedLibraryConfig;
+}
+export declare function withModuleFederation(options: MFEConfig): Promise<(config: any) => any>;

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/migrations/update-13-10-0/update-13-10-0.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nrwl/devkit';
+export declare function updateToReact18(host: Tree): Promise<import("@nrwl/devkit").GeneratorCallback>;
+export default updateToReact18;

package/src/migrations/update-13-10-0/update-13-10-0.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateToReact18 = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+// Putting this here because React Native 0.67 is incompatible with React 18.
+// Waiting for 0.68 to come out with support for React 18.
+// TODO(jack): For Nx 14 let's add another migration for React 18 in migrations.json because by then React Native 0.68.0 should be released.
+function updateToReact18(host) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { dependencies } = (0, devkit_1.readJson)(host, 'package.json');
+        if (dependencies['react-native'] &&
+            !dependencies['react-native'].match(/[\^~]?0.68/)) {
+            devkit_1.logger.info(`React Native ${dependencies['react-native']} is incompatible with React 18. Skipping update until React Native 0.68.0 is released.`);
+        }
+        else {
+            return (0, devkit_1.addDependenciesToPackageJson)(host, {
+                react: '18.0.0',
+                'react-dom': '18.0.0',
+                'react-is': '18.0.0',
+                'react-test-renderer': '18.0.0',
+            }, {});
+        }
+    });
+}
+exports.updateToReact18 = updateToReact18;
+exports.default = updateToReact18;
+//# sourceMappingURL=update-13-10-0.js.map

package/src/migrations/update-13-10-0/update-13-10-0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-13-10-0.js","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-13-10-0/update-13-10-0.ts"],"names":[],"mappings":";;;;AAAA,yCAKsB;AAEtB,6EAA6E;AAC7E,0DAA0D;AAC1D,4IAA4I;AAC5I,SAAsB,eAAe,CAAC,IAAU;;QAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QACxD,IACE,YAAY,CAAC,cAAc,CAAC;YAC5B,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,EACjD;YACA,eAAM,CAAC,IAAI,CACT,gBAAgB,YAAY,CAAC,cAAc,CAAC,wFAAwF,CACrI,CAAC;SACH;aAAM;YACL,OAAO,IAAA,qCAA4B,EACjC,IAAI,EACJ;gBACE,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,QAAQ;gBACrB,UAAU,EAAE,QAAQ;gBACpB,qBAAqB,EAAE,QAAQ;aAChC,EACD,EAAE,CACH,CAAC;SACH;IACH,CAAC;CAAA;AArBD,0CAqBC;AAED,kBAAe,eAAe,CAAC"}

package/src/utils/versions.d.ts

@@ -1,7 +1,7 @@
 export declare const nxVersion = "*";
-export declare const reactVersion = "17.0.2";
-export declare const reactDomVersion = "17.0.2";
-export declare const reactIsVersion = "17.0.2";
+export declare const reactVersion = "18.0.0";
+export declare const reactDomVersion = "18.0.0";
+export declare const reactIsVersion = "18.0.0";
 export declare const typesReactVersion = "17.0.43";
 export declare const typesReactDomVersion = "17.0.14";
 export declare const typesReactIsVersion = "17.0.3";
@@ -10,16 +10,16 @@ export declare const typesStyledComponentsVersion = "5.1.24";
 export declare const emotionStyledVersion = "11.8.1";
 export declare const emotionReactVersion = "11.8.2";
 export declare const emotionBabelPlugin = "11.7.2";
-export declare const styledJsxVersion = "5.0.1";
+export declare const styledJsxVersion = "5.0.2";
 export declare const reactRouterDomVersion = "5.3.0";
 export declare const typesReactRouterDomVersion = "5.3.3";
 export declare const testingLibraryReactVersion = "12.1.4";
 export declare const testingLibraryReactHooksVersion = "7.0.2";
 export declare const reduxjsToolkitVersion = "1.8.0";
 export declare const reactReduxVersion = "7.2.6";
-export declare const reactTestRendererVersion = "17.0.2";
+export declare const reactTestRendererVersion = "18.0.0";
 export declare const eslintPluginImportVersion = "2.25.4";
 export declare const eslintPluginJsxA11yVersion = "6.5.1";
 export declare const eslintPluginReactVersion = "7.29.4";
-export declare const eslintPluginReactHooksVersion = "4.3.0";
+export declare const eslintPluginReactHooksVersion = "4.4.0";
 export declare const babelPluginStyledComponentsVersion = "1.10.7";

package/src/utils/versions.js

@@ -1,10 +1,10 @@
 "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-beta.8';
-exports.reactVersion = '17.0.2';
-exports.reactDomVersion = '17.0.2';
-exports.reactIsVersion = '17.0.2';
+exports.nxVersion = '13.10.0-rc.1';
+exports.reactVersion = '18.0.0';
+exports.reactDomVersion = '18.0.0';
+exports.reactIsVersion = '18.0.0';
 exports.typesReactVersion = '17.0.43';
 exports.typesReactDomVersion = '17.0.14';
 exports.typesReactIsVersion = '17.0.3';
@@ -13,17 +13,17 @@ exports.typesStyledComponentsVersion = '5.1.24';
 exports.emotionStyledVersion = '11.8.1';
 exports.emotionReactVersion = '11.8.2';
 exports.emotionBabelPlugin = '11.7.2';
-exports.styledJsxVersion = '5.0.1';
+exports.styledJsxVersion = '5.0.2';
 exports.reactRouterDomVersion = '5.3.0';
 exports.typesReactRouterDomVersion = '5.3.3';
 exports.testingLibraryReactVersion = '12.1.4';
 exports.testingLibraryReactHooksVersion = '7.0.2';
 exports.reduxjsToolkitVersion = '1.8.0';
 exports.reactReduxVersion = '7.2.6';
-exports.reactTestRendererVersion = '17.0.2';
+exports.reactTestRendererVersion = '18.0.0';
 exports.eslintPluginImportVersion = '2.25.4';
 exports.eslintPluginJsxA11yVersion = '6.5.1';
 exports.eslintPluginReactVersion = '7.29.4';
-exports.eslintPluginReactHooksVersion = '4.3.0';
+exports.eslintPluginReactHooksVersion = '4.4.0';
 exports.babelPluginStyledComponentsVersion = '1.10.7';
 //# sourceMappingURL=versions.js.map