cacheOrNetwiork.js

cacheOrNetwiork.js

/**
 * cacheOrNetwork
 * 
 * Look for and returns an event request in the cache
 * @param {eventRequest} event 
 * @param {string} cacheName 
 */
const cacheOrNetwork = async (event, cacheName) => {
    
    // Open the cache
    const cache = await caches.open(cacheName);
    // check if the requests is in our cache :   
    const responseFromCache = await cache.match(event.request);
  
  
    // if we have the request in the cache
    if(responseFromCache) {
      
      console.log(`[SW] I'm responding  to ${event.request.url} from the cache !!`);
      
      return responseFromCache;
    
    }
  
  
    // If the request is not in the cache  :
    
    // we can't use the request twice we have to clone it !
    const requestToFetch = event.request.clone();
  
    // we fetch the request on the network
    const responseFromNetwork = await fetch(requestToFetch);
    
    // we respond with the fetched request
    return responseFromNetwork;
      
}