sw.js

// const staticCacheName =
const cacheData = {
    static: {
        name: 'static-eng-dictionary',
        urls: [
            './files/fonts/poppins400.woff2',
            './files/fonts/poppins500.woff2',
            './files/fonts/poppins600.woff2',
            './files/fonts/poppins700.woff2',
            './files/fonts/poppins800.woff2'
        ]
    },
    dynamic: {
        name: 'dynamic-eng-dictionary'
    },
    noUpdate: {
        name: "no-update-eng-dictionary",
        urls: [
            
        ]
    }
}


self.addEventListener('install', event => {
    event.waitUntil(
        caches.open(cacheData.static.name).then(cache => {
            cache.addAll(cacheData.static.urls)
        })
    )
})


self.addEventListener('fetch', event => {
    if (cacheData.static.urls.includes(event.request.url))
        event.respondWith(
            caches.match(event.request).then(cacheResponse => {
                return cacheResponse || fetch(event.request)
            })
        )

    // Only Load for the first time
    else if (event.request.url.includes('/images/illustration/')) {
        // console.log("Illustration Load")
        event.respondWith(
            caches.match(event.request).then(cacheResponse => {
                const fetchUrl = fetch(event.request).then(fetchResponse => {
                    return caches.open(cacheData.static.name).then(cache => {
                        cache.put(event.request, fetchResponse.clone())
                        return fetchResponse
                    })
                })
                return cacheResponse || fetchUrl
            })
        )
    }
    else
        event.respondWith(
            caches.match(event.request).then(cacheResponse => {
                const fetchUrl = fetch(event.request).then(fetchResponse => {
                    return caches.open(cacheData.dynamic.name).then(cache => {
                        cache.put(event.request, fetchResponse.clone())
                        return fetchResponse
                    })
                })
                return cacheResponse || fetchUrl
            })
        )
})