sw.js

// Files To Cache
const version = '1.11'; // Added Dew Point - Considered feature complete
const cName = `Weather-v${version}`; // Ensures that with updated service workers, the old cache is not reused, and a new cache is created.
const cFiles = [
  "index.html",
  "style.css",
  "pulltorefresh.js",
  "main.js",
  // "offline.html" // Optional: Add an offline fallback page
];

// Create/Install Cache
self.addEventListener("install", (evt) => {
  evt.waitUntil(
    caches.open(cName)
      .then((cache) => cache.addAll(cFiles))
      .catch((err) => console.error("Failed to cache resources:", err))
  );
});

// Clean Up Old Caches
self.addEventListener("activate", (evt) => {
  evt.waitUntil(
    caches.keys().then((cacheNames) => {
      return Promise.all(
        cacheNames
          .filter((name) => name !== cName)
          .map((name) => caches.delete(name))
      );
    })
  );
});

// Fetch Strategy: Network First, Fallback To Cache
self.addEventListener("fetch", (evt) => {
  evt.respondWith(
    fetch(evt.request)
      .catch(() => {
        return caches.match(evt.request)
          .then((res) => res || new Response("Offline and no cached response available", { status: 503 }));
      })
  );
});

// Clean Up Old Caches
self.addEventListener("activate", (evt) => {
  evt.waitUntil(
    caches.keys().then((cacheNames) => {
      return Promise.all(
        cacheNames
          .filter((name) => name !== cName)
          .map((name) => caches.delete(name))
      );
    })
  );
});