improve update flow - Githubissues

web-dave / angular-starter-v2

6 stars 3 forks source link

improve update flow #29

Open web-dave opened 7 years ago

web-dave commented 7 years ago

import ServiceWorkerModule and NgServiceWorker into your AppModule
subscribe to serviceworker Updates method and ask user for updates

web-dave commented 7 years ago

app.module.ts


import { ServiceWorkerModule, NgServiceWorker } from '@angular/service-worker';

@NgModule({
 declarations: [
   ...
 ],
 imports: [
   ...
   ServiceWorkerModule
 ]
 ...
})
export class AppModule { }

web-dave commented 7 years ago

app.module.ts


export class AppModule {
  constructor(sw: NgServiceWorker) {

    // listen for updates
    sw.updates.subscribe(event => {
      console.log('-->', event)
      if (event.type === 'pending') {
        if (window.confirm('There is a new version available. Do you want to update?')) {
          sw.activateUpdate(event.version);
        }
      } else {
        location.reload();
      }
    })
  }
 }