sw.js

// self.addEventListener('push', function (event) {
//     console.log('[Service Worker] Push Received.');
//     console.log(`[Service Worker] Push had this data: "${event.data.text()}"`);

//     const title = 'Push Codelab';
//     const options = {
//         body: 'Yay it works.',
//         icon: 'images/icon.png',
//         badge: 'images/badge.png'
//     };

//     event.waitUntil(self.registration.showNotification(title, options));
// });


const urlsToCache = [
    '/',
    'index.html',
    'font/',
    'css/',
    'js/',
    'img/',
    'styles/',
    'scripts/'
];

const CACHE_NAME = 'cache-v1';

self.addEventListener('install', function (event) {
    console.log('install')
    event.waitUntil(
        caches.open(CACHE_NAME)
        .then(function (cache) {
            console.log('Opened cache');
            return cache.addAll(urlsToCache);
        })
    );
});

self.addEventListener('activate', function (event) {

    var cacheWhitelist = ['pages-cache-v1', 'blog-posts-cache-v1', 'cache-v1'];

    event.waitUntil(
        caches.keys().then(function (cacheNames) {
            return Promise.all(
                cacheNames.map(function (cacheName) {
                    if (cacheWhitelist.indexOf(cacheName) === -1) {
                        return caches.delete(cacheName);
                    }
                })
            );
        })
    );
});

self.addEventListener('fetch', function (event) {
    event.respondWith(
        caches.match(event.request)
        .then(function (response) {
            // Cache hit - return response
            if (response) {
                return response;
            }
            //return fetch(event.request);

            // IMPORTANT: Clone the request. A request is a stream and
            // can only be consumed once. Since we are consuming this
            // once by cache and once by the browser for fetch, we need
            // to clone the response.
            var fetchRequest = event.request.clone();

            return fetch(fetchRequest).then(
                function (response) {
                    // Check if we received a valid response
                    if (!response || response.status !== 200 || response.type !== 'basic') {
                        return response;
                    }

                    // IMPORTANT: Clone the response. A response is a stream
                    // and because we want the browser to consume the response
                    // as well as the cache consuming the response, we need
                    // to clone it so we have two streams.
                    var responseToCache = response.clone();

                    caches.open(CACHE_NAME)
                        .then(function (cache) {
                            cache.put(event.request, responseToCache);
                        });

                    return response;
                }
            );
        })
    );
});

// self.addEventListener('activate', function (event) {
//     console.log('activate');
// });