// Incrementing OFFLINE_VERSION will kick off the install event and force
// previously cached resources to be updated from the network.
const OFFLINE_VERSION = 2;
const CACHE_NAME = "offline";

console.log(USE_CACHE);

self.addEventListener("install", (event) => {
  event.waitUntil(
    (async () => {
      const cache = await caches.open(CACHE_NAME);

      if (USE_CACHE) {
        await cache.addAll(["/", "/unread", OFFLINE_URL]);
      } else {
        // Setting {cache: 'reload'} in the new request will ensure that the
        // response isn't fulfilled from the HTTP cache; i.e., it will be from
        // the network.
        await cache.add(new Request(OFFLINE_URL, { cache: "reload" }));
      }
    })(),
  );

  // Force the waiting service worker to become the active service worker.
  self.skipWaiting();
});

self.addEventListener("fetch", (event) => {
  // We proxify requests through fetch() only if we are offline because it's slower.
  if (
    USE_CACHE ||
    (navigator.onLine === false && event.request.mode === "navigate")
  ) {
    event.respondWith(
      (async () => {
        try {
          // Always try the network first.
          const networkResponse = await fetch(event.request);
          if (USE_CACHE) {
            const cache = await caches.open(CACHE_NAME);
            cache.put(event.request, networkResponse.clone());
          }
          return networkResponse;
        } catch (error) {
          // catch is only triggered if an exception is thrown, which is likely
          // due to a network error.
          // If fetch() returns a valid HTTP response with a response code in
          // the 4xx or 5xx range, the catch() will NOT be called.
          const cache = await caches.open(CACHE_NAME);

          if (!USE_CACHE) {
            return await cache.match(OFFLINE_URL);
          }

          const cachedResponse = await cache.match(event.request);

          if (cachedResponse) {
            return cachedResponse;
          }

          return await cache.match(OFFLINE_URL);
        }
      })(),
    );
  }
});