nycJSorg/angular-presentation

import { Injectable } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
import { first, map } from 'rxjs/operators';
import { BehaviorSubject, Observable } from 'rxjs';
import { SyncStatus } from '@codelab/utils/src/lib/sync/common';
import { auth } from 'firebase/app';

@Injectable({
  providedIn: 'root'
})
export class LoginService {
  readonly user$ = this.auth.user;
  readonly isAnonymous$ = this.auth.user.pipe(
    map(u => (u ? u.isAnonymous : true))
  );
  readonly uid$: Observable<string> = this.user$.pipe(
    map(user => user && user.uid)
  );
  readonly preferredStatus$ = new BehaviorSubject(SyncStatus.ADMIN);

  constructor(private auth: AngularFireAuth) {
    this.user$.pipe(first()).subscribe(a => {
      if (!a) {
        this.anonymousLogin();
      }
    });
  }

  anonymousLogin() {
    return this.auth.auth
      .signInAnonymously()
      .then(() => console.log('successful login'))
      .catch(error => console.log(error));
  }

  async logout() {
    await this.auth.auth.signOut();
    this.anonymousLogin();
  }

  loginWithGithub() {
    this.auth.auth.signInWithPopup(new auth.GithubAuthProvider());
  }
}