navigator.serviceWorker.register('/my-service-worker.js');

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/my-service-worker.js');
}

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

if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/my-service-worker.js')
      .then(() => console.log('app is ready for offline use'))
      .catch(e => console.error('offline mode borked', e));
  });
}

self.addEventListener('install', (event) => {
    // The service worker is installed
    // ...now what?
});

const CACHE_NAME = 'my-cache-v1';
const cachedUrls = ['/dist/styles.css', '/dist/scripts.js', '/'];

self.addEventListener('install', (event) => {
    // Cache the stuff you want to cache
    event.waitUntil(
        caches.open(CACHE_NAME)
            .then((cache) => {
                // Cache available,
                return cache.addAll(cachedUrls);
            });
    );
});

self.addEventListener('fetch', (event) => {
    // A file was requested to be fetched! 
});

self.addEventListener('fetch', (event) => {
    event.respondWith(
        caches.match(event.request)
            .then(response => response || fetch(event.request))
    );
});