Adding Firebase to the AuthClients

packages/api/src/auth/authHeaders.ts

@@ -9,7 +9,7 @@ import { AuthenticationError } from 'apollo-server-lambda'
 
 import { verifyAuth0Token } from './verifyAuth0Token'
 
-export type SupportedAuthTypes = 'auth0' | 'netlify' | 'gotrue' | 'magic.link'
+export type SupportedAuthTypes = 'auth0' | 'netlify' | 'gotrue' | 'magic.link' | 'firebase'
 
 // This is shared by `@redwoodjs/web`
 const AUTH_PROVIDER_HEADER = 'auth-provider'
@@ -67,6 +67,9 @@ export const decodeAuthToken = async ({
       }
       break
     }
+    case 'firebase':
+      decoded = token
+      break
     case 'auth0': {
       decoded = await verifyAuth0Token(token)
       break

packages/auth/package.json

@@ -10,6 +10,7 @@
   "devDependencies": {
     "@auth0/auth0-spa-js": "^1.7.0",
     "@types/react": "16.9.35",
+    "firebase": "^7.14.5",
     "gotrue-js": "^0.9.25",
     "magic-sdk": "^1.3.5",
     "netlify-identity-widget": "1.6.0",

packages/auth/src/authClient.ts

@@ -1,17 +1,19 @@
 import type { default as GoTrue, User as GoTrueUser } from 'gotrue-js'
 import type { Auth0Client as Auth0 } from '@auth0/auth0-spa-js'
 import type NetlifyIdentityNS from 'netlify-identity-widget'
+import * as firebase from 'firebase/app'
 import type { Magic, MagicUserMetadata } from 'magic-sdk'
 // TODO: Can also return an Auth0 user which doesn't have a definition.
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface Auth0User {}
 export type { GoTrueUser }
 export type NetlifyIdentity = typeof NetlifyIdentityNS
+export type FirebaseClient = typeof firebase
 export type MagicLinks = Magic
 export type MagicUser = MagicUserMetadata
 
-export type SupportedAuthClients = Auth0 | GoTrue | NetlifyIdentity | MagicLinks
-export type SupportedAuthTypes = 'auth0' | 'gotrue' | 'netlify' | 'magic.link'
+export type SupportedAuthClients = Auth0 | GoTrue | NetlifyIdentity | MagicLinks | FirebaseClient
+export type SupportedAuthTypes = 'auth0' | 'gotrue' | 'netlify' | 'magic.link' | 'firebase'
 
 export interface AuthClient {
   restoreAuthState?(): void | Promise<any>
@@ -120,6 +122,21 @@ const mapAuthClientNetlify = (client: NetlifyIdentity): AuthClient => {
   }
 }
 
+const mapAuthClientFirebase = (client: FirebaseClient): AuthClient => {
+  return {
+    type: 'firebase',
+    client,
+    restoreAuthState: () => client.auth().getRedirectResult(),
+    login: async () => {
+      const provider = new client.auth.GoogleAuthProvider()
+      return client.auth().signInWithRedirect(provider)
+    },
+    logout: () => client.auth().signOut(),
+    getToken: async () => client.auth().currentUser?.getIdToken() ?? null,
+    currentUser: async () => client.auth().currentUser,
+  }
+}
+
 const mapAuthClientMagicLinks = (client: MagicLinks): MagicLinksClient => {
   return {
     type: 'magic.link',
@@ -140,6 +157,8 @@ export const createAuthClient = (
   type: SupportedAuthTypes
 ): AuthClient => {
   switch (type) {
+    case 'firebase':
+      return mapAuthClientFirebase(client as FirebaseClient)
     case 'auth0':
       return mapAuthClientAuth0(client as Auth0)
     case 'gotrue':