@nrwl/react 15.3.0 → 15.3.3

package/CHANGELOG.md

@@ -3,6 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [15.3.0](https://github.com/nrwl/nx/compare/15.2.0...15.3.0) (2022-12-06)
+## [15.3.3](https://github.com/nrwl/nx/compare/15.3.2...15.3.3) (2022-12-12)
 
 **Note:** Version bump only for package @nrwl/react

package/executors.json

@@ -4,6 +4,11 @@
       "implementation": "./src/executors/module-federation-dev-server/compat",
       "schema": "./src/executors/module-federation-dev-server/schema.json",
       "description": "Serve a host or remote application."
+    },
+    "module-federation-ssr-dev-server": {
+      "implementation": "./src/executors/module-federation-ssr-dev-server/compat",
+      "schema": "./src/executors/module-federation-ssr-dev-server/schema.json",
+      "description": "Serve a host application along with it's known remotes."
     }
   },
   "executors": {
@@ -11,6 +16,11 @@
       "implementation": "./src/executors/module-federation-dev-server/module-federation-dev-server.impl",
       "schema": "./src/executors/module-federation-dev-server/schema.json",
       "description": "Serve a host or remote application."
+    },
+    "module-federation-ssr-dev-server": {
+      "implementation": "./src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl",
+      "schema": "./src/executors/module-federation-ssr-dev-server/schema.json",
+      "description": "Serve a host application along with it's known remotes."
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrwl/react",
-  "version": "15.3.0",
+  "version": "15.3.3",
   "private": false,
   "description": "The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Cypress, and Storybook.\n\n- Generators for applications, libraries, components, hooks, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -31,9 +31,9 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@nrwl/devkit": "15.3.0",
-    "@nrwl/linter": "15.3.0",
-    "@nrwl/workspace": "15.3.0",
+    "@nrwl/devkit": "15.3.3",
+    "@nrwl/linter": "15.3.3",
+    "@nrwl/workspace": "15.3.3",
     "@phenomnomnominal/tsquery": "4.1.1",
     "chalk": "4.1.0",
     "minimatch": "3.0.5",
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "types": "./index.d.ts",
-  "gitHead": "42618c7e1dc6e14dc9f1eabb636de0023bcd8ba2"
+  "gitHead": "486516ea1384d15ea74fe8334687355d1aa98f51"
 }

package/src/executors/module-federation-ssr-dev-server/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/executors/module-federation-ssr-dev-server/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nrwl/devkit");
+const module_federation_ssr_dev_server_impl_1 = require("./module-federation-ssr-dev-server.impl");
+exports.default = (0, devkit_1.convertNxExecutor)(module_federation_ssr_dev_server_impl_1.default);
+//# sourceMappingURL=compat.js.map

package/src/executors/module-federation-ssr-dev-server/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-ssr-dev-server/compat.ts"],"names":[],"mappings":";;AAAA,yCAAiD;AAEjD,mGAAmE;AAEnE,kBAAe,IAAA,0BAAiB,EAAC,+CAAY,CAAC,CAAC"}

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.d.ts

