Merge branch 'main' into fix-dataconnect-codegen-injection

Author: herdiyana256

docs/analytics.md

@@ -17,7 +17,7 @@ As a prerequisite, ensure that `AngularFire` has been added to your project via
 ng add @angular/fire
 ```
 
-Provide a Analytics instance in the application's `app.config.ts`:
+Provide an Analytics instance in the application's `app.config.ts`:
 
 ```ts
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';

docs/app-check.md

@@ -17,10 +17,11 @@ As a prerequisite, ensure that `AngularFire` has been added to your project via
 ng add @angular/fire
 ```
 
-Provide a App Check instance in the application's `app.config.ts`:
+Provide an App Check instance in the application's `app.config.ts`:
 
 ```ts
-import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
+import { ApplicationConfig } from '@angular/core';
+import { provideFirebaseApp, initializeApp, getApp } from '@angular/fire/app';
 import { provideAppCheck, initializeAppCheck, ReCaptchaV3Provider } from '@angular/fire/app-check';
 
 export const appConfig: ApplicationConfig = {
@@ -32,7 +33,7 @@ export const appConfig: ApplicationConfig = {
     ...
   ],
   ...
-})
+}
 ```
 
 Next inject `AppCheck` it into your component:
@@ -54,4 +55,4 @@ AngularFire wraps the Firebase JS SDK to ensure proper functionality in Angular,
 
 Update the imports from `import { ... } from 'firebase/app-check'` to `import { ... } from '@angular/fire/app-check'` and follow the official documentation.
 
-[Getting Started](https://firebase.google.com/docs/app-check/web/recaptcha-enterprise-provider) | [API Reference](https://firebase.google.com/docs/reference/js/app-check)
+[Getting Started](https://firebase.google.com/docs/app-check/web/recaptcha-provider) | [API Reference](https://firebase.google.com/docs/reference/js/app-check)

docs/auth.md

@@ -20,9 +20,10 @@ As a prerequisite, ensure that `AngularFire` has been added to your project via
 ng add @angular/fire
 ```
 
-Provide a Auth instance in the application's `app.config.ts`:
+Provide an Auth instance in the application's `app.config.ts`:
 
 ```ts
+import { ApplicationConfig } from '@angular/core';
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import { provideAuth, getAuth } from '@angular/fire/auth';
 
@@ -33,7 +34,7 @@ export const appConfig: ApplicationConfig = {
     ...
   ],
   ...
-})
+}
 ```
 
 Next inject `Auth` into your component:
