self.addEventListener('install', event => {
    console.log('install',event);
    event.waitUntil(self.skipWaiting());
});

self.addEventListener('activate', event => {
    console.log('activate',event)
    event.waitUntil(self.clients.claim());
});

self.addEventListener('fetch', event => {
    console.log('fetch',event)
});

// 版本修改的时候会触发 activate，将旧版本的缓存清理掉。
var OFFLINE_PREFIX = "offline-";
var CACHE_NAME = "main_v1.0.0";

var cacheName = "helloWorld"; // 缓存的名称
// install 事件，它发生在浏览器安装并注册 Service Worker 时。
self.addEventListener("install", (event) => {
    /* event.waitUtil 用于在安装成功之前执行一些预装逻辑
       但是建议只做一些轻量级和非常重要资源的缓存，减少安装失败的概率
       安装成功后 ServiceWorker 状态会从 installing 变为 installed */
    event.waitUntil(
        caches.open(cacheName).then((cache) =>
            cache.addAll([
                // 如果所有的文件都成功缓存了，便会安装完成。如果任何文件下载失败了，那么安装过程也会随之失败。
                "/index.php",
            ])
        )
    );
    console.log("install", event);
    event.waitUntil(self.skipWaiting());
});

/**
为 fetch 事件添加一个事件监听器。接下来，使用 caches.match() 函数来检查传入的请求 URL 是否匹配当前缓存中存在的任何内容。如果存在的话，返回缓存的资源。
如果资源并不存在于缓存当中，通过网络来获取资源，并将获取到的资源添加到缓存中。
*/
self.addEventListener("fetch", function (event) {
    console.log("fetch", event);
    event.respondWith(
        caches.match(event.request).then(function (response) {
            if (response) {
                return response;
            }
            var requestToCache = event.request.clone();
            return fetch(requestToCache).then(function (response) {
                if (!response || response.status !== 200) {
                    return response;
                }
                var responseToCache = response.clone();
                caches.open(cacheName).then(function (cache) {
                    cache.put(requestToCache, responseToCache);
                });
                return response;
            });
        })
    );
});

self.addEventListener("activate", (event) => {
    console.log("activate", event);
    event.waitUntil(self.clients.claim());
    var mainCache = [CACHE_NAME];
    event.waitUntil(
        caches.keys().then(function (cacheNames) {
            return Promise.all(
                cacheNames.map(function (cacheName) {
                    if (
                        mainCache.indexOf(cacheName) === -1 &&
                        cacheName.indexOf(OFFLINE_PREFIX) === -1
                    ) {
                        // When it doesn't match any condition, delete it.
                        console.info("SW: deleting " + cacheName);
                        return caches.delete(cacheName);
                    }
                })
            );
        })
    );
    return self.clients.claim();
});

self.addEventListener("fetch", function (event) {
  console.log("fetch", event);
  event.respondWith(
    caches.match(event.request).then(function (response) {
      if (response) {
        return response;
      }

      var requestToCache = event.request.clone();

      // 只缓存GET请求的响应
      if (event.request.method === "GET") {
        return fetch(requestToCache).then(function (response) {
          if (!response || response.status !== 200) {
            return response;
          }

          var responseToCache = response.clone();
          caches.open(cacheName).then(function (cache) {
            cache.put(requestToCache, responseToCache);
          });

          return response;
        });
      }

      // 对于其他请求方法，直接通过网络获取响应
      return fetch(requestToCache);
    })
  );
});

// offline config passed to workbox-build.
module.exports = {
  globPatterns: ['**/*.{js,html,css,png,jpg,gif,svg,webp,eot,ttf,woff,woff2}'],
  // 静态文件合集，如果你的站点使用了例如 webp 格式的文件，请将文件类型添加进去。
  globDirectory: 'public',
  swDest: 'public/service-worker.js',
  maximumFileSizeToCacheInBytes: 10485760, // 缓存的最大文件大小，以字节为单位。
  skipWaiting: true,
  clientsClaim: true,
//  runtimeCaching: [ // 如果你需要加载 CDN 资源，请配置该选项，如果没有，可以不配置。
//    // CDNs - should be CacheFirst, since they should be used specific versions so should not change
//    {
//      urlPattern: /^https:\/\/cdn\.example\.com\/.*/, // 可替换成你的 URL
//      handler: 'CacheFirst'
//    }
//  ],
  manifestTransforms: [removeIndex]
}

/* 移除 URL 末尾的 index.html */
async function removeIndex(manifestEntries) {
  const manifest = manifestEntries.map(entry => {
    entry.url = entry.url.replace(/(^|\/)index\.html$/, '/');
    return entry;
  });
  return { manifest };
}