@@ -0,0 +1,13 @@
+import { ExecutorContext } from '@nrwl/devkit';
+import { WebSsrDevServerOptions } from '@nrwl/webpack/src/executors/ssr-dev-server/schema';
+declare type ModuleFederationDevServerOptions = WebSsrDevServerOptions & {
+    devRemotes?: string | string[];
+    skipRemotes?: string[];
+    host: string;
+};
+export default function moduleFederationSsrDevServer(options: ModuleFederationDevServerOptions, context: ExecutorContext): AsyncGenerator<{
+    baseUrl: string;
+    success: boolean;
+    options: import("@nrwl/webpack/src/executors/ssr-dev-server/schema").TargetOptions;
+}, any, undefined>;
+export {};

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+const ssr_dev_server_impl_1 = require("@nrwl/webpack/src/executors/ssr-dev-server/ssr-dev-server.impl");
+const path_1 = require("path");
+const chalk = require("chalk");
+const async_iterable_1 = require("@nrwl/devkit/src/utils/async-iterable");
+function moduleFederationSsrDevServer(options, context) {
+    var _a, _b;
+    return tslib_1.__asyncGenerator(this, arguments, function* moduleFederationSsrDevServer_1() {
+        let iter = (0, ssr_dev_server_impl_1.default)(options, context);
+        const p = context.workspace.projects[context.projectName];
+        const moduleFederationConfigPath = (0, path_1.join)(context.root, p.root, 'module-federation.config.js');
+        let moduleFederationConfig;
+        try {
+            moduleFederationConfig = require(moduleFederationConfigPath);
+        }
+        catch (_c) {
+            // TODO(jack): Add a link to guide
+            throw new Error(`Could not load ${moduleFederationConfigPath}. Was this project generated with "@nrwl/react:host"?`);
+        }
+        const remotesToSkip = new Set((_a = options.skipRemotes) !== null && _a !== void 0 ? _a : []);
+        const knownRemotes = ((_b = moduleFederationConfig.remotes) !== null && _b !== void 0 ? _b : []).filter((r) => !remotesToSkip.has(r));
+        const devServeApps = !options.devRemotes
+            ? []
+            : Array.isArray(options.devRemotes)
+                ? options.devRemotes
+                : [options.devRemotes];
+        for (const app of knownRemotes) {
+            const [appName] = Array.isArray(app) ? app : [app];
+            const isDev = devServeApps.includes(appName);
+            iter = (0, async_iterable_1.combineAsyncIterableIterators)(iter, yield tslib_1.__await((0, devkit_1.runExecutor)({
+                project: appName,
+                target: isDev ? 'serve' : 'serve-server',
+                configuration: context.configurationName,
+            }, {
+                watch: isDev,
+            }, context)));
+        }
+        let numAwaiting = knownRemotes.length + 1; // remotes + host
+        return yield tslib_1.__await(yield tslib_1.__await(yield* tslib_1.__asyncDelegator(tslib_1.__asyncValues((0, async_iterable_1.tapAsyncIterable)(iter, (x) => {
+            var _a, _b;
+            numAwaiting--;
+            if (numAwaiting === 0) {
+                devkit_1.logger.info(`[ ${chalk.green('ready')} ] http://${(_a = options.host) !== null && _a !== void 0 ? _a : 'localhost'}:${(_b = options.port) !== null && _b !== void 0 ? _b : 4200}`);
+            }
+        })))));
+    });
+}
+exports.default = moduleFederationSsrDevServer;
+//# sourceMappingURL=module-federation-ssr-dev-server.impl.js.map

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module-federation-ssr-dev-server.impl.js","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.ts"],"names":[],"mappings":";;;AAAA,yCAAoE;AACpE,wGAAkG;AAElG,+BAA4B;AAC5B,+BAA+B;AAC/B,0EAG+C;AAQ/C,SAA+B,4BAA4B,CACzD,OAAyC,EACzC,OAAwB;;;QAExB,IAAI,IAAI,GAAG,IAAA,6BAAoB,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAClD,MAAM,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAE1D,MAAM,0BAA0B,GAAG,IAAA,WAAI,EACrC,OAAO,CAAC,IAAI,EACZ,CAAC,CAAC,IAAI,EACN,6BAA6B,CAC9B,CAAC;QAEF,IAAI,sBAA2B,CAAC;QAChC,IAAI;YACF,sBAAsB,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC;SAC9D;QAAC,WAAM;YACN,kCAAkC;YAClC,MAAM,IAAI,KAAK,CACb,kBAAkB,0BAA0B,uDAAuD,CACpG,CAAC;SACH;QAED,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,MAAA,OAAO,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC;QACzD,MAAM,YAAY,GAAG,CAAC,MAAA,sBAAsB,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC,MAAM,CAChE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAC7B,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,UAAU;YACtC,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;gBACnC,CAAC,CAAC,OAAO,CAAC,UAAU;gBACpB,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAEzB,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;YAC9B,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YACnD,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC7C,IAAI,GAAG,IAAA,8CAA6B,EAClC,IAAI,EACJ,sBAAM,IAAA,oBAAW,EACf;gBACE,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc;gBACxC,aAAa,EAAE,OAAO,CAAC,iBAAiB;aACzC,EACD;gBACE,KAAK,EAAE,KAAK;aACb,EACD,OAAO,CACR,CAAA,CACF,CAAC;SACH;QAED,IAAI,WAAW,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,iBAAiB;QAC5D,6BAAO,sBAAA,KAAK,CAAC,CAAC,yBAAA,sBAAA,IAAA,iCAAgB,EAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE;;YACzC,WAAW,EAAE,CAAC;YACd,IAAI,WAAW,KAAK,CAAC,EAAE;gBACrB,eAAM,CAAC,IAAI,CACT,KAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,MAAA,OAAO,CAAC,IAAI,mCAAI,WAAW,IAC/D,MAAA,OAAO,CAAC,IAAI,mCAAI,IAClB,EAAE,CACH,CAAC;aACH;QACH,CAAC,CAAC,CAAA,CAAA,CAAA,EAAC;;CACJ;AAhED,+CAgEC"}

