perf: use modern firebase auth functions

Author: keenthekeen

src/app/auth.service.ts

@@ -1,38 +1,40 @@
-import {Injectable} from '@angular/core';
-import {Auth, GoogleAuthProvider, onIdTokenChanged, signInWithPopup, signOut, User} from '@angular/fire/auth';
-import {BehaviorSubject} from 'rxjs';
+import {inject, Injectable} from '@angular/core';
+import {Auth, GoogleAuthProvider, idToken, user, signInWithPopup, signOut, User} from '@angular/fire/auth';
+import {BehaviorSubject, Subscription} from 'rxjs';
 
 @Injectable({
     providedIn: 'root'
 })
 export class AuthService {
+    private auth: Auth = inject(Auth);
+    idToken$ = idToken(this.auth);
+    idTokenSubscription: Subscription;
+    user$ = user(this.auth);
+    userSubscription: Subscription;
+
     private readonly idTokenSubject = new BehaviorSubject<string|null>(null);
     public readonly idToken = this.idTokenSubject.asObservable();
     private readonly userSubject = new BehaviorSubject<User|null>(null);
     public readonly user = this.userSubject.asObservable();
 
-    constructor(private afAuth: Auth) {
-        onIdTokenChanged(afAuth, user => {
-            if (user != null) {
-                this.userSubject.next(user);
-                user.getIdToken().then(idToken => {
-                    this.idTokenSubject.next(idToken);
-                });
-            } else {
-                this.userSubject.next(null);
-                this.idTokenSubject.next(null);
-            }
+    constructor() {
+        this.idTokenSubscription = this.idToken$.subscribe((token: string | null) => {
+            console.log('idToken refreshed');
+            this.idTokenSubject.next(token);
+        });
+        this.userSubscription = this.user$.subscribe((aUser: User | null) => {
+            this.userSubject.next(aUser);
         });
     }
 
     signInWithPopup() {
         const provider = new GoogleAuthProvider();
         provider.setCustomParameters({hd: 'docchula.com'});
-        return signInWithPopup(this.afAuth, provider);
+        return signInWithPopup(this.auth, provider);
     }
 
     signOut() {
-        return signOut(this.afAuth);
+        return signOut(this.auth);
     }
 
 }

src/app/man.service.ts

@@ -1,10 +1,8 @@
 import {Injectable} from '@angular/core';
 import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
 import {combineLatestWith, Observable, of, startWith, takeUntil, timer} from 'rxjs';
-import {filter, map, switchMap, timeout} from 'rxjs/operators';
-import {environment} from '../environments/environment';
+import {map, switchMap, timeout} from 'rxjs/operators';
 import {PlayHistory, PlayHistoryValue, PlayTrackerService} from './play-tracker.service';
-import {getStringChanges, RemoteConfig} from '@angular/fire/remote-config';
 import {AuthService} from './auth.service';
 
 
@@ -115,6 +113,7 @@ export class ManService {
     }
 
     updatePlayRecord(uid: string, video_id: string | number, progress: number, speed: number) {
+        // @todo Throttle this function
         return this.post<JSend<null>>('v1/play_records', {
             uid,
             video_id,