fix(firebase): additional auth module config

Author: patrickmichalina

src/modules/firebase/auth/app.auth.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core'
+import { AngularFireAuthModule } from 'angularfire2/auth'
+import {
+  FIREBASE_AUTH_COOKIE_STO_KEY,
+  FIREBASE_AUTH_COOKIE_FACTORY
+} from './tokens'
+import { CookieService } from '../../cookies/browser'
+
+// tslint:disable:no-this
+// tslint:disable-next-line:no-class
+@NgModule({
+  imports: [AngularFireAuthModule],
+  exports: [AngularFireAuthModule],
+  providers: [
+    { provide: FIREBASE_AUTH_COOKIE_FACTORY, useClass: CookieService },
+    { provide: FIREBASE_AUTH_COOKIE_STO_KEY, useValue: 'firebaseJWT' }
+  ]
+})
+export class FirebaseAuthAppModule {}

src/modules/firebase/auth/app.common.ts

@@ -0,0 +1,6 @@
+export { FirebaseAuthAppModule } from './app.auth.module'
+
+export interface ICookieGetSet {
+  readonly set: (name: string, value: string) => string
+  readonly remove: (name: string) => void
+}

src/modules/firebase/auth/browser.auth.module.ts

@@ -1,13 +1,35 @@
-import { NgModule } from '@angular/core'
-import { AngularFireAuthModule, AngularFireAuth } from 'angularfire2/auth'
+import { NgModule, Inject } from '@angular/core'
+import { AngularFireAuth } from 'angularfire2/auth'
+import { flatMap } from 'rxjs/operators'
+import { ICookieGetSet } from './app.common'
+import {
+  FIREBASE_AUTH_COOKIE_FACTORY,
+  FIREBASE_AUTH_COOKIE_STO_KEY
+} from './tokens'
+import { of } from 'rxjs'
+
+// tslint:disable:no-this
+
+function toExtractIdTokenFromUser(user: firebase.User | null) {
+  return user ? user.getIdToken() : of(undefined).toPromise()
+}
+
+function storeJwtInCookies(cs: ICookieGetSet, storageKey: string) {
+  return (jwt?: string) => {
+    jwt ? cs.set(storageKey, jwt) : cs.remove(storageKey)
+  }
+}
 
 // tslint:disable-next-line:no-class
