fix: port validation and only install ngx-build-plus when needed

Author: manfredsteyer

libs/mf-runtime/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular-architects/module-federation-runtime",
   "license": "MIT",
-  "version": "14.2.1",
+  "version": "14.2.2",
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
     "@angular/core": ">=12.0.0"

libs/mf-tools/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@angular-architects/module-federation-tools",
-  "version": "14.2.1",
+  "version": "14.2.2",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": ">=11.0.0",
     "@angular/core": ">=11.0.0",
     "@angular/router": ">=11.0.0",
-    "@angular-architects/module-federation": "^14.2.1",
+    "@angular-architects/module-federation": "^14.2.2",
     "@angular/platform-browser": ">=11.0.0",
     "rxjs": ">= 6.0.0"
   },

libs/mf/package.json

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

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

@@ -1,5 +1,5 @@
 export interface MfSchematicSchema {
   project: string;
-  port: number;
+  port: string;
   nxBuilders: boolean | undefined;
 }

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

@@ -14,7 +14,7 @@
       "x-prompt": "Project name (press enter for default project)"
     },
     "port": {
-      "type": "number",
+      "type": "string",
       "description": "The port to use for the federated module (remote, micro frontend, etc.)",
       "x-prompt": "Port to use",
       "$default": {

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

@@ -16,8 +16,7 @@ import { createConfig } from '../../utils/create-config';
 import { prodConfig } from './prod-config';
 import { MfSchematicSchema } from './schema';
 
-import { addPackageJsonDependency, NodeDependencyType } from '@schematics/angular/utility/dependencies';
-import { hostname } from 'os';
+import { addPackageJsonDependency, getPackageJsonDependency, NodeDependencyType } from '@schematics/angular/utility/dependencies';
 
 // export async function npmInstall(packageName: string) {
 //   await new Promise<boolean>((resolve) => {
@@ -192,7 +191,7 @@ export default function config (options: MfSchematicSchema): Rule {
 
     const configPath = path.join(projectRoot, 'webpack.config.js').replace(/\\/g, '/');
     const configProdPath = path.join(projectRoot, 'webpack.prod.config.js').replace(/\\/g, '/');
-    const port = options.port;
+    const port = parseInt(options.port);
     const main = projectConfig.architect.build.options.main;
 
     const relWorkspaceRoot = path.relative(projectRoot, '');
@@ -285,14 +284,19 @@ export default function config (options: MfSchematicSchema): Rule {
 
     updatePackageJson(tree);
 
-    addPackageJsonDependency(tree, { 
-      name: 'ngx-build-plus', 
-      type: NodeDependencyType.Dev,
-      version: '^13.0.1',
-      overwrite: true 
-    });
 
-    context.addTask(new NodePackageInstallTask());
+    const dep = getPackageJsonDependency(tree, "ngx-build-plus");
+    
+    if (!dep) {
+      addPackageJsonDependency(tree, { 
+        name: 'ngx-build-plus', 
+        type: NodeDependencyType.Dev,
+        version: '^13.0.1',
+        overwrite: true 
+      });
+  
+      context.addTask(new NodePackageInstallTask());
+    }    
 
     return chain([
       makeMainAsync(main),