// добавляем обработчик события "fetch"
self.addEventListener("fetch", (event) => {
  console.log("Fetch событие для", event.request.url);

  event.respondWith(
    caches
    .match(event.request)
    .then((response) => {
      //Если response найден в кэше
      if (response) {
        console.log("Найден ", event.request.url, " в кэше");
        return response;
      }

      return fetch(event.request).then((response) => {
        // Если response не найден
        if (response.status === 404) {
          return caches.open(CACHE_NAME).then((cache) => {
            return cache.match("404.html");
          });
        }

        // Кэширование и возвращение response если его еще нет в кэше
        return caches.open(CACHE_NAME).then((cache) => {
          if (!(event.request.url.indexOf('chr') === 0))
          cache.put(event.request.url, response.clone());
          return response;
        });
      });
    })
    .catch(async (error) => {
      console.log("Error, ", error);
      // Если страница офлайн или нет сети
      return caches.open(CACHE_NAME).then((cache) => {
        return cache.match("404.html");
      });
    })
  );
});