package/src/executors/module-federation-ssr-dev-server/schema.json

@@ -0,0 +1,43 @@
+{
+  "version": 2,
+  "outputCapture": "direct-nodejs",
+  "title": "Module Federation SSR Dev Server",
+  "description": "Serve a SSR host application along with its known remotes.",
+  "cli": "nx",
+  "type": "object",
+  "properties": {
+    "browserTarget": {
+      "type": "string",
+      "description": "Target which builds the browser application."
+    },
+    "serverTarget": {
+      "type": "string",
+      "description": "Target which builds the server application."
+    },
+    "port": {
+      "type": "number",
+      "description": "The port to be set on `process.env.PORT` for use in the server.",
+      "default": 4200
+    },
+    "devRemotes": {
+      "type": "array",
+      "items": {
+        "type": "string"
+      },
+      "description": "List of remote applications to run in development mode (i.e. using serve target)."
+    },
+    "skipRemotes": {
+      "type": "array",
+      "items": {
+        "type": "string"
+      },
+      "description": "List of remote applications to not automatically serve, either statically or in development mode. This can be useful for multi-repository module federation setups where the host application uses a remote application from an external repository."
+    },
+    "host": {
+      "type": "string",
+      "description": "Host to listen on.",
+      "default": "localhost"
+    }
+  },
+  "required": ["browserTarget", "serverTarget"]
+}

package/src/generators/host/files/module-federation-ssr/tsconfig.server.json__tmpl__

@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.app.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/server",
+    "target": "es2019",
+    "types": [
+      "node"
+    ]
+  },
+  "include": [
+    "src/remotes.d.ts",
+    "src/main.server.tsx",
+    "server.ts"
+  ]
+}

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

