Update angularfire package to @angular/fire

- Fix #77

Author: RaphaelJenni

README.MD

@@ -13,11 +13,11 @@ To install this library, run:
 $ npm install firebaseui-angular --save
 ```
 
-To run this library you need to have [AngularFire](https://github.com/angular/angularfire2), [Firebase](https://firebase.google.com/docs/web/setup), 
+To run this library you need to have [AngularFire2](https://github.com/angular/angularfire2), [Firebase](https://firebase.google.com/docs/web/setup), 
 [FirebaseUI-Web](https://github.com/firebase/firebaseui-web) installed.
 Fast install:
 ```bash
-$ npm install firebase firebaseui angularfire2 firebaseui-angular --save
+$ npm install firebase firebaseui @angular/fire firebaseui-angular --save
 ```
 
 ## How to use
@@ -31,12 +31,12 @@ import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {AppComponent} from './app.component';
 import {FirebaseUIModule} from 'firebaseui-angular';
-import {AngularFireModule} from 'angularfire2';
 import {environment} from '../environments/environment';
-import {AngularFireAuthModule} from 'angularfire2/auth';
 import {AppRoutingModule} from './app-routing.module';
-import * as firebase from 'firebase/app';
-import * as firebaseui from 'firebaseui';
+import * as firebase from 'firebase/app/dist/index.esm';
+import * as firebaseui from 'firebaseui/dist/firebaseui.js';
+import {AngularFireModule} from '@angular/fire';
+import {AngularFireAuthModule} from '@angular/fire/auth';
 
 const firebaseUiAuthConfig: firebaseui.auth.Config = {
   signInFlow: 'popup',

package-lock.json

@@ -20,28 +20,28 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "6.1.2",
-    "@angular/common": "6.1.2",
-    "@angular/compiler": "6.1.2",
-    "@angular/core": "6.1.2",
-    "@angular/forms": "6.1.2",
-    "@angular/http": "6.1.2",
-    "@angular/platform-browser": "6.1.2",
-    "@angular/platform-browser-dynamic": "6.1.2",
-    "@angular/router": "6.1.2",
-    "angularfire2": "^5.0.0-rc.11",
+    "@angular/animations": "6.1.7",
+    "@angular/common": "6.1.7",
+    "@angular/compiler": "6.1.7",
+    "@angular/core": "6.1.7",
+    "@angular/fire": "5.0.0",
+    "@angular/forms": "6.1.7",
+    "@angular/http": "6.1.7",
+    "@angular/platform-browser": "6.1.7",
+    "@angular/platform-browser-dynamic": "6.1.7",
+    "@angular/router": "6.1.7",
     "core-js": "^2.5.7",
-    "firebase": "^5.4.0",
-    "firebaseui": "^3.3.0",
-    "rxjs": "^6.2.2",
+    "firebase": "^5.4.2",
+    "firebaseui": "^3.4.0",
+    "rxjs": "^6.3.2",
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.7.4",
-    "@angular-devkit/build-ng-packagr": "^0.7.4",
-    "@angular/cli": "6.1.3",
-    "@angular/compiler-cli": "6.1.2",
-    "@angular/language-service": "6.1.2",
+    "@angular-devkit/build-angular": "^0.7.5",
+    "@angular-devkit/build-ng-packagr": "^0.7.5",
+    "@angular/cli": "6.1.5",
+    "@angular/compiler-cli": "6.1.7",
+    "@angular/language-service": "6.1.7",
     "@types/jasmine": "^2.8.8",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "10.1.1",

package.json

@@ -22,8 +22,8 @@
   "peerDependencies": {
     "@angular/common": "^6.1.2",
     "@angular/core": "^6.1.2",
+    "@angular/fire": "5.0.0",
     "firebaseui": "^3.2.0",
-    "angularfire2": "^5.0.0-rc.11",
     "firebase": "^5.3.1"
   }
 }

projects/firebaseui-angular-library/package.json

@@ -1,4 +1,5 @@
 import {Component, EventEmitter, Inject, OnDestroy, OnInit, Output} from '@angular/core';
+import {AngularFireAuth} from '@angular/fire/auth';
 import {Subscription} from 'rxjs';
 import {
   AuthMethods,
@@ -12,7 +13,6 @@ import {
   NativeFirebaseUIAuthConfig,
 } from './firebaseui-angular-library.helper';
 import * as firebaseui from 'firebaseui';
-import {AngularFireAuth} from 'angularfire2/auth';
 // noinspection ES6UnusedImports
 import * as firebase from 'firebase/app';
 import {User} from 'firebase/app';

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

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import {AngularFireAuth} from 'angularfire2/auth';
+import {AngularFireAuth} from '@angular/fire/auth';
 import * as firebaseui from 'firebaseui';
 
 @Injectable({

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

@@ -3,12 +3,12 @@ import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {AppComponent} from './app.component';
 import {FirebaseUIModule} from 'firebaseui-angular';
-import {AngularFireModule} from 'angularfire2';
 import {environment} from '../environments/environment';
-import {AngularFireAuthModule} from 'angularfire2/auth';
 import {AppRoutingModule} from './app-routing.module';
 import * as firebase from 'firebase/app';
 import * as firebaseui from 'firebaseui';
+import {AngularFireModule} from '@angular/fire';
+import {AngularFireAuthModule} from '@angular/fire/auth';
 
 const firebaseUiAuthConfig: firebaseui.auth.Config = {
   signInFlow: 'popup',

src/app/app.module.ts

@@ -1,5 +1,5 @@
 import {Component, OnInit} from '@angular/core';
-import {AngularFireAuth} from 'angularfire2/auth';
+import {AngularFireAuth} from '@angular/fire/auth';
 import {FirebaseUISignInSuccessWithAuthResult} from 'firebaseui-angular';
 import {FirebaseUISignInFailure} from '../../../projects/firebaseui-angular-library/src/lib/firebaseui-angular-library.helper';
 

src/app/main/main.component.ts

@@ -1,6 +1,6 @@
 import {Component, OnInit} from '@angular/core';
-import {AngularFireAuth} from 'angularfire2/auth';
 import {FirebaseUISignInSuccess} from 'firebaseui-angular';
+import {AngularFireAuth} from '@angular/fire/auth';
 
 @Component({
   selector: 'fbui-ng-second-page',