Update service-worker.js

service-worker.js

@@ -1,3 +1,20 @@
+const CACHE_NAME = 'media-player-cache-v1';
+let cachedFiles = ['/index.html'];
+
+// インストール時のキャッシュ処理
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then(cache => {
+        console.log('キャッシュを追加中:', cachedFiles);
+        return cache.addAll(cachedFiles);
+      })
+      .catch(error => {
+        console.error('キャッシュ追加エラー:', error);
+      })
+  );
+});
+
 // メッセージ受信処理
 self.addEventListener('message', (event) => {
     if (event.data && event.data.type === 'CACHE_FILES') {
@@ -17,10 +34,37 @@ self.addEventListener('message', (event) => {
         // 新しいキャッシュリストでキャッシュを更新
         event.waitUntil(
             caches.open(CACHE_NAME).then(cache => {
-                return cache.addAll(cachedFiles).catch(error => {
-                    console.error('キャッシュ追加エラー:', error);
-                });
+                return cache.addAll(cachedFiles)
+                    .then(() => {
+                        console.log('すべてのファイルがキャッシュされました');
+                        // 既存のキャッシュから不要なファイルを削除
+                        return cache.keys().then(keys => {
+                            keys.forEach(request => {
+                                if (!cachedFiles.includes(request.url.replace(self.location.origin, ''))) {
+                                    cache.delete(request);
+                                }
+                            });
+                        });
+                    })
+                    .catch(error => {
+                        console.error('キャッシュ追加エラー:', error);
+                    });
             })
         );
     }
+});
+
+// フェッチイベントの処理
+self.addEventListener('fetch', (event) => {
+    event.respondWith(
+        caches.match(event.request)
+            .then(response => {
+                // キャッシュがあればそれを返す
+                if (response) {
+                    return response;
+                }
+                // キャッシュがなければネットワークから取得
+                return fetch(event.request);
+            })
+    );
 });