fix: upgrade ng9

Alain BOUDARD · Alain BOUDARD · commit af08e5a88616 · 2022-03-17T10:54:22.000+01:00
BREAK: up de version
diff --git a/src/angular/angular.json b/src/angular/angular.json
@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "../main/resources/static",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -28,6 +29,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -125,7 +132,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "scss"
+      "style": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"
diff --git a/src/angular/package-lock.json b/src/angular/package-lock.json
diff --git a/src/angular/package.json b/src/angular/package.json
@@ -8,49 +8,51 @@
     "build": "ng build --prod",
     "buildwatch": "ng build --watch",
     "test": "ng test",
-    "lint": "ng lint",
+    "lint": "ng lint --fix",
     "e2e": "ng e2e",
     "dbmock": "json-server --watch server.json --port 3004 --routes routes.json",
     "compodoc": "./node_modules/.bin/compodoc -p src/tsconfig.app.json --disableSourceCode --disableDomTree --disableTemplateTab --disableGraph",
     "compodoc-all": "./node_modules/.bin/compodoc -p src/tsconfig.app.json"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.2.14",
-    "@angular/common": "^8.2.14",
-    "@angular/compiler": "^8.2.14",
-    "@angular/core": "^8.2.14",
-    "@angular/forms": "^8.2.14",
-    "@angular/platform-browser": "^8.2.14",
-    "@angular/platform-browser-dynamic": "^8.2.14",
-    "@angular/router": "^8.2.14",
-    "@fortawesome/angular-fontawesome": "^0.5.0",
+    "@angular/animations": "^9.1.13",
+    "@angular/common": "^9.1.13",
+    "@angular/compiler": "^9.1.13",
+    "@angular/core": "^9.1.13",
+    "@angular/forms": "^9.1.13",
+    "@angular/localize": "^9.1.13",
+    "@angular/platform-browser": "^9.1.13",
+    "@angular/platform-browser-dynamic": "^9.1.13",
+    "@angular/router": "^9.1.13",
+    "@fortawesome/angular-fontawesome": "^0.6.1",
     "@fortawesome/fontawesome-svg-core": "^1.2.27",
     "@fortawesome/free-solid-svg-icons": "^5.12.1",
-    "@ng-bootstrap/ng-bootstrap": "^5.3.0",
-    "@ngrx/data": "^8.6.0",
-    "@ngrx/effects": "^8.6.0",
-    "@ngrx/entity": "^8.6.0",
-    "@ngrx/store": "^8.6.0",
-    "@ngrx/store-devtools": "^8.6.0",
-    "bootstrap": "^4.4.1",
+    "@ng-bootstrap/ng-bootstrap": "^6.2.0",
+    "@ngrx/data": "^9.2.1",
+    "@ngrx/effects": "^9.2.1",
+    "@ngrx/entity": "^9.2.1",
+    "@ngrx/store": "^9.2.1",
+    "@ngrx/store-devtools": "^9.2.1",
+    "bootstrap": "^4.5.0",
     "core-js": "^2.6.11",
-    "ngx-spinner": "^8.1.0",
-    "ngx-toastr": "^11.3.3",
+    "ngx-spinner": "^9.0.2",
+    "ngx-toastr": "^12.1.0",
     "rxjs": "^6.5.4",
     "rxjs-compat": "^6.5.4",
-    "zone.js": "~0.9.1"
+    "tslib": "^1.10.0",
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.25",
-    "@angular/cli": "~8.3.25",
-    "@angular/compiler-cli": "^8.2.14",
-    "@angular/language-service": "^8.2.14",
-    "@ngrx/schematics": "^8.6.0",
+    "@angular-devkit/build-angular": "~0.901.15",
+    "@angular/cli": "~9.1.15",
+    "@angular/compiler-cli": "^9.1.13",
+    "@angular/language-service": "^9.1.13",
+    "@ngrx/schematics": "^9.2.1",
     "@types/jasmine": "^2.8.7",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "^6.0.109",
-    "codelyzer": "^5.0.1",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
     "jasmine-core": "~2.8.0",
     "jasmine-spec-reporter": "~4.2.1",
     "json-server": "^0.15.1",
@@ -62,7 +64,7 @@
     "protractor": "^5.3.2",
     "ts-node": "~4.1.0",
     "tslint": "~5.9.1",
