CaritasPWA/wwwroot/service-worker.js

// In development, always fetch from the network and do not enable offline support.
// This is because caching would make development more difficult (changes would not
// be reflected on the first load after each change).

const staticCacheName = 'site-static-v-0-9-14'; // IMPORTANT: CHANGE THE VERSION IN THIS NAME EVERY TIME THE APP IS DEPLOYED ON SERVER WITH CHANGES!!!
const appsettings_url = 'appsettings.json';
const assets = [
    './',
    '/index.html',
    '/account',
    '/account/Found',
    '/account/Missing',
    '/info',
    '/caritas_services',
    '/lost_found',
    '/keydata',
    '/keydata/Found',
    '/keydata/Missing',
    '/conclusion_found',
    '/conclusion_missing',
    '/pending_overview',
    '/history_found',
    '/history_missing',
    '/doneimage',
    '/failureimage',
    '/warningimage',
    '/favicon.ico',
    'images/batch_found.png',
    'images/batch_fundvelo.png',
    'images/batch_kulturlegi.png',
    'images/batch_markt.png',
    'images/batch_missing.png',
    'images/batch_pending.png',
    'images/caritas_logo.png',
    'images/integrate_logo.png',
    'images/done.png',
    'images/failure.png',
    'images/warning.png',
    'images/icon_camera.png',
    'images/icon_driveupload.png',
    'images/icon_location.png',
    'icons/icon-144.png',
    'css/app.css',
    'css/united/bootstrap.min.css',
    'css/united/_bootswatch.min.css',
    'css/united/_variables.min.css',
    '_content/matblazor/dist/matblazor.css',
    '_content/matblazor/dist/matblazor.js',
    '_content/blazoranimate/blazoranimateinterop.js',
    '_content/blazoranimate/aos.css',
    '_content/TG.Blazor.IndexedDB/indexedDb.Blazor.js',
    '_framework/blazor.webassembly.js',
    '_framework/blazor.boot.json',
    '_framework/dotnet.5.0.9.js',
    'https://fonts.googleapis.com/css?family=Roboto:300,400,500',
    'https://fonts.googleapis.com/icon?family=Material+Icons',
    'https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap',
    'https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2',
    'https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2',
    'https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2',
    'https://fonts.gstatic.com/s/materialicons/v85/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2',
    'https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjsGyNPYZvgw.woff2',
    'appsettings.json',
    'manifest.json'
];


// install event
self.addEventListener('install', event => {
    event.waitUntil(
        caches.open(staticCacheName).then(cache => {
            console.log('caching app assets');
            cache.addAll(assets);
        })
    )
});

// activate event
self.addEventListener('activate', event => {
    //delete any caches that aren't in expectedCaches
    //which will get rid of site-static-v<old-version>
    event.waitUntil(
        caches.keys().then(keys => Promise.all(
            keys.map(key => {
                if (!staticCacheName.includes(key)) {
                    return caches.delete(key);
                }
            })
        )).then(() => {
            console.log('Now ready to handle fetches!');
        })
    );
    self.clients.claim();
});

// fetch events (Network first strategy, cache update after fetch)
self.addEventListener('fetch', function (event) {
    event.respondWith(fromNetwork(event.request, 30000).catch(function () {
        return fromCache(event.request);
    }));
});

function fromNetwork(request, timeout) {
    return new Promise(function (fulfill, reject) {
        var timeoutId = setTimeout(reject, timeout);
        fetch(request).then(function (response) {
            clearTimeout(timeoutId);
            var responseClone = response.clone();
            caches.open(staticCacheName).then(function (cache) {
                if (request.method != 'POST') // post can't be cached, causes an exception
                    cache.put(request, responseClone);
            });
            fulfill(response);
        }, reject);
    });
}

function fromCache(request) {
    return caches.open(staticCacheName).then(function (cache) {
        return cache.match(request).then(function (matching) {
            return matching || Promise.reject('no-match');
        });
    });
}

self.addEventListener('message', function (event) {
    if (event.data.action === 'skipWaiting') {
        self.skipWaiting();
    }
});