importScripts(
  "https://storage.googleapis.com/workbox-cdn/releases/6.2.3/workbox-sw.js"
);

workbox.setConfig({
  debug: false,
});

// This will trigger the importScripts() for workbox.strategies and its dependencies:
const { precacheAndRoute, cleanupOutdatedCaches } = workbox.precaching;
const { setCacheNameDetails, clientsClaim } = workbox.core;
const { registerRoute } = workbox.routing;
const { googleFontsCache, imageCache, offlineFallback } = workbox.recipes;
const { StaleWhileRevalidate } = workbox.strategies;

// SETTINGS

// Claiming control to start runtime caching asap
clientsClaim();

// PRECACHING

// Setting custom cache name
setCacheNameDetails({ precache: "wb6-precache", runtime: "wb6-runtime" });

// We inject manifest here using "workbox-build" in workbox-inject.js
const precachRoutes = self.__WB_MANIFEST;

precacheAndRoute(precachRoutes);

// Remove cache from the previous WB versions
cleanupOutdatedCaches();

// STATIC RESOURCES

googleFontsCache({ cachePrefix: "wb6-gfonts" });

// TRANSLATIONS

registerRoute(
  ({ url }) => url.pathname.indexOf("/locales/") !== -1,
  // Use cache but update in the background.
  new StaleWhileRevalidate({
    // Use a custom cache name.
    cacheName: "wb6-content-translation",
  })
);

// CONTENT

imageCache({ cacheName: "wb6-content-images", maxEntries: 60 });

// APP SHELL UPDATE FLOW

addEventListener("message", (event) => {
  if (event.data && event.data.type === "SKIP_WAITING") {
    self.skipWaiting();
  }
});

// FALLBACK

offlineFallback({
  pageFallback: "/static/offline/offline.html",
  imageFallback: "/static/offline/offline.svg",
  fontFallback: false,
});