Add forFeature module initializer #57

- Add forFeature functionality
- Update README
- Update Demo

Author: RaphaelJenni

README.MD

@@ -162,6 +162,27 @@ For the configuration of the module see the official firebaseui documentation: [
 
 _If you use a version prior to 3.3.0 check the [old README](https://github.com/RaphaelJenni/FirebaseUI-Angular/blob/v3.2.0/README.MD)_
 
+
+#### forRoot/forFeature
+To configure the plugin the first time (`main.module.ts`) the `forRoot()` method is used.
+It builds the basis for all further uses of the plugin.
+But you have the possibility to overwrite the entire or just parts of the configuration in any (sub-)module.
+
+##### forRoot
+To overwrite the entire configuration use:
+```
+FirebaseUIModule.forRoot(firebaseUiAuthConfig: NativeFirebaseUIAuthConfig)
+```
+
+
+##### forFeature
+To overwrite just parts of the configuration use:
+```
+FirebaseUIModule.forFeature(firebaseUiAuthConfig: NativeFirebaseUIAuthConfig)
+```
+This will use the in `forRoot` provided configuration and overwrite just the newly provided values.
+
+
 ### Listen to auth state changes
 ```typescript
 this.angularFireAuth.authState.subscribe(this.firebaseAuthChangeListener);

projects/firebaseui-angular-library/src/lib/firebaseui-angular-library.component.ts

@@ -61,10 +61,18 @@ export class FirebaseuiAngularLibraryComponent implements OnInit, OnDestroy {
   }
 
   constructor(private angularFireAuth: AngularFireAuth,
-              @Inject('firebaseUIAuthConfig') private firebaseUiConfig: NativeFirebaseUIAuthConfig | FirebaseUIAuthConfig,
+              @Inject('firebaseUIAuthConfig') private _firebaseUiConfig: NativeFirebaseUIAuthConfig | FirebaseUIAuthConfig,
+              @Inject('firebaseUIAuthConfigFeature') private _firebaseUiConfig_Feature: NativeFirebaseUIAuthConfig | FirebaseUIAuthConfig,
               private firebaseUIService: FirebaseuiAngularLibraryService) {
   }
 
+  get firebaseUiConfig(): NativeFirebaseUIAuthConfig | FirebaseUIAuthConfig {
+    return {
+      ...this._firebaseUiConfig,
+      ...this._firebaseUiConfig_Feature
+    } as NativeFirebaseUIAuthConfig | FirebaseUIAuthConfig;
+  }
+
   ngOnInit(): void {
     this.subscription = this.angularFireAuth.authState.subscribe((value: User) => {
       if ((value && value.isAnonymous) || !value) {

projects/firebaseui-angular-library/src/lib/firebaseui-angular-library.module.ts

@@ -15,7 +15,17 @@ export class FirebaseUIModule {
     return {
       ngModule: FirebaseUIModule,
       providers: [
-        {provide: 'firebaseUIAuthConfig', useValue: firebaseUiAuthConfig}
+        {provide: 'firebaseUIAuthConfig', useValue: firebaseUiAuthConfig},
+        {provide: 'firebaseUIAuthConfigFeature', useValue: {}}
+      ]
+    };
+  }
+
+  static forFeature(firebaseUIAuthConfig: NativeFirebaseUIAuthConfig | FirebaseUIAuthConfig | any): ModuleWithProviders {
+    return {
+      ngModule: FirebaseUIModule,
+      providers: [
+        {provide: 'firebaseUIAuthConfigFeature', useValue: firebaseUIAuthConfig}
       ]
     };
   }

src/app/main/main.module.ts

@@ -11,7 +11,7 @@ const routes: Routes = [
 @NgModule({
   imports: [
     CommonModule,
-    FirebaseUIModule,
+    FirebaseUIModule.forFeature({tosUrl: 'MAIN_MODULE'}),
     RouterModule.forChild(routes)
   ],
   declarations: [MainComponent]

src/app/second-page/second.module.ts

@@ -1,8 +1,8 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {SecondPageComponent} from './second-page.component';
-import {FirebaseUIModule} from 'firebaseui-angular';
 import {RouterModule, Routes} from '@angular/router';
+import {firebase, FirebaseUIModule} from 'firebaseui-angular';
 
 const routes: Routes = [
   {path: '', component: SecondPageComponent},
@@ -12,7 +12,10 @@ const routes: Routes = [
 @NgModule({
   imports: [
     CommonModule,
-    FirebaseUIModule,
+    FirebaseUIModule.forFeature({
+      signInOptions: [
+        firebase.auth.GoogleAuthProvider.PROVIDER_ID]
+    }),
     RouterModule.forChild(routes)
   ],
   declarations: [SecondPageComponent]