Update sw.js

sw.js

@@ -1,8 +1,25 @@
 const CACHE_NAME = 'media-player-cache-v1';
-let cachedFiles = ['/index.html', '/index.html?mode=t'];
 
-// インストール時のキャッシュ処理
+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'
+];
+
+// インストール時：すべてのファイルをキャッシュ
 self.addEventListener('install', (event) => {
+  self.skipWaiting(); // 即時有効化
   event.waitUntil(
     caches.open(CACHE_NAME)
       .then(cache => {
@@ -15,63 +32,18 @@ self.addEventListener('install', (event) => {
   );
 });
 
-self.addEventListener('message', (event) => {
-    if (event.data && event.data.type === 'CACHE_FILES') {
-        cachedFiles = ['/index.html', ...event.data.files]; // index.htmlは常に含める
-        
-        // チェックボックスの状態を保存
-        if (event.data.checkboxStates) {
-            event.waitUntil(
-                caches.open('settings-cache').then(cache => {
-                    return cache.put(
-                        new Request('checkbox-states'),
-                        new Response(JSON.stringify(event.data.checkboxStates))
-                    );
-                })
-            );
-        }
-        
-        // 新しいキャッシュリストでキャッシュを更新
-        event.waitUntil(
-            caches.open(CACHE_NAME).then(cache => {
-                return cache.addAll(cachedFiles)
-                    .then(() => {
-                        console.log('すべてのファイルがキャッシュされました');
-                        // 既存のキャッシュから不要なファイルを削除
-                        return cache.keys().then(keys => {
-                            // キャッシュ内のURLからoriginを除去し、クエリも除いてパスのみ取得
-                            const cachedPaths = keys.map(request => {
-                                const urlObj = new URL(request.url);
-                                return urlObj.pathname;
-                            });
-
-                            cachedPaths.forEach((path, index) => {
-                                if (!cachedFiles.includes(path)) {
-                                    cache.delete(keys[index]);
-                                }
-                            });
-                        });
-                    })
-                    .catch(error => {
-                        console.error('キャッシュ追加エラー:', error);
-                    });
-            })
-        );
-    }
+// アクティベート時：即座にコントロール
+self.addEventListener('activate', (event) => {
+  console.log('Service Worker アクティベート');
+  event.waitUntil(self.clients.claim());
 });
 
-
-// フェッチイベントの処理
+// フェッチ：キャッシュ優先
 self.addEventListener('fetch', (event) => {
-    event.respondWith(
-        caches.match(event.request)
-            .then(response => {
-                // キャッシュがあればそれを返す
-                if (response) {
-                    return response;
-                }
-                // キャッシュがなければネットワークから取得
-                return fetch(event.request);
-            })
-    );
-});
+  event.respondWith(
+    caches.match(event.request)
+      .then(response => {
+        return response || fetch(event.request);
+      })
+  );
+});