@@ -171,8 +172,8 @@ export class UserComponent implements OnDestroy {
 
   constructor() {
     this.idTokenSubscription = this.idToken$.subscribe((token: string | null) => {
-        //handle idToken changes here. Note, that user will be null if there is no currently logged in user.
-     console.log(string);
+        //handle idToken changes here. Note, that token will be null if there is no currently logged in user.
+     console.log(token);
     })
   }
 
@@ -186,15 +187,18 @@ export class UserComponent implements OnDestroy {
 ## Connecting the emulator suite
 
 ```ts
+import { ApplicationConfig } from '@angular/core';
+import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import { connectAuthEmulator, getAuth, provideAuth } from '@angular/fire/auth';
 
-@NgModule({
-  imports: [
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideFirebaseApp(() => initializeApp({ ... })),
     provideAuth(() => {
       const auth = getAuth();
       connectAuthEmulator(auth, 'http://localhost:9099', { disableWarnings: true });
       return auth;
     }),
   ]
-})
+}
 ```

docs/compat.md

@@ -1,5 +1,5 @@
 # AngularFire
-The official [Angular](https://angular.io/) library for [Firebase](https://firebase.google.com/).
+The official [Angular](https://angular.dev/) library for [Firebase](https://firebase.google.com/).
 
 <strong><pre>ng add @angular/fire</pre></strong>
 

docs/compat/auth/router-guards.md

@@ -1,6 +1,6 @@
 # Route users with AngularFire guards
 
-`AngularFireAuthGuard` provides a prebuilt [`canActivate` Router Guard](https://angular.io/api/router/CanActivate) using `AngularFireAuth`. By default unauthenticated users are not permitted to navigate to protected routes:
+`AngularFireAuthGuard` provides a prebuilt [`canActivate` Router Guard](https://angular.dev/api/router/CanActivate) using `AngularFireAuth`. By default unauthenticated users are not permitted to navigate to protected routes:
 
 > **NOTE**: [AngularFire has a new tree-shakable API](../../../README.md#developer-guide), you're looking at the documentation for the compatability version of the library. [See the v7 upgrade guide for more information on this change.](../../version-7-upgrade.md).
 

docs/database.md

@@ -20,6 +20,7 @@ ng add @angular/fire
 Provide a Database instance in the application's `app.config.ts`:
 
 ```ts
+import { ApplicationConfig } from '@angular/core';
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import { provideDatabase, getDatabase } from '@angular/fire/database';
 
@@ -30,7 +31,7 @@ export const appConfig: ApplicationConfig = {
     ...
   ],
   ...
-})
+}
 ```
 
 Next inject `Database` into your component:
@@ -131,22 +132,26 @@ The `fromRef()` function creates an observable that emits reference changes.
 ## Connecting to the emulator suite
 
 ```ts
+import { ApplicationConfig } from '@angular/core';
+import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import { connectDatabaseEmulator, getDatabase, provideDatabase } from '@angular/fire/database';
 
-@NgModule({
-  imports: [
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideFirebaseApp(() => initializeApp({ ... })),
     provideDatabase(() => {
       const database = getDatabase();
       connectDatabaseEmulator(database, 'localhost', 9000);
       return database;
     }),
   ]
-})
+}
 ```
 
 ## Working with multiple instances
 
 ```ts
+import { ApplicationConfig } from '@angular/core';
 import { provideFirebaseApp, FirebaseApp, initializeApp } from '@angular/fire/app';
 import { getDatabase, provideDatabase } from '@angular/fire/database';
 
@@ -156,14 +161,14 @@ const DATABASE_SHARD_URLS = [
   'https://BAZ.firebaseio.com',
 ];
 
-@NgModule({
-  imports: [
-    provideFirebaseApp(() => initializeApp(environment.firebase)),
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideFirebaseApp(() => initializeApp({ ... })),
     provideDatabase((app: FirebaseApp) => getDatabase(app, DATABASE_SHARD_URLS[0])),
     provideDatabase((app: FirebaseApp) => getDatabase(app, DATABASE_SHARD_URLS[1])),
     provideDatabase((app: FirebaseApp) => getDatabase(app, DATABASE_SHARD_URLS[2])),
   ]
-})
+}
 ```
 
 ```ts

docs/firebase.json

@@ -21,6 +21,7 @@ ng add @angular/fire
 Provide a Firestore instance in the application's `app.config.ts`:
 
 ```ts
+import { ApplicationConfig } from '@angular/core';
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import { provideFirestore, getFirestore } from '@angular/fire/firestore';
 
@@ -71,6 +72,7 @@ In `user-profile.component.ts`:
 ```typescript
 import { Firestore, collection, collectionData} from '@angular/fire/firestore';
 import { Component, inject } from '@angular/core';
+import { Observable } from 'rxjs';
 
 @Component ({
     selector: 'app-user-profile',
@@ -89,7 +91,7 @@ export class UserProfileComponent {
         this.users$ = collectionData(userProfileCollection) as Observable<UserProfile[]>;
     }
 }
-export Interface UserProfile {
+export interface UserProfile {
     username: string;
 }
 ```
@@ -114,8 +116,9 @@ To write to Cloud Firestore use the `addDoc` function. It will create a new docu
 
 
 ```typescript
-import { Firestore, collection, collectionData, addDoc} from '@angular/fire/firestore';
+import { Firestore, collection, collectionData, addDoc, CollectionReference, DocumentReference } from '@angular/fire/firestore';
 import { Component, inject } from '@angular/core';
+import { Observable } from 'rxjs';
 
 @Component ({
     selector: 'app-user-profile',
@@ -137,7 +140,7 @@ export class UserProfileComponent {
         });
     }
 }
-export Interface UserProfile {
+export interface UserProfile {
     username: string;
 }
 ```

docs/firestore.md

@@ -20,6 +20,7 @@ ng add @angular/fire
 Provide a Cloud Functions instance in the application's `app.config.ts`:
 
 ```ts
+import { ApplicationConfig } from '@angular/core';
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import { provideFunctions, getFunctions } from '@angular/fire/functions';
 
@@ -30,7 +31,7 @@ export const appConfig: ApplicationConfig = {
     ...
   ],
   ...
-})
+}
 ```
 
 Next inject `Functions` into your component: