upgrade ng 11 to 12: update core packages

angular.json

@@ -39,7 +39,14 @@
 							"node_modules/marked/lib/marked.js",
 							"node_modules/prismjs/prism.js",
 							"node_modules/prismjs/components/prism-css.min.js"
-						]
+						],
+						"aot": false,
+						"vendorChunk": true,
+						"extractLicenses": false,
+						"buildOptimizer": false,
+						"sourceMap": true,
+						"optimization": false,
+						"namedChunks": true
 					},
 					"configurations": {
 						"production": {
@@ -71,7 +78,8 @@
 								}
 							]
 						}
-					}
+					},
+					"defaultConfiguration": ""
 				},
 				"serve": {
 					"builder": "@angular-devkit/build-angular:dev-server",

package.json

@@ -12,10 +12,10 @@
     "ng": "ng",
     "start": "ng serve",
     "start_docker": "ng serve --host 0.0.0.0",
-    "build:prod": "ng build --prod",
+    "build:prod": "ng build --configuration production",
-    "build:prod:stats": "ng build --prod --stats-json",
+    "build:prod:stats": "ng build --configuration production --stats-json",
-    "build:prod:gitlabpage": "ng build --prod --baseHref=/framadate/funky-framadate-front/",
+    "build:prod:gitlabpage": "ng build --configuration production --baseHref=/framadate/funky-framadate-front/",
-    "build:prod:demobliss": "ng build --prod --baseHref=https://framadate-api.cipherbliss.com  --stats-json ",
+    "build:prod:demobliss": "ng build --configuration production --baseHref=https://framadate-api.cipherbliss.com  --stats-json ",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:ci": "jest --ci",
@@ -36,17 +36,17 @@
   },
   "private": false,
   "dependencies": {
-    "@angular/animations": "^11.2.14",
+    "@angular/animations": "^12.2.17",
     "@angular/cdk": "^11.2.13",
-    "@angular/common": "^11.2.14",
+    "@angular/common": "^12.2.17",
-    "@angular/compiler": "^11.2.14",
+    "@angular/compiler": "^12.2.17",
-    "@angular/core": "^11.2.14",
+    "@angular/core": "^12.2.17",
-    "@angular/forms": "^11.2.14",
+    "@angular/forms": "^12.2.17",
-    "@angular/localize": "^11.2.14",
+    "@angular/localize": "^12.2.17",
     "@angular/material": "^11.2.13",
-    "@angular/platform-browser": "^11.2.14",
+    "@angular/platform-browser": "^12.2.17",
-    "@angular/platform-browser-dynamic": "^11.2.14",
+    "@angular/platform-browser-dynamic": "^12.2.17",
-    "@angular/router": "^11.2.14",
+    "@angular/router": "^12.2.17",
     "@biesbjerg/ngx-translate-extract": "^7.0.3",
     "@biesbjerg/ngx-translate-po-http-loader": "^3.1.0",
     "@fullcalendar/core": "^4.4.0",
@@ -75,14 +75,14 @@
     "short-unique-id": "^3.0.3",
     "stream": "^0.0.2",
     "tslib": "^2.0.0",
-    "zone.js": "^0.10.3"
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
     "@angular-builders/jest": "^9.0.1",
-    "@angular-devkit/build-angular": "^0.1102.19",
+    "@angular-devkit/build-angular": "^12.2.18",
-    "@angular/cli": "^11.2.19",
+    "@angular/cli": "^12.2.18",
-    "@angular/compiler-cli": "^11.2.14",
+    "@angular/compiler-cli": "^12.2.17",
-    "@angular/language-service": "^11.2.14",
+    "@angular/language-service": "^12.2.17",
     "@babel/core": "^7.9.0",
     "@babel/preset-env": "^7.9.5",
     "@babel/preset-typescript": "^7.9.0",
@@ -108,7 +108,7 @@
     "ts-jest": "^26.0.0",
     "ts-mockito": "^2.5.0",
     "ts-node": "^8.10.1",
-    "typescript": "4.0.8"
+    "typescript": "4.3.5"
   },
   "husky": {
     "hooks": {

src/environments/environment.ts

@@ -11,7 +11,7 @@ import { poll_conf } from './poll_conf';
  * This import should be commented out in production mode because it will have a negative impact
  * on performance if an error is thrown.
  */
-import 'zone.js/dist/zone-error';
+import 'zone.js/plugins/zone-error';
 
 endpoints.baseHref = apiV1.baseHref;
 

src/polyfills.ts

@@ -59,7 +59,7 @@ import '@angular/localize/init';
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS