chore: updateo to version 19

Author: manfredsteyer

libs/mf-runtime/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular-architects/module-federation-runtime",
   "license": "MIT",
-  "version": "19.0.0-beta.0",
+  "version": "19.0.1",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",

libs/mf-tools/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-architects/module-federation-tools",
-  "version": "19.0.0-beta.0",
+  "version": "19.0.1",
   "license": "MIT",
   "peerDependencies": {},
   "dependencies": {

libs/mf/README.md

@@ -4,20 +4,30 @@ Seamlessly using Webpack Module Federation with the Angular CLI.
 
 ## Thanks
 
-Big thanks to the following people who helped to make this possible:
+We are standing on the shoulders of giants. Big thanks to the following people who helped to make this project possible:
 
+- [Colum Ferry](https://x.com/ferrycolum), Nx Team Member
+- [Zack Jackson](https://x.com/ScriptedAlchemy), Inventor of Module Federation
 - [Tobias Koppers](https://twitter.com/wSokra), Founder of Webpack
 - [Dmitriy Shekhovtsov](https://twitter.com/valorkin), Angular GDE
 - [Michael Egger-Zikes](https://twitter.com/MikeZks), Angular Architects
 
 ## Prequisites
 
-- Angular CLI 12 or higher (13, 14, 15, 16)
+- Angular CLI 12 or higher
 
 ## Motivation 💥
 
 Module Federation allows loading separately compiled and deployed code (like micro frontends or plugins) into an application. This plugin makes Module Federation work together with Angular and the CLI.
 
+## Supporting Several Technologies
+
+✅ Supports webpack, rsbuild (experimental, nextgen), esbuild 
+
+✅ Supports Module Federation and Native Federation
+
+✅ Supports the Angular CLI and Nx
+
 ## Features 🔥
 
 ✅ Generates the skeleton for a Module Federation config.
@@ -36,14 +46,27 @@ Since Version 1.2, we also provide some advanced features like:
 
 ## Which Version to use?
 
+We are going to provide at least one major per Angular major to keep track with the Angular ecosystem and its innovations:
+
 - Angular 12: @angular-architects/module-federation: ^12.0.0
 - Angular 13: @angular-architects/module-federation: ~14.2.0
 - Angular 14: @angular-architects/module-federation: ^14.3.0
 - Angular 15: @angular-architects/module-federation: ^15.0.0
 - Angular 16: @angular-architects/module-federation: ^16.0.0
+- Angular 17: @angular-architects/module-federation: ^17.0.0
+- Angular 18: @angular-architects/module-federation: ^18.0.0
+- Angular 19: @angular-architects/module-federation: ^19.0.0
 
 Beginning with Angular 13, we had to add some changes to adjust to the Angular CLI. Please see the next section for this.
 
+## webpack, rsbuild, and esbuild
+
+Since version 19, the plugin's ng-add schematic asks whether you want to use the traditional Webpack-based builder, the (currently experimental, fast, next-generation) rsbuild builder, or esbuild (fast, Angular CLI's new default).
+
+The first two are supported via Module Federation. For the rsbuild integration, we are using Colum Ferry's awesome community project, @ng-rsbuild/plugin-angular. So, all credit for making rsbuild work with Angular goes to Colum.
+
+The esbuild integration is technically a wrapper around the Angular CLI's new default builder, the ApplicationBuilder. It is powered by Native Federation, our bundler-agnostic implementation based on web standards like ECMAScript modules and Import Maps.
+
 ## Update
 
 This library supports `ng update`:

libs/mf/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-architects/module-federation",
-  "version": "19.0.0-beta.0",
+  "version": "19.0.1",
   "license": "MIT",
   "repository": {
     "type": "GitHub",
@@ -17,7 +17,7 @@
   "schematics": "./collection.json",
   "builders": "./builders.json",
   "dependencies": {
-    "@angular-architects/module-federation-runtime": "19.0.0-beta.0",
+    "@angular-architects/module-federation-runtime": "19.0.1",
     "word-wrap": "^1.2.3",
     "callsite": "^1.0.0",
     "node-fetch": "^2.6.7",

libs/mf/src/schematics/init-rspack/schematic.ts

@@ -351,7 +351,7 @@ function updateProjectConfig(projectConfig: ProjectConfig, port: number) {
     const target = projectConfig.architect['original-serve'];
     target.options = {
       ...target.options,
-      port: port || 4200
+      port: port || 4200,
     };
   }
 }
@@ -394,12 +394,13 @@ function generateRemoteMap(workspace: WorkspaceConfig, projectName: string) {
     if (
       p !== projectName &&
       projectType === 'application' &&
-      (project?.architect?.serve ||  project?.architect?.['original-serve']) &&
+      (project?.architect?.serve || project?.architect?.['original-serve']) &&
       (project?.architect?.build || project?.architect?.['original-build'])
     ) {
-      const pPort = project.architect.serve?.options?.port 
-        ?? project.architect['original-serve']?.options?.port
-        ?? 4200;
+      const pPort =
+        project.architect.serve?.options?.port ??
+        project.architect['original-serve']?.options?.port ??
+        4200;
       result[strings.camelize(p)] = `http://localhost:${pPort}/remoteEntry.js`;
     }
   }

libs/mf/src/schematics/init-webpack/schematic.ts

@@ -236,7 +236,7 @@ export default function config(options: MfSchematicSchema): Rule {
 
     if (isApplicationBuilder) {
       console.warn(
-        `\nWARNING: This package uses the tradtional webpack-based Module Federation implementation and not the fast new esbuild-based ApplicationBuilder.`
+        `\nWARNING: This package uses the traditional webpack-based Module Federation implementation and not the fast new esbuild-based ApplicationBuilder.`
       );
       console.warn(
         `\nFor new projects, consider Native Federation as an alternative: https://shorturl.at/0ZQ0j`
@@ -403,11 +403,11 @@ export default function config(options: MfSchematicSchema): Rule {
 
     const dep = getPackageJsonDependency(tree, 'ngx-build-plus');
 
-    if (!dep || !semver.satisfies(dep.version, '>=18.0.0')) {
+    if (!dep || !semver.satisfies(dep.version, '>=19.0.0')) {
       addPackageJsonDependency(tree, {
         name: 'ngx-build-plus',
         type: NodeDependencyType.Dev,
-        version: '^18.0.0',
+        version: '^19.0.0',
         overwrite: true,
       });
 

libs/mf/src/schematics/init/schema.d.ts

@@ -3,5 +3,8 @@ export interface InitSchema {
   port: string | number;
   nxBuilders: boolean | undefined;
   type: 'host' | 'dynamic-host' | 'remote' | 'legacy';
-  stack: 'module-federation-webpack' | 'module-federation-rsbuild' | 'native-federation-esbuild';
+  stack:
+    | 'module-federation-webpack'
+    | 'module-federation-rsbuild-experimental'
+    | 'native-federation-esbuild';
 }

libs/mf/src/schematics/init/schema.json

@@ -33,7 +33,11 @@
     },
     "stack": {
       "type": "string",
-      "enum": ["module-federation-webpack", "module-federation-rsbuild", "native-federation-esbuild"],
+      "enum": [
+        "module-federation-webpack",
+        "module-federation-rsbuild-experimental",
+        "native-federation-esbuild"
+      ],
       "x-aliases": ["s"],
       "x-prompt": {
         "message": "Which stack do you want to use?",
@@ -44,7 +48,7 @@
             "label": "Module Federation with webpack (classic)"
           },
           {
-            "value": "module-federation-rsbuild",
+            "value": "module-federation-rsbuild-experimental",
             "label": "Module Federation with rsbuild (experimental nextgen)"
           },
           {

libs/mf/src/schematics/init/schematic.ts

@@ -19,7 +19,7 @@ export function init(options: InitSchema): Rule {
       case 'module-federation-webpack':
         return chain([schematic('init-webpack', delegationOptions)]);
 
-      case 'module-federation-rsbuild':
+      case 'module-federation-rsbuild-experimental':
         return chain([schematic('init-rspack', delegationOptions)]);
 
       case 'native-federation-esbuild':