@nx/angular 24.0.0-beta.2 → 24.0.0-beta.4

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.
Files changed (204) hide show
  1. package/dist/executors.d.ts +0 -2
  2. package/dist/executors.js +0 -2
  3. package/dist/fesm2022/nx-angular.mjs +0 -4
  4. package/dist/generators.d.ts +0 -4
  5. package/dist/generators.js +0 -4
  6. package/dist/src/executors/application/schema.json +1 -2
  7. package/dist/src/executors/ng-packagr-lite/ng-packagr-adjustments/ng-package/entry-point/write-bundles.transform.js +9 -1
  8. package/dist/src/executors/unit-test/schema.json +6 -1
  9. package/dist/src/executors/unit-test/unit-test.impl.js +5 -0
  10. package/dist/src/executors/utilities/ng-packagr/stylesheet-processor.js +35 -10
  11. package/dist/src/generators/add-linting/add-linting.js +0 -2
  12. package/dist/src/generators/add-linting/schema.d.ts +0 -1
  13. package/dist/src/generators/application/application.js +1 -2
  14. package/dist/src/generators/application/lib/add-e2e.js +0 -6
  15. package/dist/src/generators/application/lib/add-linting.js +0 -1
  16. package/dist/src/generators/application/lib/add-unit-test-runner.js +0 -2
  17. package/dist/src/generators/application/lib/normalize-options.d.ts +1 -1
  18. package/dist/src/generators/application/lib/normalize-options.js +1 -8
  19. package/dist/src/generators/application/schema.d.ts +0 -1
  20. package/dist/src/generators/application/schema.json +1 -1
  21. package/dist/src/generators/convert-to-rspack/convert-to-rspack.js +3 -4
  22. package/dist/src/generators/convert-to-rspack/lib/get-custom-webpack-config.d.ts +1 -2
  23. package/dist/src/generators/convert-to-rspack/lib/get-custom-webpack-config.js +0 -63
  24. package/dist/src/generators/convert-to-rspack/lib/validate-no-module-federation.d.ts +2 -0
  25. package/dist/src/generators/convert-to-rspack/lib/validate-no-module-federation.js +32 -0
  26. package/dist/src/generators/cypress-component-configuration/cypress-component-configuration.js +3 -15
  27. package/dist/src/generators/init/init.js +1 -2
  28. package/dist/src/generators/init/schema.d.ts +0 -2
  29. package/dist/src/generators/library/schema.d.ts +0 -1
  30. package/dist/src/generators/ng-add/migrators/builders/angular-eslint-lint.migrator.js +12 -1
  31. package/dist/src/generators/ng-add/migrators/projects/e2e.migrator.js +12 -16
  32. package/dist/src/generators/ng-add/utilities/workspace.js +1 -3
  33. package/dist/src/generators/storybook-configuration/lib/generate-storybook-configuration.js +0 -2
  34. package/dist/src/generators/utils/add-jest.d.ts +0 -1
  35. package/dist/src/generators/utils/add-jest.js +0 -2
  36. package/dist/src/generators/utils/add-vitest.d.ts +0 -1
  37. package/dist/src/generators/utils/add-vitest.js +0 -1
  38. package/dist/src/generators/utils/testing.d.ts +0 -4
  39. package/dist/src/generators/utils/testing.js +0 -12
  40. package/dist/src/migrations/update-23-1-0/add-angular-build.js +7 -3
  41. package/dist/src/migrations/update-23-1-0/add-angular-build.md +1 -1
  42. package/dist/src/migrations/update-23-1-0/add-trust-proxy-headers.js +9 -2
  43. package/dist/src/migrations/update-24-0-0/upgrade-to-angular-22-2.d.ts +5 -0
  44. package/dist/src/migrations/update-24-0-0/upgrade-to-angular-22-2.js +332 -0
  45. package/dist/src/migrations/update-24-0-0/upgrade-to-angular-22-2.md +46 -0
  46. package/dist/src/utils/assert-cypress-component-testing-support.js +10 -0
  47. package/dist/src/utils/backward-compatible-versions.js +0 -8
  48. package/dist/src/utils/versions.d.ts +4 -8
  49. package/dist/src/utils/versions.js +5 -9
  50. package/dist/types/nx-angular.d.ts +1 -3
  51. package/executors.json +0 -10
  52. package/generators.json +0 -35
  53. package/migrations.json +97 -0
  54. package/package.json +11 -20
  55. package/dist/.npmignore +0 -2
  56. package/dist/fesm2022/nx-angular-mf.mjs +0 -193
  57. package/dist/fesm2022/nx-angular-mf.mjs.map +0 -1
  58. package/dist/fesm2022/nx-angular.mjs.map +0 -1
  59. package/dist/mf/package.json +0 -4
  60. package/dist/src/builders/utilities/module-federation.d.ts +0 -11
  61. package/dist/src/builders/utilities/module-federation.js +0 -109
  62. package/dist/src/executors/module-federation-dev-server/lib/index.d.ts +0 -2
  63. package/dist/src/executors/module-federation-dev-server/lib/index.js +0 -5
  64. package/dist/src/executors/module-federation-dev-server/lib/normalize-options.d.ts +0 -2
  65. package/dist/src/executors/module-federation-dev-server/lib/normalize-options.js +0 -22
  66. package/dist/src/executors/module-federation-dev-server/lib/start-dev-remotes.d.ts +0 -5
  67. package/dist/src/executors/module-federation-dev-server/lib/start-dev-remotes.js +0 -29
  68. package/dist/src/executors/module-federation-dev-server/module-federation-dev-server.impl.d.ts +0 -4
  69. package/dist/src/executors/module-federation-dev-server/module-federation-dev-server.impl.js +0 -111
  70. package/dist/src/executors/module-federation-dev-server/schema.d.ts +0 -38
  71. package/dist/src/executors/module-federation-dev-server/schema.json +0 -171
  72. package/dist/src/executors/module-federation-ssr-dev-server/lib/normalize-options.d.ts +0 -2
  73. package/dist/src/executors/module-federation-ssr-dev-server/lib/normalize-options.js +0 -20
  74. package/dist/src/executors/module-federation-ssr-dev-server/lib/start-dev-remotes.d.ts +0 -5
  75. package/dist/src/executors/module-federation-ssr-dev-server/lib/start-dev-remotes.js +0 -30
  76. package/dist/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.d.ts +0 -4
  77. package/dist/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.js +0 -110
  78. package/dist/src/executors/module-federation-ssr-dev-server/schema.d.ts +0 -17
  79. package/dist/src/executors/module-federation-ssr-dev-server/schema.json +0 -124
  80. package/dist/src/generators/convert-to-with-mf/convert-to-with-mf.d.ts +0 -4
  81. package/dist/src/generators/convert-to-with-mf/convert-to-with-mf.js +0 -36
  82. package/dist/src/generators/convert-to-with-mf/convert-to-with-mf.test-data.d.ts +0 -5
  83. package/dist/src/generators/convert-to-with-mf/convert-to-with-mf.test-data.js +0 -448
  84. package/dist/src/generators/convert-to-with-mf/lib/check-name-matches.d.ts +0 -2
  85. package/dist/src/generators/convert-to-with-mf/lib/check-name-matches.js +0 -22
  86. package/dist/src/generators/convert-to-with-mf/lib/check-shared-npm-packages.d.ts +0 -2
  87. package/dist/src/generators/convert-to-with-mf/lib/check-shared-npm-packages.js +0 -45
  88. package/dist/src/generators/convert-to-with-mf/lib/get-webpack-config-path.d.ts +0 -2
  89. package/dist/src/generators/convert-to-with-mf/lib/get-webpack-config-path.js +0 -18
  90. package/dist/src/generators/convert-to-with-mf/lib/index.d.ts +0 -6
  91. package/dist/src/generators/convert-to-with-mf/lib/index.js +0 -9
  92. package/dist/src/generators/convert-to-with-mf/lib/is-host-remote-config.d.ts +0 -5
  93. package/dist/src/generators/convert-to-with-mf/lib/is-host-remote-config.js +0 -57
  94. package/dist/src/generators/convert-to-with-mf/lib/parse-ast-webpack-config.d.ts +0 -2
  95. package/dist/src/generators/convert-to-with-mf/lib/parse-ast-webpack-config.js +0 -13
  96. package/dist/src/generators/convert-to-with-mf/lib/write-new-webpack-config.d.ts +0 -3
  97. package/dist/src/generators/convert-to-with-mf/lib/write-new-webpack-config.js +0 -50
  98. package/dist/src/generators/convert-to-with-mf/schema.d.ts +0 -4
  99. package/dist/src/generators/convert-to-with-mf/schema.json +0 -33
  100. package/dist/src/generators/federate-module/federate-module.d.ts +0 -4
  101. package/dist/src/generators/federate-module/federate-module.js +0 -49
  102. package/dist/src/generators/federate-module/lib/add-file-to-remote-tsconfig.d.ts +0 -2
  103. package/dist/src/generators/federate-module/lib/add-file-to-remote-tsconfig.js +0 -14
  104. package/dist/src/generators/federate-module/lib/add-path-to-exposes.d.ts +0 -8
  105. package/dist/src/generators/federate-module/lib/add-path-to-exposes.js +0 -77
  106. package/dist/src/generators/federate-module/lib/add-path-to-ts-config.d.ts +0 -8
  107. package/dist/src/generators/federate-module/lib/add-path-to-ts-config.js +0 -11
  108. package/dist/src/generators/federate-module/lib/add-remote.d.ts +0 -7
  109. package/dist/src/generators/federate-module/lib/add-remote.js +0 -42
  110. package/dist/src/generators/federate-module/lib/check-remote-exists.d.ts +0 -2
  111. package/dist/src/generators/federate-module/lib/check-remote-exists.js +0 -21
  112. package/dist/src/generators/federate-module/lib/index.d.ts +0 -4
  113. package/dist/src/generators/federate-module/lib/index.js +0 -7
  114. package/dist/src/generators/federate-module/schema.d.ts +0 -13
  115. package/dist/src/generators/federate-module/schema.json +0 -83
  116. package/dist/src/generators/host/files/common/src/main.server.ts__tmpl__ +0 -78
  117. package/dist/src/generators/host/files/js/webpack.server.config.js__tmpl__ +0 -8
  118. package/dist/src/generators/host/files/ts/webpack.server.config.ts__tmpl__ +0 -9
  119. package/dist/src/generators/host/host.d.ts +0 -4
  120. package/dist/src/generators/host/host.js +0 -133
  121. package/dist/src/generators/host/lib/index.d.ts +0 -2
  122. package/dist/src/generators/host/lib/index.js +0 -5
  123. package/dist/src/generators/host/lib/update-ssr-setup.d.ts +0 -3
  124. package/dist/src/generators/host/lib/update-ssr-setup.js +0 -54
  125. package/dist/src/generators/host/lib/validate-options.d.ts +0 -3
  126. package/dist/src/generators/host/lib/validate-options.js +0 -12
  127. package/dist/src/generators/host/schema.d.ts +0 -36
  128. package/dist/src/generators/host/schema.json +0 -195
  129. package/dist/src/generators/remote/files/base/webpack.server.config.js__tmpl__ +0 -9
  130. package/dist/src/generators/remote/files/base-ts/webpack.server.config.ts__tmpl__ +0 -9
  131. package/dist/src/generators/remote/files/common/src/main.server.ts__tmpl__ +0 -84
  132. package/dist/src/generators/remote/files/standalone/src/bootstrap.server.ts__tmpl__ +0 -12
  133. package/dist/src/generators/remote/lib/find-next-available-port.d.ts +0 -2
  134. package/dist/src/generators/remote/lib/find-next-available-port.js +0 -16
  135. package/dist/src/generators/remote/lib/index.d.ts +0 -3
  136. package/dist/src/generators/remote/lib/index.js +0 -6
  137. package/dist/src/generators/remote/lib/update-ssr-setup.d.ts +0 -9
  138. package/dist/src/generators/remote/lib/update-ssr-setup.js +0 -82
  139. package/dist/src/generators/remote/lib/validate-options.d.ts +0 -3
  140. package/dist/src/generators/remote/lib/validate-options.js +0 -12
  141. package/dist/src/generators/remote/remote.d.ts +0 -4
  142. package/dist/src/generators/remote/remote.js +0 -114
  143. package/dist/src/generators/remote/schema.d.ts +0 -34
  144. package/dist/src/generators/remote/schema.json +0 -184
  145. package/dist/src/generators/setup-mf/files/entry-module-files/__entryModuleFileName__.ts__tmpl__ +0 -18
  146. package/dist/src/generators/setup-mf/files/entry-module-files/entry.routes.ts__tmpl__ +0 -4
  147. package/dist/src/generators/setup-mf/files/entry-module-files/entry__componentFileSuffix__.ts__tmpl__ +0 -10
  148. package/dist/src/generators/setup-mf/files/host-files/__appFileName__.spec.ts__tmpl__ +0 -42
  149. package/dist/src/generators/setup-mf/files/standalone-entry-component-files/entry.routes.ts__tmpl__ +0 -4
  150. package/dist/src/generators/setup-mf/files/standalone-entry-component-files/entry__componentFileSuffix__.ts__tmpl__ +0 -11
  151. package/dist/src/generators/setup-mf/files/ts-webpack/module-federation.config.ts__tmpl__ +0 -27
  152. package/dist/src/generators/setup-mf/files/ts-webpack/tsconfig.lint.json__tmpl__ +0 -12
  153. package/dist/src/generators/setup-mf/files/ts-webpack/webpack.config.ts__tmpl__ +0 -9
  154. package/dist/src/generators/setup-mf/files/ts-webpack/webpack.prod.config.ts__tmpl__ +0 -21
  155. package/dist/src/generators/setup-mf/files/webpack/module-federation.config.js__tmpl__ +0 -23
  156. package/dist/src/generators/setup-mf/files/webpack/webpack.config.js__tmpl__ +0 -9
  157. package/dist/src/generators/setup-mf/files/webpack/webpack.prod.config.js__tmpl__ +0 -21
  158. package/dist/src/generators/setup-mf/lib/add-cypress-workaround.d.ts +0 -3
  159. package/dist/src/generators/setup-mf/lib/add-cypress-workaround.js +0 -52
  160. package/dist/src/generators/setup-mf/lib/add-remote-entry.d.ts +0 -3
  161. package/dist/src/generators/setup-mf/lib/add-remote-entry.js +0 -27
  162. package/dist/src/generators/setup-mf/lib/add-remote-to-host.d.ts +0 -9
  163. package/dist/src/generators/setup-mf/lib/add-remote-to-host.js +0 -127
  164. package/dist/src/generators/setup-mf/lib/change-build-target.d.ts +0 -3
  165. package/dist/src/generators/setup-mf/lib/change-build-target.js +0 -24
  166. package/dist/src/generators/setup-mf/lib/fix-bootstrap.d.ts +0 -3
  167. package/dist/src/generators/setup-mf/lib/fix-bootstrap.js +0 -40
  168. package/dist/src/generators/setup-mf/lib/generate-config.d.ts +0 -6
  169. package/dist/src/generators/setup-mf/lib/generate-config.js +0 -32
  170. package/dist/src/generators/setup-mf/lib/get-remotes-with-ports.d.ts +0 -6
  171. package/dist/src/generators/setup-mf/lib/get-remotes-with-ports.js +0 -20
  172. package/dist/src/generators/setup-mf/lib/index.d.ts +0 -15
  173. package/dist/src/generators/setup-mf/lib/index.js +0 -18
  174. package/dist/src/generators/setup-mf/lib/move-angular-plugin-to-dependencies.d.ts +0 -2
  175. package/dist/src/generators/setup-mf/lib/move-angular-plugin-to-dependencies.js +0 -15
  176. package/dist/src/generators/setup-mf/lib/normalize-options.d.ts +0 -3
  177. package/dist/src/generators/setup-mf/lib/normalize-options.js +0 -26
  178. package/dist/src/generators/setup-mf/lib/remove-dead-code-from-remote.d.ts +0 -3
  179. package/dist/src/generators/setup-mf/lib/remove-dead-code-from-remote.js +0 -61
  180. package/dist/src/generators/setup-mf/lib/setup-host-if-dynamic.d.ts +0 -3
  181. package/dist/src/generators/setup-mf/lib/setup-host-if-dynamic.js +0 -20
  182. package/dist/src/generators/setup-mf/lib/setup-serve-target.d.ts +0 -3
  183. package/dist/src/generators/setup-mf/lib/setup-serve-target.js +0 -39
  184. package/dist/src/generators/setup-mf/lib/setup-tspath-for-remote.d.ts +0 -3
  185. package/dist/src/generators/setup-mf/lib/setup-tspath-for-remote.js +0 -15
  186. package/dist/src/generators/setup-mf/lib/update-host-app-routes.d.ts +0 -3
  187. package/dist/src/generators/setup-mf/lib/update-host-app-routes.js +0 -39
  188. package/dist/src/generators/setup-mf/lib/update-tsconfig.d.ts +0 -3
  189. package/dist/src/generators/setup-mf/lib/update-tsconfig.js +0 -18
  190. package/dist/src/generators/setup-mf/schema.d.ts +0 -35
  191. package/dist/src/generators/setup-mf/schema.json +0 -99
  192. package/dist/src/generators/setup-mf/setup-mf.d.ts +0 -4
  193. package/dist/src/generators/setup-mf/setup-mf.js +0 -90
  194. package/dist/src/generators/utils/add-mf-env-to-inputs.d.ts +0 -2
  195. package/dist/src/generators/utils/add-mf-env-to-inputs.js +0 -36
  196. package/dist/src/generators/utils/assert-mf-utils.d.ts +0 -1
  197. package/dist/src/generators/utils/assert-mf-utils.js +0 -8
  198. package/dist/src/utils/get-mf-projects.d.ts +0 -4
  199. package/dist/src/utils/get-mf-projects.js +0 -31
  200. package/dist/src/utils/module-federation-deprecation.d.ts +0 -4
  201. package/dist/src/utils/module-federation-deprecation.js +0 -29
  202. package/dist/types/nx-angular-mf.d.ts +0 -72
  203. package/dist/types/nx-angular-mf.d.ts.map +0 -1
  204. package/dist/types/nx-angular.d.ts.map +0 -1
