Angular - Check for PWA updates

updates.service.ts

import { Injectable } from '@angular/core';
import { SwUpdate } from '@angular/service-worker';
import { DialogService } from '@csl/ui';

@Injectable({
  providedIn: 'root'
})
export class UpdatesService {
  public loading = false;

  constructor(
    private readonly updates: SwUpdate,
    private dialog: DialogService
  ) {
    this.updates.available.subscribe(() => {
      this.showAppUpdateAlert();
    });
  }

  showAppUpdateAlert() {
    this.dialog.open('Do you want to update the app?').onConfirm(() => {
      this.updates.activateUpdate().then(() => document.location.reload());
    });
  }

  checkForUpdates() {
    this.loading = true;

    this.updates.checkForUpdate()
      .then(() => this.loading = false)
      .catch(() => {
        console.log('SW are disabled');
        this.loading = false;
      });
  }
}