Firebase JS SDK v9 support

[sipity19]

Now that the v9 SDK is in production, is there an ETA on supporting it?

This is holding up migration as the bundle size reduction is really attractive for us (and most others, I believe) So, not the compatibility thing, but proper v9 support is needed.

Thanks,

[jamesdaniels]

For the immediate future 0.600.0 firebaseui@next which utilizes v9-compat is what is available #850

Proper tree-shaking support would require a considerable API / build-process change & while we are thinking about what that might look like, I wouldn't expect any headway to be made for a while.

[janat08]

Can you update the docs, at very least for firebaseui. It retarded how billion dollar company can't track their shit engineering on docs.

[shivna-2020]

For the immediate future 0.600.0 firebaseui@next which utilizes v9-compat is what is available #850

Proper tree-shaking support would require a considerable API / build-process change & while we are thinking about what that might look like, I wouldn't expect any headway to be made for a while.

firebaseui@next does not seem to support SAML.

Getting the following error:
Uncaught TypeError: firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.auth.SAMLAuthProvider is not a constructor

Importing firebase as follows:
import 'firebase/compat/auth';

[strom2357]

As a workaround, using JS SDK v8 should resolve this issue with SAML in the meantime

[janat08]

How do you install it?

[shivna-2020]

As a workaround, using JS SDK v8 should resolve this issue with SAML in the meantime

JSD SDK v8 does not load in the browser when bundled using webpack if auth (8.10.0) and compatible messaging (0.8.0) is included. Hence, we are forced to use SDK v9.

[jacob-8]

Workaround option: I'm using Firebase 9 in several projects and didn't want to use the v9 compat library so I decided to dynamically import the Firebase 8 SDK via CDN for FirebaseUI just when visitors open my authentication modal. This will save you from bundler bugs. You can see the SvelteKit implementation at https://github.com/jacobbowdoin/sveltefirets/blob/main/src/lib/components/FirebaseUiAuth.svelte but there's nothing really about this implementation that requires Svelte and you could do this same thing quite easily in any framework. That repo is a work in progress of my base implementation which I hope to turn into an easily installable library for SvelteKit users. For a live example you can see it in action at https://livingdictionaries.app/ (click "Sign In") and view the code at https://github.com/livingtongues/living-dictionaries/blob/main/src/sveltefire/components/FirebaseUiAuth.svelte (this version has i18n baked in).

[jamesdaniels]

@jacobbowdoin why not dynamically import v9 compat instead? that way you're on a supported version of the SDK that is compatible with v9 modular?

[katharosada]

Just adding a +1 to please add v9 support. In the meantime could you update the README to tell people to install a specific version? e.g. npm install --save firebase@8.2.4

[joshhsiao333]

hope there is v9 support soon. I spend 1 day convert my code to v9 but stuck in firebaseui

[xil222]

hope there is v9 support soon. I spend 1 day convert my code to v9 but stuck in firebaseui

There is support for v9 with compat library now, with FirebaseUI v6.0.0 and Firebase JS SDK v9.2.0 following this format link

[ChromeQ]

If you are using v9 fully on your site (not the compat) then I suggest you MUST lazy load the firebaseui as it is extra bulky and essentially doubling up the firebase code. The compat packages are not going to save you much/any bundle size.

[dalenguyen]

@ChromeQ do you have an example on how to lazy load firebaseui with plain javascript?