SW CAST

sw_cast.js

caches.open('my-pwa-demo')


var CACHE_NAME = "my-pwa-demo";
var CACHED_URLS = [
    '/',
    "index.html",
    "app.js",
    "app.css"
];



self.addEventListener("install", function(event) {
    event.waitUntil(
        caches.open(CACHE_NAME).then(function(cache) { // we open or create the cache
            return cache.addAll(CACHED_URLS); // we put all urls contained in CACHED_URL in the cache 
         })
    );
});


self.addEventListener("fetch", function(event) {
 
    console.log("Fetch request for:", event.request.url);
 
});

self.addEventListener("fetch", function(event) {

    console.log(event.request.url);

    event.respondWith(
        fetch(event.request).catch(function() { // if the fetch fail
            return caches.match(event.request).then(function(response) { 
                if (response) { // match will allways resolve() we have to check for the response
                    return response;
                } 
                // if there's no response and the request is "text/html" we return index-offline.html
                else if (event.request.headers.get("accept").includes("text/html") ){
                    return caches.match("/index-offline.html");
                }
            });
        })
    );
});