Update vite.config.ts

vite.config.ts

@@ -39,9 +39,36 @@ export default defineConfig(({ mode }) => {
             ],
           },
           workbox: {
-            globPatterns: ['**/*.{js,css,html,ico,png,mp3}', `${videosPath}/*.mp4`],
+            globPatterns: ['**/*.{js,css,html,ico,png,mp3}'],
             maximumFileSizeToCacheInBytes: 512 * 1024 * 1024,
           },
+          runtimeCaching: [
+              {
+                // Cocokkan semua permintaan yang berakhiran .mp4
+                urlPattern: ({ url }) => url.pathname.endsWith('.mp4'),
+
+                // Terapkan strategi CacheFirst
+                // Artinya: Cek cache dulu. Jika ada, sajikan dari cache. 
+                // Jika tidak, ambil dari jaringan, sajikan, DAN SIMPAN ke cache.
+                handler: 'CacheFirst',
+
+                options: {
+                  // Buat nama cache khusus untuk video
+                  cacheName: 'video-cache',
+
+                  // Konfigurasi penting untuk mencegah cache membengkak
+                  expiration: {
+                    maxEntries: 100, // Simpan maksimal 100 video
+                    maxAgeSeconds: 60 * 60 * 24 * 30, // Simpan video selama 30 hari
+                  },
+
+                  // Pastikan kita hanya menyimpan respons yang berhasil (status 200 OK)
+                  cacheableResponse: {
+                    statuses: [0, 200],
+                  },
+                },
+              },
+            ],
         }),
       ],
       define: {