add migration guide

Author: manfredsteyer

libs/native-federation/docs/migrate.md

@@ -2,14 +2,14 @@
 
 ## Motivation
 
-Since Angular 17, the CLI ships with an esbuild-based builder that is remarkable faster than the original webpack-based solution. This new builder is used for newly generated projects and beginning with Angular 18 ng updates also migrates existing projects. 
+Since Angular 17, the CLI ships with an esbuild-based builder that is remarkable faster than the original webpack-based solution. This new builder is used for newly generated projects and beginning with Angular 18 ng updates also migrates existing projects.
 
 Native Federation for Angular is a thin wrapper around the esbuild builder that allows to use the proven mental model of Module Federation.
 
 ## Prerequisites
 
 - Update your solution to the newest Angular and CLI version
-- Update your solution to the newest version of ``@angular-architects/module-federation``
+- Update your solution to the newest version of `@angular-architects/module-federation`
 - Have a look to our [FAQs about sharing packages with Native Federation](share-faq.md)
 
 ## Migration for Angular CLI projects
@@ -18,4 +18,4 @@ Native Federation for Angular is a thin wrapper around the esbuild builder that
 
 ## Issues
 
-We have tested this guide with several projects. However, e
+We have tested this guide with several projects. However, e

libs/native-federation/docs/update18.md

@@ -27,7 +27,7 @@ Make sure you have the following `postinstall` script in your `package.json`:
 },
 ```
 
-**Remarks:** This script is just a temporary solution. It won't be necessary in future versions. 
+**Remarks:** This script is just a temporary solution. It won't be necessary in future versions.
 
 Run the `postinstall` script once manually for initialization:
 

libs/native-federation/src/schematics/init/schematic.ts

@@ -14,7 +14,10 @@ import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
 import { strings } from '@angular-devkit/core';
 import { MfSchematicSchema } from './schema';
 
-import { patchAngularBuildPackageJson, privateEntrySrc } from '../../utils/patch-angular-build';
+import {
+  patchAngularBuildPackageJson,
+  privateEntrySrc,
+} from '../../utils/patch-angular-build';
 
 import {
   addPackageJsonDependency,
@@ -92,11 +95,11 @@ export default function config(options: MfSchematicSchema): Rule {
 
     const generateRule = !exists
       ? await generateFederationConfig(
-        remoteMap,
-        projectRoot,
-        projectSourceRoot,
-        options
-      )
+          remoteMap,
+          projectRoot,
+          projectSourceRoot,
+          options
+        )
       : noop;
 
     updateWorkspaceConfig(tree, normalized, workspace, workspaceFileName);
@@ -114,7 +117,10 @@ export default function config(options: MfSchematicSchema): Rule {
 
     context.addTask(new NodePackageInstallTask());
 
-    return chain([generateRule, makeMainAsync(main, options, remoteMap, manifestRelPath)]);
+    return chain([
+      generateRule,
+      makeMainAsync(main, options, remoteMap, manifestRelPath),
+    ]);
   };
 }
 
@@ -126,28 +132,15 @@ export function patchAngularBuild(tree: Tree) {
     return;
   }
 
-  const packageJson = JSON.parse(
-    tree.read(packagePath).toString('utf8')
-  );
+  const packageJson = JSON.parse(tree.read(packagePath).toString('utf8'));
   patchAngularBuildPackageJson(packageJson);
-  tree.overwrite(
-    packagePath,
-    JSON.stringify(packageJson, null, 2)
-  );
+  tree.overwrite(packagePath, JSON.stringify(packageJson, null, 2));
 
   if (!tree.exists(privatePath)) {
-    tree.create(
-      privatePath,
-      privateEntrySrc
-    );
-  }
-  else {
-    tree.overwrite(
-      privatePath,
-      privateEntrySrc
-    );
+    tree.create(privatePath, privateEntrySrc);
+  } else {
+    tree.overwrite(privatePath, privateEntrySrc);
   }
-
 }
 
 function updateWorkspaceConfig(
@@ -307,8 +300,8 @@ function normalizeOptions(
 
   if (typeof projectConfig.architect.build.options.polyfills === 'string') {
     projectConfig.architect.build.options.polyfills = [
-      projectConfig.architect.build.options.polyfills
-    ]
+      projectConfig.architect.build.options.polyfills,
+    ];
   }
 
   const polyfills = projectConfig.architect.build.options.polyfills;
@@ -383,7 +376,7 @@ function makeMainAsync(
   main: string,
   options: MfSchematicSchema,
   remoteMap: unknown,
-  manifestRelPath: string,
+  manifestRelPath: string
 ): Rule {
   return async function (tree) {
     const mainPath = path.dirname(main);