thepassle

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

thepassle

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

thepassle

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

thepassle

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


});

thepassle

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


});

thepassle

button.addEventListener('click', async () => {
  deferredPrompt.prompt();
  const { outcome } = await deferredPrompt.userChoice;
  if (outcome === 'accepted') button.setAttribute('hidden', ');
  // Send an analytics event for either dismissed or accepted!
});

thepassle

<script> 

if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
        navigator.serviceWorker.register('./sw.js');
    });
  }

// ...

thepassle

<script> 

if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
        navigator.serviceWorker.register('./sw.js');
    });
  }

setTimeout(() => {
  const img = new Image();

thepassle

self.addEventListener('install', event => {
  // cache a cat SVG
  event.waitUntil(
    caches.open('static-v1')
      .then(cache => cache.add('cat.svg'))
  );
});

thepassle

self.addEventListener('install', event => {
  // cache a cat SVG
  event.waitUntil(
    caches.open('static-v1')
	    .then(cache => cache.add('cat.svg'))
  );
});

self.addEventListener('activate', event => {
  clients.claim();