-    "typescript": "^3.5.3",
-    "worker-loader": "^1.1.1"
+    "worker-loader": "^1.1.1",
+    "typescript": "^3.8.3"
   }
 }
diff --git a/src/angular/src/app/app.module.ts b/src/angular/src/app/app.module.ts
@@ -1,20 +1,19 @@
-import { CustomAdapter } from './shared/custom-adapter';
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
 import { HttpClientModule } from '@angular/common/http';
-
-import { AppComponent } from './app.component';
-import { AppStoreModule } from './store/app-store.module';
-import { ServicesModule } from './services/services.module';
-import { NgbModule, NgbDateAdapter, NgbDateParserFormatter } from '@ng-bootstrap/ng-bootstrap';
+import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CompModule } from './comp/comp.module';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { NgbDateAdapter, NgbDateParserFormatter, NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { ToastrModule } from 'ngx-toastr';
-import { TodoModule } from './todo/todo.module';
 import { AppRoutingModule } from './app-routing/app-routing.module';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { AppComponent } from './app.component';
+import { CompModule } from './comp/comp.module';
+import { CustomAdapter } from './shared/custom-adapter';
 import { CustomDateParser } from './shared/custom-date-parser';
+import { AppStoreModule } from './store/app-store.module';
+import { TodoModule } from './todo/todo.module';
+
 
 @NgModule({
   declarations: [AppComponent],
@@ -26,7 +25,6 @@ import { CustomDateParser } from './shared/custom-date-parser';
     HttpClientModule,
     BrowserModule,
     AppStoreModule,
-    ServicesModule,
     NgbModule,
     FontAwesomeModule,
     BrowserAnimationsModule, // required animations module
diff --git a/src/angular/src/app/comp/fa-input/fa-input.component.ts b/src/angular/src/app/comp/fa-input/fa-input.component.ts
@@ -18,7 +18,7 @@ export class FaInputComponent {
   @Output() value = new EventEmitter<string>();
   inputFocus = false;
 
-  @ContentChild(InputRefDirective, {static: false}) input: InputRefDirective;
+  @ContentChild(InputRefDirective) input: InputRefDirective;
 
   @HostBinding('class.focus')
   get focus() {
diff --git a/src/angular/src/app/files/files-routing.module.ts b/src/angular/src/app/files/files-routing.module.ts
@@ -1,8 +1,8 @@
 import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
+import { RouterModule, Routes } from '@angular/router';
 import { FilesComponent } from './files.component';
 
+
 const routes: Routes = [{ path: '', component: FilesComponent }];
 
 @NgModule({
diff --git a/src/angular/src/app/files/upload/upload.component.ts b/src/angular/src/app/files/upload/upload.component.ts
@@ -1,7 +1,7 @@
-import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { ToastrService } from 'ngx-toastr';
 import { FilesService } from '../../services/files.service';
-import {ToastrService} from "ngx-toastr";
 
 @Component({
   selector: 'app-upload',
diff --git a/src/angular/src/app/services/files.service.spec.ts b/src/angular/src/app/services/files.service.spec.ts
@@ -1,7 +1,7 @@
-import { TestBed, inject } from '@angular/core/testing';
-
+import { inject, TestBed } from '@angular/core/testing';
 import { FilesService } from './files.service';
 
+
 describe('FilesService', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
diff --git a/src/angular/src/app/services/services.module.ts b/src/angular/src/app/services/services.module.ts
diff --git a/src/angular/src/app/services/toast.service.spec.ts b/src/angular/src/app/services/toast.service.spec.ts
@@ -1,7 +1,7 @@
-import { TestBed, inject } from '@angular/core/testing';
-
+import { inject, TestBed } from '@angular/core/testing';
 import { ToastService } from './toast.service';
 
+
 describe('ToastServiceService', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
diff --git a/src/angular/src/app/services/todos.service.spec.ts b/src/angular/src/app/services/todos.service.spec.ts
@@ -1,7 +1,7 @@
-import { TestBed, inject } from '@angular/core/testing';
-
+import { inject, TestBed } from '@angular/core/testing';
 import { TodosService } from './todos.service';
 
+
 describe('TodosService', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
diff --git a/src/angular/src/app/services/todos.service.ts b/src/angular/src/app/services/todos.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
-
-import { Todo } from '../dto/todo';
 import { EntityCollectionServiceBase, EntityCollectionServiceElementsFactory } from '@ngrx/data';
+import { Todo } from '../dto/todo';
+
 /**
  * Service qui map les Entities NgRx Data avec l'interface Todo
  */
diff --git a/src/angular/src/app/services/utils.service.spec.ts b/src/angular/src/app/services/utils.service.spec.ts
@@ -1,7 +1,7 @@
 import { TestBed } from '@angular/core/testing';
-
 import { UtilsService } from './utils.service';
 
+
 describe('UtilsService', () => {
   beforeEach(() => TestBed.configureTestingModule({}));
 
diff --git a/src/angular/src/app/shared/custom-date-parser.ts b/src/angular/src/app/shared/custom-date-parser.ts
@@ -1,5 +1,7 @@
 import { NgbDateParserFormatter, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+import { Injectable } from '@angular/core';
 
+@Injectable()
 export class CustomDateParser extends NgbDateParserFormatter {
 
   readonly DELIMITER = '-';
diff --git a/src/angular/src/app/shared/shared.module.ts b/src/angular/src/app/shared/shared.module.ts
@@ -1,8 +1,8 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { InputRefDirective } from './input-ref.directive';
-import { FilterPipe } from './filter.pipe';
+import { NgModule } from '@angular/core';
 import { CalculePipe } from './calcule.pipe';
+import { FilterPipe } from './filter.pipe';
+import { InputRefDirective } from './input-ref.directive';
 
 @NgModule({
   imports: [CommonModule],
diff --git a/src/angular/src/app/store/app-store.module.ts b/src/angular/src/app/store/app-store.module.ts
@@ -1,10 +1,10 @@
-import { entityConfig } from './entity-metadata';
-import { EntityDataModule, DefaultDataServiceConfig } from '@ngrx/data';
 import { NgModule } from '@angular/core';
-import { StoreModule } from '@ngrx/store';
+import { DefaultDataServiceConfig, EntityDataModule } from '@ngrx/data';
 import { EffectsModule } from '@ngrx/effects';
+import { StoreModule } from '@ngrx/store';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
 import { environment } from '../../environments/environment';
+import { entityConfig } from './entity-metadata';
 
 // TODO : change this config when using json-server or Spring Boot Data
 const defaultDataServiceConfig: DefaultDataServiceConfig = {
diff --git a/src/angular/src/app/store/entity-metadata.ts b/src/angular/src/app/store/entity-metadata.ts
@@ -1,5 +1,4 @@
-import { Todo } from '../dto/todo';
-import { EntityMetadataMap, EntityDataModuleConfig } from '@ngrx/data';
+import { EntityDataModuleConfig, EntityMetadataMap } from '@ngrx/data';
 
 export function activeFilter(entities: { active: boolean }[], search: boolean) {
   return entities.filter(e => e.active === search);
diff --git a/src/angular/src/app/store/entity-store.module.ts b/src/angular/src/app/store/entity-store.module.ts
@@ -1,7 +1,6 @@
-import { EntityDataModule } from '@ngrx/data';
 // entity-store.module.ts
 import { NgModule } from '@angular/core';
-import { PropsFilterFnFactory, EntityMetadataMap } from '@ngrx/data';
+import { EntityDataModule, EntityMetadataMap, PropsFilterFnFactory } from '@ngrx/data';
 
 export function activeFilter(entities: { active: boolean }[], search: boolean) {
   return entities.filter(e => e.active === search);
diff --git a/src/angular/src/app/todo/todo.module.ts b/src/angular/src/app/todo/todo.module.ts
@@ -10,7 +10,7 @@ import { CounterComponent } from '../counter/counter.component';
 import { CompModule } from '../comp/comp.module';
 import { TodoEditComponent } from './todo-edit/todo-edit.component';
 import { RouterModule } from '@angular/router';
-import { NgbDatepicker, NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';
 
 @NgModule({
   imports: [
diff --git a/src/angular/src/polyfills.ts b/src/angular/src/polyfills.ts
@@ -1,3 +1,7 @@
+/***************************************************************************************************
+ * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
+ */
+import '@angular/localize/init';
 /**
  * This file includes polyfills needed by Angular and is loaded before the app.
  * You can add your own extra polyfills to this file.
diff --git a/src/angular/src/tsconfig.app.json b/src/angular/src/tsconfig.app.json
@@ -5,8 +5,11 @@
     "baseUrl": "./",
     "types": []
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }
