Update sw.js

sw.js

@@ -1,71 +1,58 @@
 const CACHE_NAME = 'media-player-cache-v1';
-
-const cachedFiles = [
-  '/index.html',
-  '/index.html?mode=t',
-  '/v.mp4',
-  '/t/v.mp4',
-  '/p.mp3',
-  '/s.mp3',
-  '/a.mp3',
-  '/t.mp3',
-  '/k.mp3',
-  '/t/p.mp3',
-  '/t/s.mp3',
-  '/t/a.mp3',
-  '/t/t.mp3',
-  '/t/k.mp3'
+let cachedFiles = [
+  '/index.html', '/index.html?mode=t',
+  '/v.mp4', '/t/v.mp4',
+  '/p.mp3', '/s.mp3', '/a.mp3', '/t.mp3', '/k.mp3',
+  '/t/p.mp3', '/t/s.mp3', '/t/a.mp3', '/t/t.mp3', '/t/k.mp3'
 ];
 
-// インストール時：すべてのファイルをキャッシュ
+// install: ファイルを個別にキャッシュ
 self.addEventListener('install', (event) => {
-  self.skipWaiting(); // 即時有効化
   event.waitUntil(
-    caches.open(CACHE_NAME)
-      .then(cache => {
-        console.log('キャッシュを追加中:', cachedFiles);
-        return cache.addAll(cachedFiles);
-      })
-      .catch(error => {
-        console.error('キャッシュ追加エラー:', error);
-      })
+    caches.open(CACHE_NAME).then(async cache => {
+      console.log('キャッシュを追加中:', cachedFiles);
+      await Promise.allSettled(
+        cachedFiles.map(file =>
+          cache.add(file).catch(err => console.warn(`キャッシュ失敗: ${file}`, err))
+        )
+      );
+    })
   );
 });
 
-// アクティベート時：即座にコントロール
-self.addEventListener('activate', (event) => {
-  console.log('Service Worker アクティベート');
-  event.waitUntil(self.clients.claim());
-});
-
-// フェッチ：キャッシュ優先
+// fetch: キャッシュ優先
 self.addEventListener('fetch', (event) => {
   event.respondWith(
-    caches.match(event.request)
-      .then(response => {
-        return response || fetch(event.request);
-      })
+    caches.match(event.request).then(response => {
+      return response || fetch(event.request);
+    })
   );
 });
-self.addEventListener('fetch', (event) => {
-  console.log('[SW] fetch:', event.request.url);
-  event.respondWith(
-    caches.match(event.request, { ignoreSearch: true })
-      .then(response => {
-        if (response) {
-          console.log('[SW] キャッシュヒット:', event.request.url);
-          return response;
+
+// message: 動的にファイルを更新する場合の処理
+self.addEventListener('message', (event) => {
+  if (event.data?.type === 'CACHE_FILES') {
+    const files = event.data.files || [];
+    cachedFiles = ['/index.html', ...files];
+
+    event.waitUntil(
+      caches.open(CACHE_NAME).then(async cache => {
+        await Promise.allSettled(
+          cachedFiles.map(file =>
+            cache.add(file).catch(err => console.warn(`キャッシュ失敗: ${file}`, err))
+          )
+        );
+
+        const keys = await cache.keys();
+        const validPaths = new Set(cachedFiles);
+
+        for (const request of keys) {
+          const path = new URL(request.url).pathname;
+          if (!validPaths.has(path)) {
+            await cache.delete(request);
+          }
         }
-        console.log('[SW] ネットワーク取得:', event.request.url);
-        return fetch(event.request);
       })
-      .catch(err => {
-        console.error('[SW] フェッチエラー:', event.request.url, err);
-        return new Response('オフラインでアクセスできません', {
-          status: 503,
-          statusText: 'Offline',
-        });
-      })
-  );
+    );
+  }
 });
-