Support for Firebase v9 (compat)

[jamesdaniels]

• No API changes
• Depends on JS SDK v9-compat, which has the same API as v8
• Rewrite the imports/require from firebase/* to firebase/compat/* in the build step
• Versioning as 6.0.0 due to the break in peer and import paths
• Firebase JS SDK v9 does not ship with closure externs. Bring them in manually.
• Updated /demo to use Firebase JS SDK v9.1.2 from the CDN
• Updated gulp-concat-css as the version in the package.json was not working for me, it was bailing during the inline images step
• Various Github Actions cleanup to get the build green, this work is also captured in Porting over some Github Actions fixes from the v9 PR #886

Usage:

npm i --save firebaseui@next firebase

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import * as firebaseui from 'firebaseui';

const response = await fetch('/__/firebase/init.json');
const app = firebase.initializeApp(await response.json());
const ui = new firebaseui.auth.AuthUI(app.auth());

ui.start('#firebaseui-auth-container', ...);

[jamesdaniels]

A release candidate for this has been cut to NPM for external testing, npm i --save firebaseui@next firebase@next

[xil222]

Looks like new firebase sdk is out, any chance this branch could be pushed out as a "next" tag on npm so we can test it out? I'm really hoping it fixes #887 .

I responded to that one, looks like its been fixed in Firebase v9.1.2

[jamesdaniels]

@treeder there should be no need for a new version on @next as we've not made material changes to the implementation on this PR since then, just lots of housekeeping. The version up there should accept the new Firebase peer.

[OrhanTozan]

What is currently stopping this PR to be merged to master?

[jamesdaniels]

@OrhanTozan waiting for review and a green light from the FirebaseUI team.

[bojeil-google]

We will focus on the remaining review and getting this in this week. Sorry for the delay. We had to make sure we tested all the flows first (in dependent libraries too) and fixed any issues in the compat layer.

[bojeil-google]

Thank you for putting this together @jamesdaniels! Changes look great! I just have a bunch of nits and minor requests. Should be straightforward to resolve.

[bojeil-google]

Yeah I agree with @jamesdaniels (let's not communicate any plans yet). Let's just focus on informing customers that v6.0.0 should be used with firebase version v9 (compat)and higher. We can also explain some of the changes needed when switching from v8 to v9 (such as the difference in how app and auth are imported or included via cdn, etc.) We can also mention the benefit when using firebaseui v6.0.0 with other v9 firebase services, such as firestore (when it comes to modularization). The description below seems to cover most of that.

[bojeil-google]

@xil222 please help with the release for this change. Thank you.

[thanhtutzaw]

• No API changes
• Depends on JS SDK v9-compat, which has the same API as v8
• Rewrite the imports/require from firebase/* to firebase/compat/* in the build step
• Versioning as 6.0.0 due to the break in peer and import paths
• Firebase JS SDK v9 does not ship with closure externs. Bring them in manually.
• Updated /demo to use Firebase JS SDK v9.1.2 from the CDN
• Updated gulp-concat-css as the version in the package.json was not working for me, it was bailing during the inline images step
• Various Github Actions cleanup to get the build green, this work is also captured in Porting over some Github Actions fixes from the v9 PR #886

Usage:

npm i --save firebaseui@next firebase

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import * as firebaseui from 'firebaseui';

const response = await fetch('/__/firebase/init.json');
const app = firebase.initializeApp(await response.json());
const ui = new firebaseui.auth.AuthUI(app.auth());

ui.start('#firebaseui-auth-container', ...);

I have issue with Firebase v9.9 and Firebaseui v 6.0
I use together with next-firebase-auth package
It works with Firebase v8 and firebaseui v6
I need to know it is problem with these two version or What I am missing
Error Message :
firebaseerror: firebase: no firebase app '[default]' has been created - call firebase app.initializeapp() (app-compat/no-app).