feat: migrate to angular standalone components (#1556)

BREAKING CHANGE: IgoLanguageModule don't import TranslateModule.forRoot defaultLanguageLoader is not exported anymore BREAKING CHANGE: 'provideDefaultLanguageLoader' and 'provideLanguageLoader' are replaced by 'DEFAULT_LANGUAGE_LOADER' and set directly inside the TranslationConfig
infra-geo-ouverte · Jan 18, 2024 · b7e31e4 · b7e31e4
1 parent faf8c42
commit b7e31e4
Show file tree

Hide file tree

Showing 434 changed files with 4,320 additions and 2,467 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/auth/package.json b/packages/auth/package.json
@@ -18,6 +18,8 @@
   "scripts": {
     "build": "ng build auth --configuration production",
     "format": "prettier --write ./src/**/*.{ts,js,html,scss,css,json}",
+    "lint": "ng lint auth",
+    "lint.fix": "ng lint auth --fix",
     "test": "ng test auth --watch=false",
     "test.watch": "ng test auth",
     "watch": "ng build auth --watch"

diff --git a/packages/auth/src/lib/auth-form/auth-facebook.component.ts b/packages/auth/src/lib/auth-form/auth-facebook.component.ts
@@ -15,7 +15,8 @@ import { AuthService } from '../shared/auth.service';
   selector: 'igo-auth-facebook',
   templateUrl: './auth-facebook.component.html',
   styleUrls: ['./auth-facebook.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true
 })
 export class AuthFacebookComponent {
   private options?: AuthFacebookOptions;

diff --git a/packages/auth/src/lib/auth-form/auth-form.component.ts b/packages/auth/src/lib/auth-form/auth-form.component.ts
@@ -1,3 +1,4 @@
+import { NgIf } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -7,20 +8,38 @@ import {
   Optional,
   Output
 } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
 import { NavigationStart, Router } from '@angular/router';
 
 import { ConfigService } from '@igo2/core';
 
+import { TranslateModule } from '@ngx-translate/core';
 import { filter } from 'rxjs/operators';
 
 import { AuthOptions } from '../shared/auth.interface';
 import { AuthService } from '../shared/auth.service';
+import { AuthFacebookComponent } from './auth-facebook.component';
+import { AuthGoogleComponent } from './auth-google.component';
+import { AuthInternComponent } from './auth-intern.component';
+import { AuthMicrosoftComponent } from './auth-microsoft.component';
+import { AuthMicrosoftb2cComponent } from './auth-microsoftb2c.component';
 
 @Component({
   selector: 'igo-auth-form',
   templateUrl: './auth-form.component.html',
   styleUrls: ['./auth-form.component.scss'],
-  changeDetection: ChangeDetectionStrategy.Default
+  changeDetection: ChangeDetectionStrategy.Default,
+  standalone: true,
+  imports: [
+    NgIf,
+    AuthGoogleComponent,
+    AuthMicrosoftComponent,
+    AuthMicrosoftb2cComponent,
+    AuthFacebookComponent,
+    AuthInternComponent,
+    MatButtonModule,
+    TranslateModule
+  ]
 })
 export class AuthFormComponent implements OnInit {
   @Input()

diff --git a/packages/auth/src/lib/auth-form/auth-google.component.ts b/packages/auth/src/lib/auth-form/auth-google.component.ts
@@ -15,7 +15,8 @@ import { AuthService } from '../shared/auth.service';
   selector: 'igo-auth-google',
   templateUrl: './auth-google.component.html',
   styleUrls: ['./auth-google.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true
 })
 export class AuthGoogleComponent {
   private options?: AuthGoogleOptions;

diff --git a/packages/auth/src/lib/auth-form/auth-intern.component.ts b/packages/auth/src/lib/auth-form/auth-intern.component.ts
@@ -1,3 +1,4 @@
+import { NgIf } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -6,20 +7,37 @@ import {
   Output
 } from '@angular/core';
 import {
+  FormsModule,
+  ReactiveFormsModule,
   UntypedFormBuilder,
   UntypedFormGroup,
   Validators
 } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 
 import { LanguageService } from '@igo2/core';
 
+import { TranslateModule } from '@ngx-translate/core';
+
 import { AuthService } from '../shared/auth.service';
 
 @Component({
   selector: 'igo-auth-intern',
   templateUrl: './auth-intern.component.html',
   styleUrls: ['./auth-intern.component.scss'],
-  changeDetection: ChangeDetectionStrategy.Default
+  changeDetection: ChangeDetectionStrategy.Default,
+  standalone: true,
+  imports: [
+    FormsModule,
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatButtonModule,
+    NgIf,
+    TranslateModule
+  ]
 })
 export class AuthInternComponent {
   @Input()

diff --git a/packages/auth/src/lib/auth-form/auth-microsoft.component.ts b/packages/auth/src/lib/auth-form/auth-microsoft.component.ts
@@ -6,6 +6,8 @@ import {
   Inject,
   Output
 } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 
 import { ConfigService } from '@igo2/core';
 
@@ -22,6 +24,7 @@ import {
   PublicClientApplication,
   SilentRequest
 } from '@azure/msal-browser';
+import { TranslateModule } from '@ngx-translate/core';
 import { Subject } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 
@@ -35,7 +38,9 @@ import { AuthService } from '../shared/auth.service';
   selector: 'igo-auth-microsoft',
   templateUrl: './auth-microsoft.component.html',
   styleUrls: ['./auth-microsoft.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [MatButtonModule, MatIconModule, TranslateModule]
 })
 export class AuthMicrosoftComponent {
   private options?: AuthMicrosoftOptions;

diff --git a/packages/auth/src/lib/auth-form/auth-microsoftb2c.component.ts b/packages/auth/src/lib/auth-form/auth-microsoftb2c.component.ts
@@ -6,6 +6,8 @@ import {
   Inject,
   Output
 } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 
 import { ConfigService } from '@igo2/core';
 
@@ -18,6 +20,7 @@ import {
   PublicClientApplication,
   SilentRequest
 } from '@azure/msal-browser';
+import { TranslateModule } from '@ngx-translate/core';
 import { Subject } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 
@@ -33,7 +36,9 @@ import { AuthService } from '../shared/auth.service';
   selector: 'igo-auth-microsoftb2c',
   templateUrl: './auth-microsoftb2c.component.html',
   styleUrls: ['./auth-microsoftb2c.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [MatButtonModule, MatIconModule, TranslateModule]
 })
 export class AuthMicrosoftb2cComponent {
   private options: AuthMicrosoftb2cOptions;

diff --git a/packages/auth/src/lib/auth-form/index.ts b/packages/auth/src/lib/auth-form/index.ts
@@ -1,4 +1,20 @@
+import { AuthFacebookComponent } from './auth-facebook.component';
+import { AuthFormComponent } from './auth-form.component';
+import { AuthGoogleComponent } from './auth-google.component';
+import { AuthInternComponent } from './auth-intern.component';
+import { AuthMicrosoftComponent } from './auth-microsoft.component';
+import { AuthMicrosoftb2cComponent } from './auth-microsoftb2c.component';
+
 export * from './auth-form.component';
 export * from './auth-intern.component';
 export * from './auth-facebook.component';
 export * from './auth-google.component';
+
+export const AUTH_FORM_DIRECTIVES = [
+  AuthFormComponent,
+  AuthGoogleComponent,
+  AuthInternComponent,
+  AuthFacebookComponent,
+  AuthMicrosoftComponent,
+  AuthMicrosoftb2cComponent
+] as const;
diff --git a/packages/auth/src/lib/auth.module.ts b/packages/auth/src/lib/auth.module.ts
@@ -31,9 +31,7 @@ import { ProtectedDirective } from './shared/protected.directive';
     MatIconModule,
     MatButtonModule,
     IgoLanguageModule,
-    MsalModule
-  ],
-  declarations: [
+    MsalModule,
     AuthFormComponent,
     AuthGoogleComponent,
     AuthInternComponent,

diff --git a/packages/auth/src/lib/shared/auth-storage.service.ts b/packages/auth/src/lib/shared/auth-storage.service.ts
@@ -3,8 +3,8 @@ import { Injectable } from '@angular/core';
 
 import { BaseStorage, ConfigService, StorageScope } from '@igo2/core';
 
-import { AuthService } from './auth.service';
 import { AuthStorageOptions } from './auth-storage.interface';
+import { AuthService } from './auth.service';
 import { TokenService } from './token.service';
 
 @Injectable({

diff --git a/packages/auth/src/lib/shared/protected.directive.ts b/packages/auth/src/lib/shared/protected.directive.ts
@@ -3,7 +3,8 @@ import { Directive, ElementRef } from '@angular/core';
 import { AuthService } from './auth.service';
 
 @Directive({
-  selector: '[igoProtected]'
+  selector: '[igoProtected]',
+  standalone: true
 })
 export class ProtectedDirective {
   constructor(authentication: AuthService, el: ElementRef) {

diff --git a/packages/common/package.json b/packages/common/package.json
@@ -18,6 +18,8 @@
   "scripts": {
     "build": "ng build common --configuration production",
     "format": "prettier --write ./src/**/*.{ts,js,html,scss,css,json}",
+    "lint": "ng lint common",
+    "lint.fix": "ng lint common --fix",
     "postbuild": "ts-node ../../scripts/src/common/postbuild-common.ts",
     "test": "ng test common --watch=false",
     "watch": "ng build common --watch"

diff --git a/packages/common/src/lib/action/action.module.ts b/packages/common/src/lib/action/action.module.ts
@@ -1,12 +1,12 @@
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { IgoActionbarModule } from './actionbar/actionbar.module';
+import { ActionbarComponent } from './actionbar/actionbar.component';
 
+/**
+ * @deprecated import the ActionbarComponent directly
+ */
 @NgModule({
-  imports: [CommonModule, IgoActionbarModule],
-  exports: [IgoActionbarModule],
-  declarations: [],
-  providers: []
+  imports: [ActionbarComponent],
+  exports: [ActionbarComponent]
 })
 export class IgoActionModule {}