Zone wrapping rxfire exports

Author: jamesdaniels

.gitignore

@@ -19,7 +19,10 @@ tools/build.js
 coverage
 *.log
 api-*.json
-src/**/base.ts
 angularfire.tgz
 unpack.sh
-publish.sh
+publish.sh
+
+# auto-gen files
+src/compat/**/base.ts
+src/**/rxfire.ts

package.json

@@ -52,7 +52,7 @@
     "@angular/platform-browser": "~12.0.0-rc.0",
     "@angular/platform-browser-dynamic": "~12.0.0-rc.0",
     "@angular/router": "~12.0.0-rc.0",
-    "firebase": "^9.0.0-beta.1",
+    "firebase": "9.0.0-beta.2",
     "firebase-admin": "^8.10.0",
     "firebase-functions": "^3.6.0",
     "firebase-tools": "^8.0.0",
@@ -63,7 +63,7 @@
     "inquirer-autocomplete-prompt": "^1.0.1",
     "lodash.isequal": "^4.5.0",
     "open": "^7.0.3",
-    "rxfire": "0.500.0-canary.0df3466",
+    "rxfire": "6.0.0-canary.da26625",
     "rxjs": "~6.6.0",
     "semver": "^7.1.3",
     "tslib": "^2.1.0",

sample/package.json

@@ -13,26 +13,27 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~12.0.0-rc.0",
-    "@angular/common": "~12.0.0-rc.0",
-    "@angular/compiler": "~12.0.0-rc.0",
-    "@angular/core": "~12.0.0-rc.0",
+    "@angular/animations": "^12.0.0",
+    "@angular/common": "^12.0.0",
+    "@angular/compiler": "^12.0.0",
+    "@angular/core": "^12.0.0",
     "@angular/fire": "../dist/packages-dist",
-    "@angular/forms": "~12.0.0-rc.0",
-    "@angular/platform-browser": "~12.0.0-rc.0",
-    "@angular/platform-browser-dynamic": "~12.0.0-rc.0",
-    "@angular/router": "~12.0.0-rc.0",
-    "firebase": "^9.0.0-beta.1",
+    "@angular/forms": "^12.0.0",
+    "@angular/platform-browser": "^12.0.0",
+    "@angular/platform-browser-dynamic": "^12.0.0",
+    "@angular/router": "^12.0.0",
+    "firebase": "9.0.0-beta.2",
     "lodash.isequal": "^4.5.0",
+    "rxfire": "6.0.0-canary.da26625",
     "rxjs": "~6.6.0",
     "tslib": "^2.1.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/architect": ">= 0.900 < 0.1200",
-    "@angular-devkit/build-angular": "~12.0.0-rc.0",
-    "@angular/cli": "~12.0.0-rc.0",
-    "@angular/compiler-cli": "~12.0.0-rc.0",
+    "@angular-devkit/architect": "^0.1200.0",
+    "@angular-devkit/build-angular": "^12.0.0",
+    "@angular/cli": "^12.0.0",
+    "@angular/compiler-cli": "^12.0.0",
     "@types/jasmine": "~3.6.0",
     "@types/node": "^12.11.1",
     "firebase-tools": "^8.0.0",

sample/src/app/app.component.ts

@@ -1,5 +1,7 @@
-import { Component, Inject, Optional } from '@angular/core';
+import { ApplicationRef, Component, Inject, Optional } from '@angular/core';
 import { FirebaseApp, Auth, AUTH_INSTANCES, FIREBASE_APPS } from '@angular/fire';
+import { authState } from '@angular/fire/auth';
+import { debounceTime } from 'rxjs/operators';
 
 @Component({
   selector: 'app-root',
@@ -35,7 +37,12 @@ export class AppComponent {
     public auth: Auth, // default Firbase Auth
     @Inject(FIREBASE_APPS) public apps: FirebaseApp[], // all initialized App instances
     @Optional() @Inject(AUTH_INSTANCES) public authInstances: Auth[], // all initialized Auth instances
+    appRef: ApplicationRef,
   ) {
     console.log(app, auth, apps, authInstances, 'hi!...');
+    // onAuthStateChanged should destablize the zone
+    // onAuthStateChanged(auth, it => console.log('onAuthStateChanged', it));
+    authState(auth).subscribe(it => console.log('authState', it));
+    appRef.isStable.pipe(debounceTime(200)).subscribe(it => console.log('isStable', it));
   }
 }

sample/src/app/app.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { provideFirebaseApp, provideAuth } from '@angular/fire';
 import { initializeApp, getApp } from 'firebase/app';
-import { initializeAuth } from '@firebase/auth';
+import { initializeAuth, getAuth } from '@firebase/auth';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
@@ -21,7 +21,7 @@ import { environment } from '../environments/environment';
       app.automaticDataCollectionEnabled = false;
       return app;
     }),
-    provideAuth(() => initializeAuth(getApp())),
+    provideAuth(() => getAuth()),
     provideAuth(() => {
       const auth = initializeAuth(getApp('second'));
       auth.useDeviceLanguage();