fix: only show isStable if app is stable

  Inject,

  Injectable,

} from '@angular/core';

import {

  filter,

  switchMap,

  take,

  tap,

} from 'rxjs/operators';

import { isPromiseLike } from '@rxap/utilities';

import {

  BehaviorSubject,

  firstValueFrom,

  isObservable,

  Observable,

  of,

} from 'rxjs';

import { isPromiseLike } from '@rxap/utilities';

import {

  filter,

  switchMap,

  take,

  tap,

} from 'rxjs/operators';

export interface LifeCycleHook {

  promise: PromiseLike<any>;

  constructor(@Inject(ApplicationRef) public readonly appRef: ApplicationRef) {

    LifeCycleService.AddHook('stable', appRef.isStable.pipe(

      tap(() => console.log('is app stable')),

    LifeCycleService.AddHook('stable', firstValueFrom(appRef.isStable.pipe(

      tap(isStable => console.log('app state:', isStable ? 'stable' : 'unstable')),

      filter(Boolean),

      take(1),

      tap(() => console.log('app is ready')),

    ).toPromise());

    )));

    Promise.all(Array.from(LifeCycleService.hooks.values()).map(hook => hook.promise))

           .then(() => this.isReady$.next(true));