@nrwl/react 13.10.0-rc.0 → 13.10.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/executors.json +16 -0
- package/generators.json +14 -0
- package/index.d.ts +1 -0
- package/index.js +3 -1
- package/index.js.map +1 -1
- package/module-federation.d.ts +4 -0
- package/module-federation.js +10 -0
- package/module-federation.js.map +1 -0
- package/package.json +10 -9
- package/plugins/webpack.d.ts +2 -1
- package/plugins/webpack.js +2 -0
- package/plugins/webpack.js.map +1 -1
- package/src/executors/mfe-dev-server/compat.d.ts +2 -0
- package/src/executors/mfe-dev-server/compat.js +6 -0
- package/src/executors/mfe-dev-server/compat.js.map +1 -0
- package/src/executors/mfe-dev-server/mfe-dev-server.impl.d.ts +11 -0
- package/src/executors/mfe-dev-server/mfe-dev-server.impl.js +86 -0
- package/src/executors/mfe-dev-server/mfe-dev-server.impl.js.map +1 -0
- package/src/executors/mfe-dev-server/schema.json +82 -0
- package/src/generators/application/files/common/src/app/__fileName__.spec.tsx__tmpl__ +1 -1
- package/src/generators/application/lib/normalize-options.js +2 -2
- package/src/generators/application/lib/normalize-options.js.map +1 -1
- package/src/generators/application/schema.d.ts +2 -0
- package/src/generators/mfe-host/files/common/src/app/__fileName__.tsx__tmpl__ +29 -0
- package/src/generators/mfe-host/files/mfe/mfe.config.js__tmpl__ +6 -0
- package/src/generators/mfe-host/files/mfe/src/main.ts__tmpl__ +1 -0
- package/src/generators/mfe-host/files/mfe/src/remotes.d.ts__tmpl__ +4 -0
- package/src/generators/mfe-host/files/mfe/webpack.config.js__tmpl__ +6 -0
- package/src/generators/mfe-host/files/mfe/webpack.config.prod.js__tmpl__ +1 -0
- package/src/generators/mfe-host/lib/add-mfe.d.ts +2 -0
- package/src/generators/mfe-host/lib/add-mfe.js +17 -0
- package/src/generators/mfe-host/lib/add-mfe.js.map +1 -0
- package/src/generators/mfe-host/lib/update-host-with-remote.d.ts +3 -0
- package/src/generators/mfe-host/lib/update-host-with-remote.js +10 -0
- package/src/generators/mfe-host/lib/update-host-with-remote.js.map +1 -0
- package/src/generators/mfe-host/lib/update-mfe-e2e-project.d.ts +3 -0
- package/src/generators/mfe-host/lib/update-mfe-e2e-project.js +17 -0
- package/src/generators/mfe-host/lib/update-mfe-e2e-project.js.map +1 -0
- package/src/generators/mfe-host/lib/update-mfe-project.d.ts +3 -0
- package/src/generators/mfe-host/lib/update-mfe-project.js +13 -0
- package/src/generators/mfe-host/lib/update-mfe-project.js.map +1 -0
- package/src/generators/mfe-host/mfe-host.d.ts +3 -0
- package/src/generators/mfe-host/mfe-host.js +43 -0
- package/src/generators/mfe-host/mfe-host.js.map +1 -0
- package/src/generators/mfe-host/schema.d.ts +28 -0
- package/src/generators/mfe-host/schema.json +155 -0
- package/src/generators/mfe-remote/files/mfe/mfe.config.js__tmpl__ +6 -0
- package/src/generators/mfe-remote/files/mfe/src/main.ts__tmpl__ +1 -0
- package/src/generators/mfe-remote/files/mfe/src/remote-entry.ts__tmpl__ +1 -0
- package/src/generators/mfe-remote/files/mfe/webpack.config.js__tmpl__ +6 -0
- package/src/generators/mfe-remote/files/mfe/webpack.config.prod.js__tmpl__ +1 -0
- package/src/generators/mfe-remote/mfe-remote.d.ts +5 -0
- package/src/generators/mfe-remote/mfe-remote.js +41 -0
- package/src/generators/mfe-remote/mfe-remote.js.map +1 -0
- package/src/generators/mfe-remote/schema.d.ts +30 -0
- package/src/generators/mfe-remote/schema.json +159 -0
- package/src/mfe/webpack-utils.d.ts +17 -0
- package/src/mfe/webpack-utils.js +66 -0
- package/src/mfe/webpack-utils.js.map +1 -0
- package/src/mfe/with-module-federation.d.ts +14 -0
- package/src/mfe/with-module-federation.js +167 -0
- package/src/mfe/with-module-federation.js.map +1 -0
- package/src/utils/versions.js +1 -1
package/executors.json
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"builders": {
|
|
3
|
+
"mfe-dev-server": {
|
|
4
|
+
"implementation": "./src/executors/mfe-dev-server/compat",
|
|
5
|
+
"schema": "./src/executors/mfe-dev-server/schema.json",
|
|
6
|
+
"description": "Serve an MFE host or remote application."
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
"executors": {
|
|
10
|
+
"mfe-dev-server": {
|
|
11
|
+
"implementation": "./src/executors/mfe-dev-server/mfe-dev-server.impl",
|
|
12
|
+
"schema": "./src/executors/mfe-dev-server/schema.json",
|
|
13
|
+
"description": "Serve an MFE host or remote application."
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
package/generators.json
CHANGED
|
@@ -162,6 +162,20 @@
|
|
|
162
162
|
"schema": "./src/generators/hook/schema.json",
|
|
163
163
|
"description": "Create a hook.",
|
|
164
164
|
"aliases": "c"
|
|
165
|
+
},
|
|
166
|
+
|
|
167
|
+
"mfe-host": {
|
|
168
|
+
"factory": "./src/generators/mfe-host/mfe-host#mfeHostGenerator",
|
|
169
|
+
"schema": "./src/generators/mfe-host/schema.json",
|
|
170
|
+
"description": "Generate a host react application",
|
|
171
|
+
"aliases": "host"
|
|
172
|
+
},
|
|
173
|
+
|
|
174
|
+
"mfe-remote": {
|
|
175
|
+
"factory": "./src/generators/mfe-remote/mfe-remote#mfeRemoteGenerator",
|
|
176
|
+
"schema": "./src/generators/mfe-remote/schema.json",
|
|
177
|
+
"description": "Generate a remote react application",
|
|
178
|
+
"aliases": "remote"
|
|
165
179
|
}
|
|
166
180
|
}
|
|
167
181
|
}
|
package/index.d.ts
CHANGED
|
@@ -13,4 +13,5 @@ export { reduxGenerator } from './src/generators/redux/redux';
|
|
|
13
13
|
export { storiesGenerator } from './src/generators/stories/stories';
|
|
14
14
|
export { storybookConfigurationGenerator } from './src/generators/storybook-configuration/configuration';
|
|
15
15
|
export { storybookMigration5to6Generator } from './src/generators/storybook-migrate-defaults-5-to-6/migrate-defaults-5-to-6';
|
|
16
|
+
export { mfeHostGenerator } from './src/generators/mfe-host/mfe-host';
|
|
16
17
|
export type { SupportedStyles } from './typings/style';
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.storybookMigration5to6Generator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.componentCypressGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.CSS_IN_JS_DEPENDENCIES = exports.createReactEslintJson = exports.extraEslintDependencies = void 0;
|
|
3
|
+
exports.mfeHostGenerator = exports.storybookMigration5to6Generator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.componentCypressGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.CSS_IN_JS_DEPENDENCIES = exports.createReactEslintJson = exports.extraEslintDependencies = void 0;
|
|
4
4
|
var lint_1 = require("./src/utils/lint");
|
|
5
5
|
Object.defineProperty(exports, "extraEslintDependencies", { enumerable: true, get: function () { return lint_1.extraEslintDependencies; } });
|
|
6
6
|
Object.defineProperty(exports, "createReactEslintJson", { enumerable: true, get: function () { return lint_1.createReactEslintJson; } });
|
|
@@ -33,4 +33,6 @@ var configuration_1 = require("./src/generators/storybook-configuration/configur
|
|
|
33
33
|
Object.defineProperty(exports, "storybookConfigurationGenerator", { enumerable: true, get: function () { return configuration_1.storybookConfigurationGenerator; } });
|
|
34
34
|
var migrate_defaults_5_to_6_1 = require("./src/generators/storybook-migrate-defaults-5-to-6/migrate-defaults-5-to-6");
|
|
35
35
|
Object.defineProperty(exports, "storybookMigration5to6Generator", { enumerable: true, get: function () { return migrate_defaults_5_to_6_1.storybookMigration5to6Generator; } });
|
|
36
|
+
var mfe_host_1 = require("./src/generators/mfe-host/mfe-host");
|
|
37
|
+
Object.defineProperty(exports, "mfeHostGenerator", { enumerable: true, get: function () { return mfe_host_1.mfeHostGenerator; } });
|
|
36
38
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/react/index.ts"],"names":[],"mappings":";;;AAAA,yCAG0B;AAFxB,+GAAA,uBAAuB,OAAA;AACvB,6GAAA,qBAAqB,OAAA;AAEvB,6CAA4D;AAAnD,gHAAA,sBAAsB,OAAA;AAC/B,mDAAyD;AAAhD,6GAAA,gBAAgB,OAAA;AACzB,iDAAqE;AAA5D,2GAAA,eAAe,OAAA;AAAE,wGAAA,YAAY,OAAA;AACtC,wEAAgF;AAAvE,mHAAA,oBAAoB,OAAA;AAC7B,kEAA0E;AAAjE,+GAAA,kBAAkB,OAAA;AAC3B,mDAA2D;AAAlD,qGAAA,aAAa,OAAA;AACtB,yGAA2G;AAAlG,mIAAA,yBAAyB,OAAA;AAClC,oFAA2F;AAAlF,0HAAA,uBAAuB,OAAA;AAChC,4DAAoE;AAA3D,2GAAA,gBAAgB,OAAA;AACzB,mDAAgE;AAAvD,0GAAA,kBAAkB,OAAA;AAC3B,sDAA8D;AAArD,uGAAA,cAAc,OAAA;AACvB,4DAAoE;AAA3D,2GAAA,gBAAgB,OAAA;AACzB,wFAAyG;AAAhG,gIAAA,+BAA+B,OAAA;AACxC,sHAA6H;AAApH,0IAAA,+BAA+B,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/react/index.ts"],"names":[],"mappings":";;;AAAA,yCAG0B;AAFxB,+GAAA,uBAAuB,OAAA;AACvB,6GAAA,qBAAqB,OAAA;AAEvB,6CAA4D;AAAnD,gHAAA,sBAAsB,OAAA;AAC/B,mDAAyD;AAAhD,6GAAA,gBAAgB,OAAA;AACzB,iDAAqE;AAA5D,2GAAA,eAAe,OAAA;AAAE,wGAAA,YAAY,OAAA;AACtC,wEAAgF;AAAvE,mHAAA,oBAAoB,OAAA;AAC7B,kEAA0E;AAAjE,+GAAA,kBAAkB,OAAA;AAC3B,mDAA2D;AAAlD,qGAAA,aAAa,OAAA;AACtB,yGAA2G;AAAlG,mIAAA,yBAAyB,OAAA;AAClC,oFAA2F;AAAlF,0HAAA,uBAAuB,OAAA;AAChC,4DAAoE;AAA3D,2GAAA,gBAAgB,OAAA;AACzB,mDAAgE;AAAvD,0GAAA,kBAAkB,OAAA;AAC3B,sDAA8D;AAArD,uGAAA,cAAc,OAAA;AACvB,4DAAoE;AAA3D,2GAAA,gBAAgB,OAAA;AACzB,wFAAyG;AAAhG,gIAAA,+BAA+B,OAAA;AACxC,sHAA6H;AAApH,0IAAA,+BAA+B,OAAA;AACxC,+DAAsE;AAA7D,4GAAA,gBAAgB,OAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const with_module_federation_1 = require("./src/mfe/with-module-federation");
|
|
6
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return with_module_federation_1.withModuleFederation; } });
|
|
7
|
+
tslib_1.__exportStar(require("./src/mfe/webpack-utils"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./src/mfe/with-module-federation"), exports);
|
|
9
|
+
module.exports = with_module_federation_1.withModuleFederation;
|
|
10
|
+
//# sourceMappingURL=module-federation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"module-federation.js","sourceRoot":"","sources":["../../../packages/react/module-federation.ts"],"names":[],"mappings":";;;;AAAA,6EAAwE;AAIvC,wFAJxB,6CAAoB,OAIW;AAFxC,kEAAwC;AACxC,2EAAiD;AAGjD,MAAM,CAAC,OAAO,GAAG,6CAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nrwl/react",
|
|
3
|
-
"version": "13.10.0-rc.
|
|
3
|
+
"version": "13.10.0-rc.1",
|
|
4
4
|
"description": "The React plugin 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.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"url": "https://github.com/nrwl/nx/issues"
|
|
24
24
|
},
|
|
25
25
|
"homepage": "https://nx.dev",
|
|
26
|
+
"builders": "./executors.json",
|
|
26
27
|
"schematics": "./generators.json",
|
|
27
28
|
"ng-update": {
|
|
28
29
|
"requirements": {},
|
|
@@ -31,14 +32,14 @@
|
|
|
31
32
|
"dependencies": {
|
|
32
33
|
"@babel/core": "^7.15.0",
|
|
33
34
|
"@babel/preset-react": "^7.14.5",
|
|
34
|
-
"@nrwl/cypress": "13.10.0-rc.
|
|
35
|
-
"@nrwl/devkit": "13.10.0-rc.
|
|
36
|
-
"@nrwl/jest": "13.10.0-rc.
|
|
37
|
-
"@nrwl/js": "13.10.0-rc.
|
|
38
|
-
"@nrwl/linter": "13.10.0-rc.
|
|
39
|
-
"@nrwl/storybook": "13.10.0-rc.
|
|
40
|
-
"@nrwl/web": "13.10.0-rc.
|
|
41
|
-
"@nrwl/workspace": "13.10.0-rc.
|
|
35
|
+
"@nrwl/cypress": "13.10.0-rc.1",
|
|
36
|
+
"@nrwl/devkit": "13.10.0-rc.1",
|
|
37
|
+
"@nrwl/jest": "13.10.0-rc.1",
|
|
38
|
+
"@nrwl/js": "13.10.0-rc.1",
|
|
39
|
+
"@nrwl/linter": "13.10.0-rc.1",
|
|
40
|
+
"@nrwl/storybook": "13.10.0-rc.1",
|
|
41
|
+
"@nrwl/web": "13.10.0-rc.1",
|
|
42
|
+
"@nrwl/workspace": "13.10.0-rc.1",
|
|
42
43
|
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
|
|
43
44
|
"@svgr/webpack": "^6.1.2",
|
|
44
45
|
"chalk": "4.1.0",
|
package/plugins/webpack.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import type { Configuration } from 'webpack';
|
|
2
|
+
export declare function getWebpackConfig(config: Configuration): Configuration;
|
package/plugins/webpack.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getWebpackConfig = void 0;
|
|
3
4
|
const ReactRefreshPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
|
|
4
5
|
// Add React-specific configuration
|
|
5
6
|
function getWebpackConfig(config) {
|
|
@@ -66,5 +67,6 @@ function getWebpackConfig(config) {
|
|
|
66
67
|
}
|
|
67
68
|
return config;
|
|
68
69
|
}
|
|
70
|
+
exports.getWebpackConfig = getWebpackConfig;
|
|
69
71
|
module.exports = getWebpackConfig;
|
|
70
72
|
//# sourceMappingURL=webpack.js.map
|
package/plugins/webpack.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webpack.js","sourceRoot":"","sources":["../../../../packages/react/plugins/webpack.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"webpack.js","sourceRoot":"","sources":["../../../../packages/react/plugins/webpack.ts"],"names":[],"mappings":";;;AACA,2EAA4E;AAE5E,mCAAmC;AACnC,SAAgB,gBAAgB,CAAC,MAAqB;;IACpD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE;YACL,oFAAoF;YACpF;gBACE,MAAM,EAAE,iBAAiB;gBACzB,GAAG,EAAE;oBACH;wBACE,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC;wBACxC,OAAO,EAAE;4BACP,IAAI,EAAE,KAAK;4BACX,SAAS,EAAE,IAAI;4BACf,GAAG,EAAE,IAAI;yBACV;qBACF;oBACD;wBACE,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;wBACrC,OAAO,EAAE;4BACP,KAAK,EAAE,KAAK;4BACZ,IAAI,EAAE,uBAAuB;4BAC7B,QAAQ,EAAE,KAAK;yBAChB;qBACF;iBACF;aACF;YACD,gCAAgC;YAChC;gBACE,GAAG,EAAE;oBACH;wBACE,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;wBACrC,OAAO,EAAE;4BACP,KAAK,EAAE,KAAK;4BACZ,IAAI,EAAE,uBAAuB;yBAC9B;qBACF;iBACF;aACF;SACF;KACF,CAAC,CAAC;IAEH,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,KAAI,MAAA,MAAM,CAAC,WAAW,CAAC,0CAAE,GAAG,CAAA,EAAE;QAC7D,mDAAmD;QACnD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAC1C,CAAC,IAAI,EAAE,EAAE;;YACP,OAAA,OAAO,IAAI,KAAK,QAAQ;iBACxB,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA,CAAA;SAAA,CACnD,CAAC;QACF,IAAI,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YAClD,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG;gBAC/B,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;gBACzC;oBACE,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC;oBACtC;wBACE,YAAY,EAAE,IAAI;qBACnB;iBACF;aACF,CAAC;SACH;QACD,+EAA+E;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,kBAAkB,EAAE,CAAC,CAAC;KAC/C;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAhED,4CAgEC;AAED,MAAM,CAAC,OAAO,GAAG,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const devkit_1 = require("@nrwl/devkit");
|
|
4
|
+
const mfe_dev_server_impl_1 = require("./mfe-dev-server.impl");
|
|
5
|
+
exports.default = (0, devkit_1.convertNxExecutor)(mfe_dev_server_impl_1.default);
|
|
6
|
+
//# sourceMappingURL=compat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/mfe-dev-server/compat.ts"],"names":[],"mappings":";;AAAA,yCAAiD;AAEjD,+DAAiD;AAEjD,kBAAe,IAAA,0BAAiB,EAAC,6BAAY,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ExecutorContext } from '@nrwl/devkit';
|
|
2
|
+
import { WebDevServerOptions } from '@nrwl/web/src/executors/dev-server/dev-server.impl';
|
|
3
|
+
declare type MFEDevServerOptions = WebDevServerOptions & {
|
|
4
|
+
apps?: string[];
|
|
5
|
+
};
|
|
6
|
+
export default function mfeDevServer(options: MFEDevServerOptions, context: ExecutorContext): AsyncGenerator<{
|
|
7
|
+
baseUrl: string;
|
|
8
|
+
emittedFiles: import("../../../../../build/packages/web/src/utils/run-webpack").EmittedFile[];
|
|
9
|
+
success: boolean;
|
|
10
|
+
}, any, undefined>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const devkit_1 = require("@nrwl/devkit");
|
|
5
|
+
const dev_server_impl_1 = require("@nrwl/web/src/executors/dev-server/dev-server.impl");
|
|
6
|
+
const path_1 = require("path");
|
|
7
|
+
function mfeDevServer(options, context) {
|
|
8
|
+
var _a, _b;
|
|
9
|
+
return tslib_1.__asyncGenerator(this, arguments, function* mfeDevServer_1() {
|
|
10
|
+
let iter = (0, dev_server_impl_1.default)(options, context);
|
|
11
|
+
const p = context.workspace.projects[context.projectName];
|
|
12
|
+
const mfeConfigPath = (0, path_1.join)(context.root, p.root, 'mfe.config.js');
|
|
13
|
+
let mfeConfig;
|
|
14
|
+
try {
|
|
15
|
+
mfeConfig = require(mfeConfigPath);
|
|
16
|
+
}
|
|
17
|
+
catch (_c) {
|
|
18
|
+
// TODO(jack): Add a link to guide
|
|
19
|
+
throw new Error(`Could not load ${mfeConfigPath}. Was this project generated with "@nrwl/react:mfe-host"?`);
|
|
20
|
+
}
|
|
21
|
+
// Remotes can be specified with a custom location
|
|
22
|
+
// e.g.
|
|
23
|
+
// ```
|
|
24
|
+
// remotes: ['app1', 'http://example.com']
|
|
25
|
+
// ```
|
|
26
|
+
// This shouldn't happen for local dev, but we support it regardless.
|
|
27
|
+
let apps = (_b = (_a = options.apps) !== null && _a !== void 0 ? _a : mfeConfig.remotes) !== null && _b !== void 0 ? _b : [];
|
|
28
|
+
apps = apps.map((a) => (Array.isArray(a) ? a[0] : a));
|
|
29
|
+
for (const app of apps) {
|
|
30
|
+
iter = combineAsyncIterators(iter, yield tslib_1.__await((0, devkit_1.runExecutor)({
|
|
31
|
+
project: app,
|
|
32
|
+
target: 'serve',
|
|
33
|
+
configuration: context.configurationName,
|
|
34
|
+
}, {}, context)));
|
|
35
|
+
}
|
|
36
|
+
return yield tslib_1.__await(yield tslib_1.__await(yield* tslib_1.__asyncDelegator(tslib_1.__asyncValues(iter))));
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
exports.default = mfeDevServer;
|
|
40
|
+
// TODO(jack): Extract this helper
|
|
41
|
+
function getNextAsyncIteratorFactory(options) {
|
|
42
|
+
return (asyncIterator, index) => tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
43
|
+
try {
|
|
44
|
+
const iterator = yield asyncIterator.next();
|
|
45
|
+
return { index, iterator };
|
|
46
|
+
}
|
|
47
|
+
catch (err) {
|
|
48
|
+
if (options.errorCallback) {
|
|
49
|
+
options.errorCallback(err, index);
|
|
50
|
+
}
|
|
51
|
+
if (options.throwError !== false) {
|
|
52
|
+
return Promise.reject(err);
|
|
53
|
+
}
|
|
54
|
+
return { index, iterator: { done: true } };
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
function combineAsyncIterators(...iterators) {
|
|
59
|
+
return tslib_1.__asyncGenerator(this, arguments, function* combineAsyncIterators_1() {
|
|
60
|
+
let [options] = iterators;
|
|
61
|
+
if (typeof options.next === 'function') {
|
|
62
|
+
options = Object.create(null);
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
iterators.shift();
|
|
66
|
+
}
|
|
67
|
+
const getNextAsyncIteratorValue = getNextAsyncIteratorFactory(options);
|
|
68
|
+
try {
|
|
69
|
+
const asyncIteratorsValues = new Map(iterators.map((it, idx) => [idx, getNextAsyncIteratorValue(it, idx)]));
|
|
70
|
+
do {
|
|
71
|
+
const { iterator, index } = yield tslib_1.__await(Promise.race(asyncIteratorsValues.values()));
|
|
72
|
+
if (iterator.done) {
|
|
73
|
+
asyncIteratorsValues.delete(index);
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
yield yield tslib_1.__await(iterator.value);
|
|
77
|
+
asyncIteratorsValues.set(index, getNextAsyncIteratorValue(iterators[index], index));
|
|
78
|
+
}
|
|
79
|
+
} while (asyncIteratorsValues.size > 0);
|
|
80
|
+
}
|
|
81
|
+
finally {
|
|
82
|
+
yield tslib_1.__await(Promise.allSettled(iterators.map((it) => it.return())));
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=mfe-dev-server.impl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mfe-dev-server.impl.js","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/mfe-dev-server/mfe-dev-server.impl.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
{
|
|
2
|
+
"title": "Web Dev Server",
|
|
3
|
+
"description": "Serve a web application.",
|
|
4
|
+
"cli": "nx",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"buildTarget": {
|
|
8
|
+
"type": "string",
|
|
9
|
+
"description": "Target which builds the application."
|
|
10
|
+
},
|
|
11
|
+
"port": {
|
|
12
|
+
"type": "number",
|
|
13
|
+
"description": "Port to listen on.",
|
|
14
|
+
"default": 4200
|
|
15
|
+
},
|
|
16
|
+
"host": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"description": "Host to listen on.",
|
|
19
|
+
"default": "localhost"
|
|
20
|
+
},
|
|
21
|
+
"ssl": {
|
|
22
|
+
"type": "boolean",
|
|
23
|
+
"description": "Serve using `HTTPS`.",
|
|
24
|
+
"default": false
|
|
25
|
+
},
|
|
26
|
+
"sslKey": {
|
|
27
|
+
"type": "string",
|
|
28
|
+
"description": "SSL key to use for serving `HTTPS`."
|
|
29
|
+
},
|
|
30
|
+
"sslCert": {
|
|
31
|
+
"type": "string",
|
|
32
|
+
"description": "SSL certificate to use for serving `HTTPS`."
|
|
33
|
+
},
|
|
34
|
+
"watch": {
|
|
35
|
+
"type": "boolean",
|
|
36
|
+
"description": "Watches for changes and rebuilds application.",
|
|
37
|
+
"default": true
|
|
38
|
+
},
|
|
39
|
+
"liveReload": {
|
|
40
|
+
"type": "boolean",
|
|
41
|
+
"description": "Whether to reload the page on change, using live-reload.",
|
|
42
|
+
"default": true
|
|
43
|
+
},
|
|
44
|
+
"hmr": {
|
|
45
|
+
"type": "boolean",
|
|
46
|
+
"description": "Enable hot module replacement.",
|
|
47
|
+
"default": false
|
|
48
|
+
},
|
|
49
|
+
"publicHost": {
|
|
50
|
+
"type": "string",
|
|
51
|
+
"description": "Public URL where the application will be served."
|
|
52
|
+
},
|
|
53
|
+
"open": {
|
|
54
|
+
"type": "boolean",
|
|
55
|
+
"description": "Open the application in the browser.",
|
|
56
|
+
"default": false
|
|
57
|
+
},
|
|
58
|
+
"allowedHosts": {
|
|
59
|
+
"type": "string",
|
|
60
|
+
"description": "This option allows you to whitelist services that are allowed to access the dev server."
|
|
61
|
+
},
|
|
62
|
+
"memoryLimit": {
|
|
63
|
+
"type": "number",
|
|
64
|
+
"description": "Memory limit for type checking service process in `MB`."
|
|
65
|
+
},
|
|
66
|
+
"maxWorkers": {
|
|
67
|
+
"type": "number",
|
|
68
|
+
"description": "Number of workers to use for type checking."
|
|
69
|
+
},
|
|
70
|
+
"baseHref": {
|
|
71
|
+
"type": "string",
|
|
72
|
+
"description": "Base url for the application being built."
|
|
73
|
+
},
|
|
74
|
+
"apps": {
|
|
75
|
+
"type": "array",
|
|
76
|
+
"items": {
|
|
77
|
+
"type": "string"
|
|
78
|
+
},
|
|
79
|
+
"description": "List of remote applications to serve in addition to the host application."
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
@@ -4,7 +4,7 @@ exports.normalizeOptions = void 0;
|
|
|
4
4
|
const assertion_1 = require("../../../utils/assertion");
|
|
5
5
|
const devkit_1 = require("@nrwl/devkit");
|
|
6
6
|
function normalizeOptions(host, options) {
|
|
7
|
-
var _a, _b, _c, _d, _e, _f;
|
|
7
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
8
8
|
const appDirectory = options.directory
|
|
9
9
|
? `${(0, devkit_1.names)(options.directory).fileName}/${(0, devkit_1.names)(options.name).fileName}`
|
|
10
10
|
: (0, devkit_1.names)(options.name).fileName;
|
|
@@ -30,7 +30,7 @@ function normalizeOptions(host, options) {
|
|
|
30
30
|
e2eProjectName,
|
|
31
31
|
parsedTags,
|
|
32
32
|
fileName,
|
|
33
|
-
styledModule, hasStyles: options.style !== 'none' });
|
|
33
|
+
styledModule, hasStyles: options.style !== 'none', devServerPort: (_g = options.devServerPort) !== null && _g !== void 0 ? _g : 4200 });
|
|
34
34
|
}
|
|
35
35
|
exports.normalizeOptions = normalizeOptions;
|
|
36
36
|
//# sourceMappingURL=normalize-options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"normalize-options.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/normalize-options.ts"],"names":[],"mappings":";;;AACA,wDAA4D;AAC5D,yCAA8E;AAE9E,SAAgB,gBAAgB,CAC9B,IAAU,EACV,OAAe;;IAEf,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS;QACpC,CAAC,CAAC,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,IAAI,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACxE,CAAC,CAAC,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IAEjC,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IACvE,MAAM,cAAc,GAAG,GAAG,cAAc,MAAM,CAAC;IAE/C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,2BAAkB,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,cAAc,GAAG,IAAA,sBAAa,EAAC,GAAG,OAAO,IAAI,YAAY,EAAE,CAAC,CAAC;IAEnE,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI;QAC7B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9C,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzD,MAAM,YAAY,GAAG,6BAA6B,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QACpE,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;IAElB,IAAA,4BAAgB,EAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CAAC,OAAO,GAAG,MAAA,OAAO,CAAC,OAAO,mCAAI,KAAK,CAAC;IAC3C,OAAO,CAAC,MAAM,GAAG,MAAA,OAAO,CAAC,MAAM,mCAAI,IAAI,CAAC;IACxC,OAAO,CAAC,cAAc,GAAG,MAAA,OAAO,CAAC,cAAc,mCAAI,KAAK,CAAC;IACzD,OAAO,CAAC,cAAc,GAAG,MAAA,OAAO,CAAC,cAAc,mCAAI,MAAM,CAAC;IAC1D,OAAO,CAAC,aAAa,GAAG,MAAA,OAAO,CAAC,aAAa,mCAAI,SAAS,CAAC;IAC3D,OAAO,CAAC,QAAQ,GAAG,MAAA,OAAO,CAAC,QAAQ,mCAAI,OAAO,CAAC;IAE/C,uCACK,OAAO,KACV,IAAI,EAAE,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAClC,WAAW,EAAE,cAAc,EAC3B,cAAc;QACd,cAAc;QACd,UAAU;QACV,QAAQ;QACR,YAAY,EACZ,SAAS,EAAE,OAAO,CAAC,KAAK,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"normalize-options.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/normalize-options.ts"],"names":[],"mappings":";;;AACA,wDAA4D;AAC5D,yCAA8E;AAE9E,SAAgB,gBAAgB,CAC9B,IAAU,EACV,OAAe;;IAEf,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS;QACpC,CAAC,CAAC,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,IAAI,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACxE,CAAC,CAAC,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IAEjC,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IACvE,MAAM,cAAc,GAAG,GAAG,cAAc,MAAM,CAAC;IAE/C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,2BAAkB,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,cAAc,GAAG,IAAA,sBAAa,EAAC,GAAG,OAAO,IAAI,YAAY,EAAE,CAAC,CAAC;IAEnE,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI;QAC7B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9C,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzD,MAAM,YAAY,GAAG,6BAA6B,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QACpE,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;IAElB,IAAA,4BAAgB,EAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CAAC,OAAO,GAAG,MAAA,OAAO,CAAC,OAAO,mCAAI,KAAK,CAAC;IAC3C,OAAO,CAAC,MAAM,GAAG,MAAA,OAAO,CAAC,MAAM,mCAAI,IAAI,CAAC;IACxC,OAAO,CAAC,cAAc,GAAG,MAAA,OAAO,CAAC,cAAc,mCAAI,KAAK,CAAC;IACzD,OAAO,CAAC,cAAc,GAAG,MAAA,OAAO,CAAC,cAAc,mCAAI,MAAM,CAAC;IAC1D,OAAO,CAAC,aAAa,GAAG,MAAA,OAAO,CAAC,aAAa,mCAAI,SAAS,CAAC;IAC3D,OAAO,CAAC,QAAQ,GAAG,MAAA,OAAO,CAAC,QAAQ,mCAAI,OAAO,CAAC;IAE/C,uCACK,OAAO,KACV,IAAI,EAAE,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAClC,WAAW,EAAE,cAAc,EAC3B,cAAc;QACd,cAAc;QACd,UAAU;QACV,QAAQ;QACR,YAAY,EACZ,SAAS,EAAE,OAAO,CAAC,KAAK,KAAK,MAAM,EACnC,aAAa,EAAE,MAAA,OAAO,CAAC,aAAa,mCAAI,IAAI,IAC5C;AACJ,CAAC;AA7CD,4CA6CC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import NxWelcome from "./nx-welcome";
|
|
3
|
+
<% if (remotes.length > 0) { %>
|
|
4
|
+
import { Link, Route, Switch } from 'react-router-dom';
|
|
5
|
+
|
|
6
|
+
<% remotes.forEach(function(r) { %>
|
|
7
|
+
const <%= r.className %> = React.lazy(() => import('<%= r.fileName %>/Module'));
|
|
8
|
+
<% }); %>
|
|
9
|
+
<% } %>
|
|
10
|
+
export function App() {
|
|
11
|
+
return (
|
|
12
|
+
<React.Suspense fallback={null}>
|
|
13
|
+
<ul>
|
|
14
|
+
<li><Link to="/">Home</Link></li>
|
|
15
|
+
<% remotes.forEach(function(r) { %>
|
|
16
|
+
<li><Link to="/<%=r.fileName%>"><%=r.className%></Link></li>
|
|
17
|
+
<% }); %>
|
|
18
|
+
</ul>
|
|
19
|
+
<Switch>
|
|
20
|
+
<Route exact path="/" render={() => <NxWelcome title="<%= projectName %>"/>} />
|
|
21
|
+
<% remotes.forEach(function(r) { %>
|
|
22
|
+
<Route path="/<%=r.fileName%>" render={() => <<%= r.className %>/>} />
|
|
23
|
+
<% }); %>
|
|
24
|
+
</Switch>
|
|
25
|
+
</React.Suspense>
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export default App;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import('./bootstrap');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = require('./webpack.config');
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.addMFEFiles = void 0;
|
|
4
|
+
const devkit_1 = require("@nrwl/devkit");
|
|
5
|
+
const path_1 = require("path");
|
|
6
|
+
function addMFEFiles(host, options) {
|
|
7
|
+
const templateVariables = Object.assign(Object.assign(Object.assign({}, (0, devkit_1.names)(options.name)), options), { tmpl: '', remotes: options.remotes.map((r) => (0, devkit_1.names)(r)) });
|
|
8
|
+
// Module federation requires bootstrap code to be dynamically imported.
|
|
9
|
+
// Renaming original entry file so we can use `import(./bootstrap)` in
|
|
10
|
+
// new entry file.
|
|
11
|
+
host.rename((0, path_1.join)(options.appProjectRoot, 'src/main.tsx'), (0, path_1.join)(options.appProjectRoot, 'src/bootstrap.tsx'));
|
|
12
|
+
// New entry file is created here.
|
|
13
|
+
(0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `../files/mfe`), options.appProjectRoot, templateVariables);
|
|
14
|
+
(0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `../files/common`), options.appProjectRoot, templateVariables);
|
|
15
|
+
}
|
|
16
|
+
exports.addMFEFiles = addMFEFiles;
|
|
17
|
+
//# sourceMappingURL=add-mfe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"add-mfe.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/mfe-host/lib/add-mfe.ts"],"names":[],"mappings":";;;AACA,yCAAoD;AACpD,+BAA4B;AAE5B,SAAgB,WAAW,CAAC,IAAI,EAAE,OAAyB;IACzD,MAAM,iBAAiB,iDAClB,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,GACnB,OAAO,KACV,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,cAAK,EAAC,CAAC,CAAC,CAAC,GAC9C,CAAC;IAEF,wEAAwE;IACxE,sEAAsE;IACtE,kBAAkB;IAClB,IAAI,CAAC,MAAM,CACT,IAAA,WAAI,EAAC,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,EAC5C,IAAA,WAAI,EAAC,OAAO,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAClD,CAAC;IAEF,kCAAkC;IAClC,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,cAAc,CAAC,EAC/B,OAAO,CAAC,cAAc,EACtB,iBAAiB,CAClB,CAAC;IAEF,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,iBAAiB,CAAC,EAClC,OAAO,CAAC,cAAc,EACtB,iBAAiB,CAClB,CAAC;AACJ,CAAC;AA9BD,kCA8BC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.updateHostWithRemote = void 0;
|
|
4
|
+
function updateHostWithRemote(host, options) {
|
|
5
|
+
// find the host project path
|
|
6
|
+
// Update remotes inside ${host_path}/src/remotes.d.ts
|
|
7
|
+
// Update remotes inside ${host_path}/mfe.config.js
|
|
8
|
+
}
|
|
9
|
+
exports.updateHostWithRemote = updateHostWithRemote;
|
|
10
|
+
//# sourceMappingURL=update-host-with-remote.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"update-host-with-remote.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/mfe-host/lib/update-host-with-remote.ts"],"names":[],"mappings":";;;AAGA,SAAgB,oBAAoB,CAAC,IAAU,EAAE,OAAe;IAC9D,6BAA6B;IAC7B,sDAAsD;IACtD,mDAAmD;AACrD,CAAC;AAJD,oDAIC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.updateMfeE2eProject = void 0;
|
|
4
|
+
const devkit_1 = require("@nrwl/devkit");
|
|
5
|
+
function updateMfeE2eProject(host, options) {
|
|
6
|
+
const e2eName = `${options.name}-e2e`;
|
|
7
|
+
try {
|
|
8
|
+
let projectConfig = (0, devkit_1.readProjectConfiguration)(host, e2eName);
|
|
9
|
+
projectConfig.targets.e2e.options = Object.assign(Object.assign({}, projectConfig.targets.e2e.options), { baseUrl: 'http://localhost:4200' });
|
|
10
|
+
(0, devkit_1.updateProjectConfiguration)(host, e2eName, projectConfig);
|
|
11
|
+
}
|
|
12
|
+
catch (_a) {
|
|
13
|
+
// nothing
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
exports.updateMfeE2eProject = updateMfeE2eProject;
|
|
17
|
+
//# sourceMappingURL=update-mfe-e2e-project.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"update-mfe-e2e-project.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/mfe-host/lib/update-mfe-e2e-project.ts"],"names":[],"mappings":";;;AAEA,yCAGsB;AAEtB,SAAgB,mBAAmB,CAAC,IAAU,EAAE,OAAyB;IACvE,MAAM,OAAO,GAAG,GAAG,OAAO,CAAC,IAAI,MAAM,CAAC;IACtC,IAAI;QACF,IAAI,aAAa,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC5D,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,mCAC5B,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,KACpC,OAAO,EAAE,uBAAuB,GACjC,CAAC;QACF,IAAA,mCAA0B,EAAC,IAAI,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;KAC1D;IAAC,WAAM;QACN,UAAU;KACX;AACH,CAAC;AAZD,kDAYC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.updateMfeProject = void 0;
|
|
4
|
+
const devkit_1 = require("@nrwl/devkit");
|
|
5
|
+
function updateMfeProject(host, options) {
|
|
6
|
+
let projectConfig = (0, devkit_1.readProjectConfiguration)(host, options.name);
|
|
7
|
+
projectConfig.targets.build.options = Object.assign(Object.assign({}, projectConfig.targets.build.options), { main: `${options.appProjectRoot}/src/main.ts`, webpackConfig: `${options.appProjectRoot}/webpack.config.js` });
|
|
8
|
+
projectConfig.targets.serve.executor = '@nrwl/react:mfe-dev-server';
|
|
9
|
+
projectConfig.targets.serve.options.port = options.devServerPort;
|
|
10
|
+
(0, devkit_1.updateProjectConfiguration)(host, options.name, projectConfig);
|
|
11
|
+
}
|
|
12
|
+
exports.updateMfeProject = updateMfeProject;
|
|
13
|
+
//# sourceMappingURL=update-mfe-project.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"update-mfe-project.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/mfe-host/lib/update-mfe-project.ts"],"names":[],"mappings":";;;AAEA,yCAGsB;AAEtB,SAAgB,gBAAgB,CAAC,IAAU,EAAE,OAAyB;IACpE,IAAI,aAAa,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,mCAC9B,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,KACtC,IAAI,EAAE,GAAG,OAAO,CAAC,cAAc,cAAc,EAC7C,aAAa,EAAE,GAAG,OAAO,CAAC,cAAc,oBAAoB,GAC7D,CAAC;IACF,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,4BAA4B,CAAC;IACpE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC;IACjE,IAAA,mCAA0B,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAChE,CAAC;AAVD,4CAUC"}
|