9.0.0-beta.8 released

[Feiyang1]

9.0.0-beta.8 has been released with the following changes:

• Updated the name of some types
  • FirebaseFirestore -> Firestore
  • FirebaseDatabase -> Database
  • FirebaseMessaging -> Messaging
  • StorageService -> FirebaseStorage (Can’t use Storage which conflicts with the global type for localStorage)
  • Reference (from firebase/database) -> DatabaseReference
  • FirebaseStorageError -> StorageError
  • Settings (from firebase/firestore) -> FirestoreSettings
  • AnalyticsOptions -> AnalyticsSettings
  • FirebaseAppConfig -> FirebaseAppSettings
  • Settings (from firebase/remote-config) -> RemoteConfigSettings
• initializeApp() becomes idempotent to make it work better with HMR and other use cases. It can be called more than once with the same options and will return the same instance. It will throw if called more than once with different options. No need to wrap initializeApp() in the if block anymore:

// the if condition can be safely removed now
// if(getApps().length === 0) {
    initializeApp({...})
// }

• [Auth] Export error codes as an object map to make error code check easier

// ErrorCodes is a map of all possible Auth error codes
import { signInAnonymously, AuthErrorCodes } from 'firebase/auth';

async function signIn() {
    try {
    const credential = signInAnonymously(auth);
  } catch (e) {
    // instead of e.code === 'auth/network-request-failed'
    if (e.code === AuthErrorCodes.NetworkRequestFailed) {
      // do stuff
    }
  }
}

• [Database] Fixed V9 Realtime Database listener stops listening after transaction #5195

[rileytomasek]

It looks like ErrorCodes should actually be AuthErrorCodes.

- import { signInAnonymously, ErrorCodes } from 'firebase/auth';
+ import { signInAnonymously, AuthErrorCodes } from 'firebase/auth';

[Feiyang1]

Thanks for spotting the error! I have updated the snippet to use AuthErrorCodes.

[mgarf]

@Feiyang1 for initializeApp being idempotent now, does that mean so is initializeAuth?

[mgarf]

here is how i refactored for reference:

import { useEffect, useState } from "react";
import { initializeApp } from "firebase/app"
import { initializeAuth } from "firebase/auth";


export const useFirebase = () => {
    const [firebaseApp, setFirebaseApp] = useState(null);
    const [auth, setAuth] = useState(null);
    
    useEffect(() => {
        const CLIENT_CONFIG = {
            apiKey,
            authDomain,
        };

        const appy = initializeApp(CLIENT_CONFIG);
        setFirebaseApp(appy);
        const authy = initializeAuth(appy);
        setAuth(authy);
    }, [])

    return { firebaseApp, auth }
};

[mgarf]

Just dug through the type documentation and its pretty clear that getApp seems like its idempotent but not initializeAuth which creates a new instance each time. Here is my rewrite which seems to be working

import { useEffect, useState } from "react";
import { initializeApp } from "firebase/app"
import { browserLocalPersistence, getAuth, setPersistence } from "firebase/auth";


export const useFirebase = () => {
    const [firebaseApp, setFirebaseApp] = useState(null);
    const [auth, setAuth] = useState(null);
    
    useEffect(() => {
        const CLIENT_CONFIG = {
            apiKey,
            authDomain,
        };

        const appy = initializeApp(CLIENT_CONFIG);
        const authy = getAuth(appy);

        (async () => {
            await setPersistence(authy, browserLocalPersistence);
            setFirebaseApp(appy);
            setAuth(authy);
        })();

    }, [])

    return { firebaseApp, auth }
};

[Feiyang1]

All initializeFoo()s including initializeAuth() are idempotent in 9.0.0. Are you still using the beta release?

[mgarf]

hmm strange - no using 9.x.x. When i switched from initializeAuth to getAuth it started working. InitializeAuth seemed to kill the user session where as getAuth did not on page reload

"firebase-admin": "^9.11.1"

[Feiyang1]

firebase-admin is a different SDK, and is used on server. What is the version for firebase? Actually, can you open a new discussion thread, so it's easier to track?

BTW, this is how idempotent behavior is implemented for Auth.

firebase-js-sdk/packages/auth/src/core/auth/initialize.ts

Lines 56 to 64 in bc3b405

	if (provider.isInitialized()) {
	const auth = provider.getImmediate() as AuthImpl;
	const initialOptions = provider.getOptions() as Dependencies;
	if (deepEqual(initialOptions, deps ?? {})) {
	return auth;
	} else {
	_fail(auth, AuthErrorCode.ALREADY_INITIALIZED);
	}
	}

If it works correctly, nothing should be destroyed, because it performs nothing else other than returning the existing instance.