@@ -7,9 +7,9 @@ const utils_1 = require("./utils");
 function determineRemoteUrl(remote) {
     var _a, _b, _c, _d, _e;
     const remoteConfiguration = (0, project_graph_1.readCachedProjectConfiguration)(remote);
-    const serveTarget = (_a = remoteConfiguration === null || remoteConfiguration === void 0 ? void 0 : remoteConfiguration.targets) === null || _a === void 0 ? void 0 : _a.serve;
+    const serveTarget = (_a = remoteConfiguration === null || remoteConfiguration === void 0 ? void 0 : remoteConfiguration.targets) === null || _a === void 0 ? void 0 : _a['serve-server'];
     if (!serveTarget) {
-        throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "serve" target.\n
+        throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "serve-server" 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 = (_c = (_b = serveTarget.options) === null || _b === void 0 ? void 0 : _b.host) !== null && _c !== void 0 ? _c : '//localhost';

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

@@ -1 +1 @@
-{"version":3,"file":"with-module-federation-ssr.js","sourceRoot":"","sources":["../../../../../packages/react/src/module-federation/with-module-federation-ssr.ts"],"names":[],"mappings":";;;;AACA,sEAAoF;AACpF,mCAAoD;AAEpD,SAAS,kBAAkB,CAAC,MAAc;;IACxC,MAAM,mBAAmB,GAAG,IAAA,8CAA8B,EAAC,MAAM,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,0CAAE,KAAK,CAAC;IAExD,IAAI,CAAC,WAAW,EAAE;QAChB,MAAM,IAAI,KAAK,CACb,iDAAiD,MAAM;8IACiF,CACzI,CAAC;KACH;IAED,MAAM,IAAI,GAAG,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,mCAAI,aAAa,CAAC;IACxD,MAAM,IAAI,GAAG,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,mCAAI,IAAI,CAAC;IAC/C,OAAO,GACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAC3C,IAAI,IAAI,wBAAwB,CAAC;AACnC,CAAC;AAED,SAAsB,0BAA0B,CAC9C,OAA+B;;QAE/B,MAAM,kBAAkB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC;QAE5D,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAC1D,MAAM,IAAA,iCAAyB,EAAC,OAAO,EAAE,kBAAkB,EAAE;YAC3D,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEL,OAAO,CAAC,MAAM,EAAE,EAAE;YAChB,MAAM,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAEpC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;YACxC,MAAM,CAAC,YAAY,GAAG;gBACpB,YAAY,EAAE,KAAK;aACpB,CAAC;YAEF,MAAM,CAAC,OAAO,CAAC,IAAI,CACjB,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC,yBAAyB,CAAC,CAChE;gBACE,IAAI,EAAE,OAAO,CAAC,IAAI;gBAClB,QAAQ,EAAE,gBAAgB;gBAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,OAAO,EAAE,aAAa;gBACtB,MAAM,oBACD,kBAAkB,CACtB;gBACD,OAAO,EAAE;oBACP,IAAI,EAAE,iBAAiB;iBACxB;gBACD,QAAQ,EAAE,IAAI;aACf,EACD,EAAE,CACH,EACD,eAAe,CAAC,oBAAoB,EAAE,CACvC,CAAC;YAEF,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC;CAAA;AAzCD,gEAyCC"}
+{"version":3,"file":"with-module-federation-ssr.js","sourceRoot":"","sources":["../../../../../packages/react/src/module-federation/with-module-federation-ssr.ts"],"names":[],"mappings":";;;;AACA,sEAAoF;AACpF,mCAAoD;AAEpD,SAAS,kBAAkB,CAAC,MAAc;;IACxC,MAAM,mBAAmB,GAAG,IAAA,8CAA8B,EAAC,MAAM,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,0CAAG,cAAc,CAAC,CAAC;IAEnE,IAAI,CAAC,WAAW,EAAE;QAChB,MAAM,IAAI,KAAK,CACb,iDAAiD,MAAM;8IACiF,CACzI,CAAC;KACH;IAED,MAAM,IAAI,GAAG,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,mCAAI,aAAa,CAAC;IACxD,MAAM,IAAI,GAAG,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,mCAAI,IAAI,CAAC;IAC/C,OAAO,GACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAC3C,IAAI,IAAI,wBAAwB,CAAC;AACnC,CAAC;AAED,SAAsB,0BAA0B,CAC9C,OAA+B;;QAE/B,MAAM,kBAAkB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC;QAE5D,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAC1D,MAAM,IAAA,iCAAyB,EAAC,OAAO,EAAE,kBAAkB,EAAE;YAC3D,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEL,OAAO,CAAC,MAAM,EAAE,EAAE;YAChB,MAAM,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAEpC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;YACxC,MAAM,CAAC,YAAY,GAAG;gBACpB,YAAY,EAAE,KAAK;aACpB,CAAC;YAEF,MAAM,CAAC,OAAO,CAAC,IAAI,CACjB,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC,yBAAyB,CAAC,CAChE;gBACE,IAAI,EAAE,OAAO,CAAC,IAAI;gBAClB,QAAQ,EAAE,gBAAgB;gBAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,OAAO,EAAE,aAAa;gBACtB,MAAM,oBACD,kBAAkB,CACtB;gBACD,OAAO,EAAE;oBACP,IAAI,EAAE,iBAAiB;iBACxB;gBACD,QAAQ,EAAE,IAAI;aACf,EACD,EAAE,CACH,EACD,eAAe,CAAC,oBAAoB,EAAE,CACvC,CAAC;YAEF,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC;CAAA;AAzCD,gEAyCC"}