-@NgModule({
-  imports: [AngularFireAuthModule],
-  exports: [AngularFireAuthModule]
-})
+@NgModule()
 export class FirebaseAuthBrowserModule {
-  constructor(public auth: AngularFireAuth) {
-    // TODO
+  constructor(
+    public auth: AngularFireAuth,
+    @Inject(FIREBASE_AUTH_COOKIE_STO_KEY) stoKey: string,
+    @Inject(FIREBASE_AUTH_COOKIE_FACTORY) getSetFactory: ICookieGetSet
+  ) {
+    auth.user
+      .pipe(flatMap(toExtractIdTokenFromUser))
+      .subscribe(storeJwtInCookies(getSetFactory, stoKey))
   }
 }

src/modules/firebase/auth/browser.common.ts

@@ -1,11 +1,9 @@
 import { NgModule } from '@angular/core'
-import { AngularFireAuthModule, AngularFireAuth } from 'angularfire2/auth'
+import { AngularFireAuth } from 'angularfire2/auth'
 import { FirebaseServerAuth } from './server.auth.service'
 
 // tslint:disable-next-line:no-class
 @NgModule({
-  imports: [AngularFireAuthModule],
-  exports: [AngularFireAuthModule],
   providers: [{ provide: AngularFireAuth, useClass: FirebaseServerAuth }]
 })
 export class FirebaseAuthServerModule {}

src/modules/firebase/auth/server.auth.module.ts

@@ -0,0 +1,31 @@
+// admin.initializeApp({
+//   credential: admin.credential.cert({
+//     projectId: 'angular-universal-consulting',
+//     clientEmail: 'firebase-adminsdk-5dap9@angular-universal-consulting.iam.gserviceaccount.com',
+//     privateKey: '-----BEGIN PRIVATE KEY-----\nMIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQCjbmYPKtRgkOOv\n4IVPJGw2I1h2Gf7wSdT9Ohn7mkjag659LEoAa9i0XS5cgV+7gZe3VvNOFNFYvUuX\nB32eSt3qPGATuveJtjG27Qvr3KmJQWIirEWsLFBHK3kv6DiLX3sUgqbD9A8Y5BrN\nN41D1N5m/RTQWIbvbrlpc7CRDI4UOTI+cx4aJ7eDgO6SHlrIacrQNAi09yMqnt04\n3ec8END0+DTTkUrB+kOFa7tYPHDyTrGLbscO0kIWfCZYCU0RwSRP1OP442mRVMkY\nqZiMNzOGZ7fCumVZ6lTfWV0QwGI1+O44GkX3ZlPMi7kJCaKQXnjCDsFUR9MBLEtJ\n76JEVzqXAgMBAAECggEAIMj1ylciMZj/Q/n7ZCv/VUDz7wU6AkQdaQstyS5jLQq7\nhzrKQZlg6JXExiPh64CMyee0eVZtxKp8rnh/N7D3IZUpBOw92i9le7fD63XhwLoQ\nELqUY3ykQhKzhevE5BisXSn0gFzGZozj34UkXpYmY2yjr0QDFacVpNTjd8WX/vBE\nVHoq3YnqRFIYFfdqu2TeLN/5ytW0R1z6Iu9DQUoQ+/qxUKcDr2CnLbgNyF/0xC7M\nZrLZvrDsPPcuFvJ+OEf190bridf27HCIgx8CduSACJaBLRWT23VsPk6mhVtMC6+q\nQFXxSQrl3bsokapNR4CwYQdHpn9fA5hXOIUYW4CN+QKBgQDPGFOi1C+94qp0T7R7\nXoHUzX9V9qbbUkCpiIqFW8EEvI+BV6lzxzv/IF4wN2GNjlmNyynTnpXgabREW1w9\nXX9tk6NBtzaWCSLZn9RDg964EFkZZuV7QgxadqcNm7EmepT0IaeeM+KEJn8R/d1v\nUMECS/IPtMe1LoLdmE6f4Rq2CwKBgQDKBm6hCRVmudo6T9HwBu/k/zenm+qJXhj4\nAijGDK6zFLkOjGRge+UuXVFk4HJDA+32aQeB+7iddN5BUe7ftbGxdBw8z7bl3ewD\nEVQuf8nPvBt5i4EWjCEzpI5PTSUrqvYxvS8TMRS5dSeJpOhXRpYzsmyELfBJEjZB\nJPTH4bqhJQKBgQCzmAMf2Cc24tSzXVPFESZCZ5uf7vCwjlopK5IFKJbxBpzkrCL1\nlrf+/hDwe3aMDgC3qJIzRPnwzXpZNWl+hhC19CzGFp6t6mpgk+y+SCPjN7os/0DP\nbW3NHcytTnGITxHRzUXROmmb9M6JycA4gq1+0mGvITV3eEhg52530/0YFQKBgQC/\nVBYj1sl471zYys2FZ9x8YKThzMzzabV18/2Pi2VMXrzgJV/O7KdhIKm8QsCT7T3J\nlzCwDqiKHqt661Cyd44hBFjV0tZhnqotQZUbMJT9cyYGF3Oa2f17vkW0ntgsIg5l\njsjtgRciiOx39EDCnywTK9CP4j3lxiSxz4EvZ/1rLQKBgAbtfcy1ypdyO9bnODVn\nzzP1ldNJSXowTpqRjtCyqelGZMX+85IXb4Yg3pB+8MGbWj0pTNN5Dot3fgL+flTu\nhQJ0+OMgVXsYWHU00WyZpA0nmpXsDrZDRN6S9V1Iyyhuff3oxCP7RQvEiTKG76y5\nTr1hsyrNNkELTGx0wJioUKO1\n-----END PRIVATE KEY-----\n'
+//   }),
+//   databaseURL: 'https://angular-universal-consulting.firebaseio.com'
+// })
+
+// providers: [{
+//   provide: AngularFireAuth,
+//   useFactory: (http: HttpClient, cs: CookieService) => {
+//     const firebaseIdToken = cs.get('firebaseJwt')
+//     // verify a token symmetric
+//     // return admin.auth().verifyIdToken(cs.get('firebaseJwt'))
+//     //   .then(function (decodedToken) {
+//     //     return {
+//     //       user: of(decodedToken)
+//     //     }
+//     //   }).catch(function (error) {
+//     //     return {
+//     //       user: of(undefined)
+//     //     }
+//     //   })
+//     return {
+//       user: firebaseIdToken ? of(admin.auth().verifyIdToken(firebaseIdToken)).pipe(flatMap(a => a)) : of(null),
+//       idToken: firebaseIdToken ? of(firebaseIdToken) : of(null),
+//     }
+//   },
+//   deps: [HttpClient, CookieService]
+// }]

src/modules/firebase/auth/server.common.ts

@@ -0,0 +1,9 @@
+import { ICookieGetSet } from './app.common'
+import { InjectionToken } from '@angular/core'
+
+export const FIREBASE_AUTH_COOKIE_FACTORY = new InjectionToken<ICookieGetSet>(
+  'fng.auth.ck.get.set'
+)
+export const FIREBASE_AUTH_COOKIE_STO_KEY = new InjectionToken<string>(
+  'fng.auth.ck.sto'
+)