/* eslint-disable no-restricted-globals */ import { clientsClaim, skipWaiting } from 'workbox-core' import { ExpirationPlugin } from 'workbox-expiration' import { precacheAndRoute, createHandlerBoundToURL, cleanupOutdatedCaches } from 'workbox-precaching' import { registerRoute } from 'workbox-routing' import { StaleWhileRevalidate, NetworkFirst } from 'workbox-strategies' skipWaiting() clientsClaim() cleanupOutdatedCaches() // Injection point precacheAndRoute(self.__WB_MANIFEST) const fileExtensionRegexp = new RegExp('/[^/?]+\\.[^/]+$') registerRoute( // Return false to exempt requests from being fulfilled by index.html. ({ request, url }) => { // If this isn't a navigation, skip. if (request.mode !== 'navigate') { return false } // If this is a URL that starts with /_, skip. if (url.pathname.startsWith('/_')) { return false } // If this looks like a URL for a resource, because it contains // a file extension, skip. if (url.pathname.match(fileExtensionRegexp)) { return false } // Return true to signal that we want to use the handler. return true }, createHandlerBoundToURL('index.html') ) registerRoute( // Add in any other file extensions or routing criteria as needed. ({ url }) => url.origin === self.location.origin && ( url.pathname.endsWith('.png') || url.pathname.endsWith('.svg') || url.pathname.endsWith('.jpg') || url.pathname.endsWith('.jpeg') || url.pathname.endsWith('.ico') || url.pathname.endsWith('.ttf') || url.pathname.endsWith('.woff') || url.pathname.endsWith('.woff2') ), // Customize this strategy as needed, e.g., by changing to CacheFirst. new StaleWhileRevalidate({ cacheName: 'res', plugins: [ // Ensure that once this runtime cache reaches a maximum size the // least-recently used images are removed. new ExpirationPlugin({ maxEntries: 50 }), ], }) ) registerRoute( // Add in any other file extensions or routing criteria as needed. ({ url }) => url.origin === self.location.origin && url.pathname.includes('i18n'), new NetworkFirst({ cacheName: 'i18n', }) )