thepassle

button.addEventListener('click', async () => {
  deferredPrompt.prompt();
  // ... 


});

thepassle

let deferredPrompt;
window.addEventListener('beforeinstallprompt', e => {
  e.preventDefault(); // prevent mini info bar popping up
  deferredPrompt = e;
  // show install button somewhere!
});

thepassle

navigator.serviceWorker.addEventListener('controllerchange', () => {
  window.location.reload();
});

thepassle

self.addEventListener('message', (event) => {
  if (event.data && event.data.type === 'SKIP_WAITING') {
    self.skipWaiting();
  }
});

thepassle

button.addEventListener('click', () => {
  newWorker.postMessage({ type: 'SKIP_WAITING' });
});

thepassle

const reg = await navigator.serviceWorker.getRegistration();

reg.addEventListener('updatefound', () => {
  const newWorker = reg.installing; 
  newWorker.addEventListener('statechange', () => {
    if (newWorker.state === 'installed') {
      // Update available! Show an install button
    }
  });
});

thepassle

const reg = await navigator.serviceWorker.getRegistration();

reg.addEventListener('updatefound', () => {
    // ...
});

thepassle

self.addEventListener(fetch, event => {
  // ready to handle requests!
});

thepassle

self.addEventListener('activate', event => {
  // clean up old caches etc etc
  clients.claim();
});

thepassle

self.addEventListener('activate', event => {
  // clean up old caches etc etc
  // ...
});