Migrate to Angular v18 (#13)

* upgrades * upgrades * update angular material * upgrades * update * migration * updates * more updates * update ngx-mat-select-search * remove old color picker and integrate a v18 compatible one --------- Co-authored-by: Pop John <[email protected]>
cisco-open · Jul 9, 2024 · f6bb742 · f6bb742
1 parent ca2fc24
commit f6bb742
Show file tree

Hide file tree

Showing 19 changed files with 17,890 additions and 17,168 deletions.
diff --git a/docs/configure-modelsmith-on-vm.md b/docs/configure-modelsmith-on-vm.md
@@ -6,7 +6,7 @@ This guide outlines the process of configuring ModelSmith to run on a Virtual Ma
 
 Before you can use this application, please ensure that you have the following installed on your system:
 
-- [Node.js](https://nodejs.org/) (v18.17.1 or higher)
+- [Node.js](https://nodejs.org/) (v20 or higher)
 
 If you don't have Node.js and npm installed, you can follow these steps to install them:
 

diff --git a/docs/configure-the-project-locally.md b/docs/configure-the-project-locally.md
@@ -6,7 +6,7 @@ This guide will walk you through the process of configuring ModelSmith to run on
 
 Before you can use this application, please ensure that you have the following installed on your system:
 
-- [Node.js](https://nodejs.org/) (v18.17.1 or higher)
+- [Node.js](https://nodejs.org/) (v20 or higher)
 
 If you don't have Node.js and npm installed, you can follow these steps to install them:
 

diff --git a/frontend/angular.json b/frontend/angular.json
@@ -19,11 +19,12 @@
 			"prefix": "ms",
 			"architect": {
 				"build": {
-					"builder": "@angular-devkit/build-angular:browser",
+					"builder": "@angular-devkit/build-angular:application",
 					"options": {
-						"outputPath": "server/modelsmith-build",
+						"outputPath": {
+							"base": "server/modelsmith-build"
+						},
 						"index": "src/index.html",
-						"main": "src/main.ts",
 						"polyfills": ["zone.js"],
 						"tsConfig": "tsconfig.app.json",
 						"inlineStyleLanguage": "scss",
@@ -38,7 +39,8 @@
 								"input": "src/app/styles/theme/_ms-theme.scss",
 								"bundleName": "theme"
 							}
-						]
+						],
+						"browser": "src/main.ts"
 					},
 					"configurations": {
 						"production": {
@@ -57,9 +59,7 @@
 							"outputHashing": "all"
 						},
 						"development": {
-							"buildOptimizer": false,
 							"optimization": false,
-							"vendorChunk": true,
 							"extractLicenses": false,
 							"sourceMap": true,
 							"namedChunks": true,
@@ -77,18 +77,18 @@
 					"builder": "@angular-devkit/build-angular:dev-server",
 					"configurations": {
 						"production": {
-							"browserTarget": "modelsmith:build:production"
+							"buildTarget": "modelsmith:build:production"
 						},
 						"development": {
-							"browserTarget": "modelsmith:build:development"
+							"buildTarget": "modelsmith:build:development"
 						}
 					},
 					"defaultConfiguration": "development"
 				},
 				"extract-i18n": {
 					"builder": "@angular-devkit/build-angular:extract-i18n",
 					"options": {
-						"browserTarget": "modelsmith:build"
+						"buildTarget": "modelsmith:build"
 					}
 				},
 				"test": {