@@ -1,82 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.updateSsrSetup = updateSsrSetup;
4
- const devkit_1 = require("@nx/devkit");
5
- const internal_1 = require("@nx/js/internal");
6
- const path_1 = require("path");
7
- const semver_1 = require("semver");
8
- const versions_1 = require("../../../utils/versions");
9
- const artifact_types_1 = require("../../utils/artifact-types");
10
- const version_utils_1 = require("../../utils/version-utils");
11
- async function updateSsrSetup(tree, { appName, port, standalone, typescriptConfiguration, zoneless, skipPackageJson, }) {
12
- const { major: angularMajorVersion, version: angularVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
13
- let project = (0, devkit_1.readProjectConfiguration)(tree, appName);
14
- const sourceRoot = (0, internal_1.getProjectSourceRoot)(project, tree);
15
- tree.rename((0, devkit_1.joinPathFragments)(sourceRoot, 'main.server.ts'), (0, devkit_1.joinPathFragments)(sourceRoot, 'bootstrap.server.ts'));
16
- const pathToServerEntry = (0, devkit_1.joinPathFragments)(sourceRoot, 'server.ts');
17
- tree.write(pathToServerEntry, `import('./main.server');`);
18
- const browserBundleOutput = project.targets.build.options.outputPath;
19
- const serverBundleOutput = project.targets.build.options.outputPath.replace(/\/browser$/, '/server');
20
- (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, '../files/common'), project.root, {
21
- appName,
22
- browserBundleOutput,
23
- serverBundleOutput,
24
- standalone,
25
- zoneless,
26
- useDefaultImport: angularMajorVersion >= 21,
27
- angularMajorVersion,
28
- supportsAllowedHosts: (0, version_utils_1.supportsSsrAllowedHosts)(tree),
29
- tmpl: '',
30
- });
31
- const pathToTemplateFiles = typescriptConfiguration ? 'base-ts' : 'base';
32
- (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, `../files/${pathToTemplateFiles}`), project.root, {
33
- tmpl: '',
34
- });
35
- if (standalone) {
36
- const componentType = (0, artifact_types_1.getComponentType)(tree);
37
- const componentFileSuffix = componentType ? `.${componentType}` : '';
38
- // https://github.com/angular/angular-cli/releases/tag/20.3.0
39
- const useBootstrapContext = (0, semver_1.gte)(angularVersion, '20.3.0');
40
- (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/standalone'), project.root, {
41
- appName,
42
- standalone,
43
- componentType: componentType ? (0, devkit_1.names)(componentType).className : '',
44
- componentFileSuffix,
45
- useBootstrapContext,
46
- tmpl: '',
47
- });
48
- }
49
- // update project.json
50
- project = (0, devkit_1.readProjectConfiguration)(tree, appName);
51
- project.targets.server.executor = '@nx/angular:webpack-server';
52
- project.targets.server.options.customWebpackConfig = {
53
- path: (0, devkit_1.joinPathFragments)(project.root, `webpack.server.config.${typescriptConfiguration ? 'ts' : 'js'}`),
54
- };
55
- if (project.targets.server.configurations &&
56
- project.targets.server.configurations.development) {
57
- if ('vendorChunk' in project.targets.server.configurations.development) {
58
- delete project.targets.server.configurations.development.vendorChunk;
59
- }
60
- }
61
- project.targets['serve-ssr'].options = {
62
- ...(project.targets['serve-ssr'].options ?? {}),
63
- port,
64
- };
65
- project.targets['static-server'] = {
66
- dependsOn: ['build', 'server'],
67
- executor: 'nx:run-commands',
68
- options: {
69
- command: `PORT=${port} node ${(0, devkit_1.joinPathFragments)(project.targets.server.options.outputPath, 'main.js')}`,
70
- },
71
- };
72
- (0, devkit_1.updateProjectConfiguration)(tree, appName, project);
73
- if (!skipPackageJson) {
74
- return (0, devkit_1.addDependenciesToPackageJson)(tree, {
75
- cors: versions_1.corsVersion,
76
- '@module-federation/node': versions_1.moduleFederationNodeVersion,
77
- }, {
78
- '@types/cors': versions_1.typesCorsVersion,
79
- });
80
- }
81
- return () => { };
82
- }
@@ -1,3 +0,0 @@
1
- import type { Tree } from '@nx/devkit';
2
- import type { Schema } from '../schema';
3
- export declare function validateOptions(tree: Tree, options: Schema): void;
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.validateOptions = validateOptions;
4
- const version_utils_1 = require("../../utils/version-utils");
5
- function validateOptions(tree, options) {
6
- const { major: angularMajorVersion, version: angularVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
7
- if (angularMajorVersion < 21) {
8
- if (options.zoneless) {
9
- throw new Error(`The "zoneless" option is only supported for Angular versions >= 21.0.0. You are using Angular ${angularVersion}.`);
10
- }
11
- }
12
- }
@@ -1,4 +0,0 @@
1
- import { Tree } from '@nx/devkit';
2
- import type { Schema } from './schema';
3
- export declare function remote(tree: Tree, schema: Schema): Promise<import("@nx/devkit").GeneratorCallback>;
4
- export default remote;
@@ -1,114 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.remote = remote;
4
- const tslib_1 = require("tslib");
5
- const internal_1 = require("@nx/devkit/internal");
6
- const internal_2 = require("@nx/eslint/internal");
7
- const devkit_1 = require("@nx/devkit");
8
- const internal_3 = require("@nx/js/internal");
9
- const assert_supported_angular_version_1 = require("../../utils/assert-supported-angular-version");
10
- const test_runners_1 = require("../../utils/test-runners");
11
- const application_1 = require("../application/application");
12
- const convert_to_rspack_1 = tslib_1.__importDefault(require("../convert-to-rspack/convert-to-rspack"));
13
- const setup_mf_1 = require("../setup-mf/setup-mf");
14
- const add_mf_env_to_inputs_1 = require("../utils/add-mf-env-to-inputs");
15
- const assert_mf_utils_1 = require("../utils/assert-mf-utils");
16
- const validations_1 = require("../utils/validations");
17
- const version_utils_1 = require("../utils/version-utils");
18
- const lib_1 = require("./lib");
19
- async function remote(tree, schema) {
20
- (0, assert_supported_angular_version_1.assertSupportedAngularVersion)(tree);
21
- (0, validations_1.assertNotUsingTsSolutionSetup)(tree, 'remote');
22
- (0, lib_1.validateOptions)(tree, schema);
23
- // TODO: Replace with Rspack when confidence is high enough
24
- schema.bundler ??= 'webpack';
25
- const isRspack = schema.bundler === 'rspack';
26
- (0, assert_mf_utils_1.assertRspackIsCSR)(schema.bundler, schema.ssr ?? false);
27
- const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
28
- schema.zoneless ??= angularMajorVersion >= 21 ? true : false;
29
- const { typescriptConfiguration = true, ...options } = schema;
30
- options.standalone = options.standalone ?? true;
31
- const projects = (0, devkit_1.getProjects)(tree);
32
- if (options.host && !projects.has(options.host)) {
33
- throw new Error(`The name of the application to be used as the host app does not exist. (${options.host})`);
34
- }
35
- await (0, internal_1.ensureRootProjectName)(options, 'application');
36
- const { projectName: remoteProjectName } = await (0, internal_1.determineProjectNameAndRootOptions)(tree, {
37
- name: options.name,
38
- projectType: 'application',
39
- directory: options.directory,
40
- });
41
- const REMOTE_NAME_REGEX = '^[a-zA-Z_$][a-zA-Z_$0-9]*$';
42
- const remoteNameRegex = new RegExp(REMOTE_NAME_REGEX);
43
- if (!remoteNameRegex.test(remoteProjectName)) {
44
- throw new Error((0, devkit_1.stripIndents) `Invalid remote name: ${remoteProjectName}. Remote project names must:
45
- - Start with a letter, dollar sign ($) or underscore (_)
46
- - Followed by any valid character (letters, digits, underscores, or dollar signs)
47
- The regular expression used is ${REMOTE_NAME_REGEX}.`);
48
- }
49
- const port = options.port ?? (0, lib_1.findNextAvailablePort)(tree);
50
- const appInstallTask = await (0, application_1.applicationGenerator)(tree, {
51
- ...options,
52
- standalone: options.standalone,
53
- routing: true,
54
- port,
55
- skipFormat: true,
56
- bundler: 'webpack',
57
- });
58
- const skipE2E = !options.e2eTestRunner || options.e2eTestRunner === test_runners_1.E2eTestRunner.None;
59
- await (0, setup_mf_1.setupMf)(tree, {
60
- appName: remoteProjectName,
61
- mfType: 'remote',
62
- routing: true,
63
- host: options.host,
64
- port,
65
- skipPackageJson: options.skipPackageJson,
66
- skipFormat: true,
67
- skipE2E,
68
- e2eProjectName: skipE2E ? undefined : `${remoteProjectName}-e2e`,
69
- standalone: options.standalone,
70
- prefix: options.prefix,
71
- typescriptConfiguration,
72
- enableTypedLinting: (0, internal_2.isTypedLintingEnabled)(options),
73
- });
74
- const installTasks = [appInstallTask];
75
- if (!options.skipPackageJson) {
76
- const installSwcHelpersTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
77
- '@swc/helpers': internal_3.swcHelpersVersion,
78
- });
79
- installTasks.push(installSwcHelpersTask);
80
- }
81
- if (options.ssr) {
82
- let ssrInstallTask = await (0, lib_1.updateSsrSetup)(tree, {
83
- appName: remoteProjectName,
84
- port,
85
- typescriptConfiguration,
86
- standalone: options.standalone,
87
- skipPackageJson: options.skipPackageJson,
88
- zoneless: options.zoneless,
89
- });
90
- installTasks.push(ssrInstallTask);
91
- }
92
- (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(tree);
93
- if (isRspack) {
94
- await (0, convert_to_rspack_1.default)(tree, {
95
- project: remoteProjectName,
96
- skipInstall: options.skipPackageJson,
97
- skipFormat: true,
98
- });
99
- }
100
- const project = (0, devkit_1.readProjectConfiguration)(tree, remoteProjectName);
101
- project.targets.serve ??= {};
102
- project.targets.serve.options ??= {};
103
- if (options.host) {
104
- project.targets.serve.dependsOn ??= [];
105
- project.targets.serve.dependsOn.push(`${options.host}:serve`);
106
- }
107
- project.targets.serve.options.port = port;
108
- (0, devkit_1.updateProjectConfiguration)(tree, remoteProjectName, project);
109
- if (!options.skipFormat) {
110
- await (0, devkit_1.formatFiles)(tree);
111
- }
112
- return (0, devkit_1.runTasksInSerial)(...installTasks);
113
- }
114
- exports.default = remote;
@@ -1,34 +0,0 @@
1
- import type { LinterType } from '@nx/js';
2
- import type { E2eTestRunner, UnitTestRunner } from '../../utils/test-runners';
3
- import type { Styles } from '../utils/types';
4
-
5
- export interface Schema {
6
- directory: string;
7
- name?: string;
8
- bundler?: 'webpack' | 'rspack';
9
- host?: string;
10
- port?: number;
11
- enableTypedLinting?: boolean;
12
- /**
13
- * @deprecated Use `enableTypedLinting` instead. This option will be removed in Nx v24.
14
- */
15
- setParserOptionsProject?: boolean;
16
- skipPackageJson?: boolean;
17
- prefix?: string;
18
- style?: Styles;
19
- skipTests?: boolean;
20
- tags?: string;
21
- linter?: LinterType;
22
- unitTestRunner?: Exclude<UnitTestRunner, UnitTestRunner.VitestAngular>;
23
- e2eTestRunner?: E2eTestRunner;
24
- backendProject?: string;
25
- strict?: boolean;
26
- inlineStyle?: boolean;
27
- inlineTemplate?: boolean;
28
- viewEncapsulation?: 'Emulated' | 'Native' | 'None';
29
- skipFormat?: boolean;
30
- standalone?: boolean;
31
- ssr?: boolean;
32
- zoneless?: boolean;
33
- typescriptConfiguration?: boolean;
34
- }
@@ -1,184 +0,0 @@
1
- {
2
- "$schema": "https://json-schema.org/schema",
3
- "$id": "NxMFRemote",
4
- "cli": "nx",
5
- "title": "Nx Module Federation Producer (Remote) App",
6
- "description": "Create an Angular Producer (Remote) Module Federation Application.",
7
- "type": "object",
8
- "examples": [
9
- {
10
- "command": "nx g @nx/angular:remote appName --host=host --port=4201",
11
- "description": "Create an Angular app with configuration in place for Module Federation. If Consumer (host) is provided, attach this Producer (remote) app to Consumer (host) app's configuration."
12
- },
13
- {
14
- "command": "nx g @nx/angular:producer appName --consumer=host --port=4201",
15
- "description": "Create an Angular app with configuration in place for Module Federation. If Consumer (host) is provided, attach this Producer (remote) app to Consumer (host) app's configuration."
16
- }
17
- ],
18
- "properties": {
19
- "directory": {
20
- "description": "The directory of the new application.",
21
- "type": "string",
22
- "$default": {
23
- "$source": "argv",
24
- "index": 0
25
- },
26
- "x-prompt": "Which directory do you want to create the application in?"
27
- },
28
- "name": {
29
- "type": "string",
30
- "description": "The name to give to the Producer (remote) Angular app.",
31
- "pattern": "^[a-zA-Z_$][a-zA-Z_$0-9]*$",
32
- "x-priority": "important"
33
- },
34
- "host": {
35
- "type": "string",
36
- "description": "The name of the Consumer (host) app to attach this Producer (remote) app to.",
37
- "x-dropdown": "projects",
38
- "x-priority": "important",
39
- "alias": "consumer"
40
- },
41
- "port": {
42
- "type": "number",
43
- "description": "The port on which this app should be served."
44
- },
45
- "bundler": {
46
- "type": "string",
47
- "description": "The bundler to use for the remote application.",
48
- "default": "webpack",
49
- "enum": ["webpack", "rspack"]
50
- },
51
- "style": {
52
- "description": "The file extension to be used for style files.",
53
- "type": "string",
54
- "default": "css",
55
- "enum": ["css", "scss", "sass", "less"],
56
- "x-prompt": {
57
- "message": "Which stylesheet format would you like to use?",
58
- "type": "list",
59
- "items": [
60
- {
61
- "value": "css",
62
- "label": "CSS"
63
- },
64
- {
65
- "value": "scss",
66
- "label": "SASS(.scss) [ https://sass-lang.com ]"
67
- },
68
- {
69
- "value": "sass",
70
- "label": "SASS(.sass) [ https://sass-lang.com ]"
71
- },
72
- {
73
- "value": "less",
74
- "label": "LESS [ https://lesscss.org ]"
75
- }
76
- ]
77
- }
78
- },
79
- "inlineStyle": {
80
- "description": "Specifies if the style will be in the ts file.",
81
- "type": "boolean",
82
- "default": false,
83
- "alias": "s"
84
- },
85
- "inlineTemplate": {
86
- "description": "Specifies if the template will be in the ts file.",
87
- "type": "boolean",
88
- "default": false,
89
- "alias": "t"
90
- },
91
- "viewEncapsulation": {
92
- "description": "Specifies the view encapsulation strategy.",
93
- "enum": ["Emulated", "None", "ShadowDom"],
94
- "type": "string"
95
- },
96
- "prefix": {
97
- "type": "string",
98
- "format": "html-selector",
99
- "description": "The prefix to apply to generated selectors.",
100
- "alias": "p"
101
- },
102
- "skipTests": {
103
- "description": "Skip creating spec files.",
104
- "type": "boolean",
105
- "default": false,
106
- "alias": "S"
107
- },
108
- "skipPackageJson": {
109
- "type": "boolean",
110
- "default": false,
111
- "description": "Do not add dependencies to `package.json`.",
112
- "x-priority": "internal"
113
- },
114
- "unitTestRunner": {
115
- "type": "string",
116
- "enum": ["vitest-analog", "jest", "none"],
117
- "description": "Test runner to use for unit tests. `vitest-analog` uses AnalogJS-based setup with `@nx/vitest`. It defaults to `vitest-analog` for Angular versions >= 21.0.0, otherwise `jest`.",
118
- "x-prompt": "Which unit test runner would you like to use?"
119
- },
120
- "e2eTestRunner": {
121
- "type": "string",
122
- "enum": ["playwright", "cypress", "none"],
123
- "description": "Test runner to use for end to end (E2E) tests.",
124
- "x-prompt": "Which E2E test runner would you like to use?",
125
- "default": "playwright"
126
- },
127
- "tags": {
128
- "type": "string",
129
- "description": "Add tags to the application (used for linting)."
130
- },
131
- "linter": {
132
- "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
133
- "type": "string",
134
- "enum": ["eslint", "oxlint", "none"]
135
- },
136
- "backendProject": {
137
- "type": "string",
138
- "description": "Backend project that provides data to this application. This sets up `proxy.config.json`."
139
- },
140
- "strict": {
141
- "type": "boolean",
142
- "description": "Create an application with stricter type checking and build optimization options.",
143
- "default": true
144
- },
145
- "enableTypedLinting": {
146
- "type": "boolean",
147
- "description": "Whether to enable typed linting. For flat configs, this configures the recommended `parserOptions.projectService` and `tsconfigRootDir`. For legacy `.eslintrc` configs, this configures `parserOptions.project`. We do not enable this by default for lint performance reasons.",
148
- "default": false
149
- },
150
- "setParserOptionsProject": {
151
- "type": "boolean",
152
- "description": "Deprecated alias for `enableTypedLinting`.",
153
- "default": false,
154
- "x-deprecated": "Use `enableTypedLinting` instead. This option will be removed in Nx v24."
155
- },
156
- "skipFormat": {
157
- "description": "Skip formatting files.",
158
- "type": "boolean",
159
- "default": false,
160
- "x-priority": "internal"
161
- },
162
- "standalone": {
163
- "description": "Whether to generate a Producer (remote) application with standalone components.",
164
- "type": "boolean",
165
- "default": true
166
- },
167
- "ssr": {
168
- "description": "Whether to configure SSR for the Producer (remote) application to be consumed by a Consumer (host) application using SSR.",
169
- "type": "boolean",
170
- "default": false
171
- },
172
- "zoneless": {
173
- "description": "Generate an application that does not use `zone.js`. It defaults to `true`. _Note: this is only supported in Angular versions >= 21.0.0_",
174
- "type": "boolean"
175
- },
176
- "typescriptConfiguration": {
177
- "type": "boolean",
178
- "description": "Whether the module federation configuration and webpack configuration files should use TS.",
179
- "default": true
180
- }
181
- },
182
- "additionalProperties": false,
183
- "required": ["directory"]
184
- }
@@ -1,18 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';<% if(routing) { %>
3
- import { RouterModule } from '@angular/router';<% } %>
4
-
5
- import { RemoteEntry<%= componentType %> } from './entry<%= componentFileSuffix %>';
6
- import { <%= nxWelcomeSymbolName %> } from './<%= nxWelcomeFileName %>';<% if(routing) { %>
7
- import { remoteRoutes } from './entry.routes';<% } %>
8
-
9
- @NgModule({
10
- declarations: [RemoteEntry<%= componentType %>, <%= nxWelcomeSymbolName %>],
11
- imports: [
12
- CommonModule,<% if(routing) { %>
13
- RouterModule.forChild(remoteRoutes),<% } %>
14
- ],
15
- providers: [],<% if(!routing) { %>
16
- exports: [RemoteEntry<%= componentType %>],<% } %>
17
- })
18
- export class RemoteEntryModule {}
@@ -1,4 +0,0 @@
1
- import { Route } from '@angular/router';
2
- import { RemoteEntry<%= componentType %> } from './entry<%= componentFileSuffix %>';
3
-
4
- export const remoteRoutes: Route[] = [{ path: '', component: RemoteEntry<%= componentType %> }];
@@ -1,10 +0,0 @@
1
- import { Component } from '@angular/core';
2
-
3
- @Component({<% if (prefix) { %>
4
- selector: '<%= prefix %>-<%= appName %>-entry',
5
- standalone: false,
6
- template: `<<%= prefix %>-nx-welcome></<%= prefix %>-nx-welcome>`<% } else { %>
7
- selector: '<%= appName %>-entry',
8
- template: `<nx-welcome></nx-welcome>`<% } %>
9
- })
10
- export class RemoteEntry<%= componentType %> {}
@@ -1,42 +0,0 @@
1
- import { TestBed } from '@angular/core/testing';
2
- import { <%= appSymbolName %> } from './<%= appFileName %>';
3
- import { <%= nxWelcomeSymbolName %> } from './<%= nxWelcomeFileName %>';
4
- import { Router, RouterModule } from '@angular/router';
5
-
6
- describe('<%= appSymbolName %>', () => {
7
- beforeEach(async () => {
8
- await TestBed.configureTestingModule({
9
- imports: [
10
- RouterModule.forRoot([
11
- { path: '', component: <%= nxWelcomeSymbolName %> },
12
- ]),<% if (standalone) { %>
13
- <%= appSymbolName %>,
14
- <%= nxWelcomeSymbolName %>,<% } %>
15
- ],<% if (!standalone) { %>
16
- declarations: [<%= appSymbolName %>, <%= nxWelcomeSymbolName %>],<% } %>
17
- }).compileComponents();
18
- });
19
-
20
- it('should create the app', () => {
21
- const fixture = TestBed.createComponent(<%= appSymbolName %>);
22
- const app = fixture.componentInstance;
23
- expect(app).toBeTruthy();
24
- });
25
-
26
- it(`should have as title '<%= appName %>'`, () => {
27
- const fixture = TestBed.createComponent(<%= appSymbolName %>);
28
- const app = fixture.componentInstance;
29
- expect(app.title).toEqual('<%= appName %>');
30
- });
31
-
32
- it('should render title', async () => {
33
- const fixture = TestBed.createComponent(<%= appSymbolName %>);
34
- const router = TestBed.inject(Router);
35
- await router.navigate(['']);
36
- <%= zoneless ? 'await fixture.whenStable();' : 'fixture.detectChanges();' %>
37
- const compiled = fixture.nativeElement as HTMLElement;
38
- expect(compiled.querySelector('h1')?.textContent).toContain(
39
- 'Welcome <%= appName %>'
40
- );
41
- });
42
- });
@@ -1,4 +0,0 @@
1
- import { Route } from '@angular/router';
2
- import { RemoteEntry<%= componentType %> } from './entry<%= componentFileSuffix %>';
3
-
4
- export const remoteRoutes: Route[] = [{ path: '', component: RemoteEntry<%= componentType %> }];
@@ -1,11 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import { <%= nxWelcomeSymbolName %> } from './<%= nxWelcomeFileName %>';
3
-
4
- @Component({
5
- imports: [<%= nxWelcomeSymbolName %>],<% if (prefix) { %>
6
- selector: '<%= prefix %>-<%= appName %>-entry',
7
- template: `<<%= prefix %>-nx-welcome></<%= prefix %>-nx-welcome>`<% } else { %>
8
- selector: '<%= appName %>-entry',
9
- template: `<nx-welcome></nx-welcome>`<% } %>
10
- })
11
- export class RemoteEntry<%= componentType %> {}
@@ -1,27 +0,0 @@
1
- import type { ModuleFederationConfig } from '@nx/module-federation';
2
-
3
- const config: ModuleFederationConfig = {
4
- name: '<%= name %>',<% if(type === 'host') { %>
5
- /**
6
- * To use a remote that does not exist in your current Nx Workspace
7
- * You can use the tuple-syntax to define your remote
8
- *
9
- * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
10
- *
11
- * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
12
- * following content:
13
- *
14
- * declare module 'my-external-remote';
15
- *
16
- */
17
- remotes: [<% if (federationType === 'static') { remotes.forEach(function(remote) { %>'<%= remote.remoteName %>',<% }); } %>]<% } %><% if(type === 'remote') { %>
18
- exposes: {<% if(standalone) { %>
19
- './Routes': '<%= projectRoot %>/src/app/remote-entry/entry.routes.ts',<% } else { %>
20
- './Module': '<%= projectRoot %>/src/app/remote-entry/<%= entryModuleFileName %>.ts',<% } %>
21
- },<% } %>
22
- };
23
-
24
- /**
25
- * Nx requires a default export of the config to allow correct resolution of the module federation graph.
26
- **/
27
- export default config;
@@ -1,12 +0,0 @@
1
- {
2
- "extends": "./tsconfig.json",
3
- "compilerOptions": {
4
- "target": "ES2020"
5
- },
6
- "include": [
7
- "src/main.ts",
8
- <% if(type === "remote") { %> "src/remote-entry/<% if(standalone) { %>entry.routes.ts",<% } else { %><%= entryModuleFileName %>.ts",<% } } %>
9
- "webpack.config.ts",
10
- "webpack.prod.config.ts"
11
- ]
12
- }
@@ -1,9 +0,0 @@
1
- import { withModuleFederation } from '@nx/module-federation/angular';
2
- import config from './module-federation.config';
3
-
4
- /**
5
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
6
- * The DTS Plugin can be enabled by setting dts: true
7
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
8
- */
9
- export default withModuleFederation(config, { dts: false });
@@ -1,21 +0,0 @@
1
- import { withModuleFederation } from '@nx/module-federation/angular';
2
- import config from './module-federation.config';
3
-
4
- /**
5
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
6
- * The DTS Plugin can be enabled by setting dts: true
7
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
8
- */
9
- export default withModuleFederation({
10
- ...config,
11
- /*
12
- * Remote overrides for production.
13
- * Each entry is a pair of a unique name and the URL where it is deployed.
14
- *
15
- * e.g.
16
- * remotes: [
17
- * ['app1', 'https://app1.example.com'],
18
- * ['app2', 'https://app2.example.com'],
19
- * ]
20
- */
21
- }, { dts: false });
@@ -1,23 +0,0 @@
1
- /**
2
- * Nx requires a default export of the config to allow correct resolution of the module federation graph.
3
- **/
4
- module.exports = {
5
- name: '<%= name %>',<% if(type === 'host') { %>
6
- /**
7
- * To use a remote that does not exist in your current Nx Workspace
8
- * You can use the tuple-syntax to define your remote
9
- *
10
- * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
11
- *
12
- * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
13
- * following content:
14
- *
15
- * declare module 'my-external-remote';
16
- *
17
- */
18
- remotes: [<% if (federationType === 'static') { remotes.forEach(function(remote) { %>'<%= remote.remoteName %>',<% }); } %>]<% } %><% if(type === 'remote') { %>
19
- exposes: {<% if(standalone) { %>
20
- './Routes': '<%= projectRoot %>/src/app/remote-entry/entry.routes.ts',<% } else { %>
21
- './Module': '<%= projectRoot %>/src/app/remote-entry/<%= entryModuleFileName %>.ts',<% } %>
22
- },<% } %>
23
- };
@@ -1,9 +0,0 @@
1
- const { withModuleFederation } = require('@nx/module-federation/angular');
2
- const config = require('./module-federation.config');
3
-
4
- /**
5
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
6
- * The DTS Plugin can be enabled by setting dts: true
7
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
8
- */
9
- module.exports = withModuleFederation(config, { dts: false });