Service Worker kadang tidak berjalan sesuai ekspektasi

[feryardiant]

Describe the bug

Notice bahwa setiap initial page load, service worker telah teraktivasi namun (kadang) tidak berjalan sebagaimana mestinya.

Kemungkinan saat ini adalah strategy yang kita gunakan saat ini tidak / belum ter-konfigurasi dengan baik.

Reproduction

• Akses demo URL : https://skeleton.creasi.dev
• Buka DevTools > Tab Application > Service Worker

[feryardiant]

Setelah membaca lebih lanjut dokumentasi dari vite-plugin-pwa terkait strategi generateSW dan injectManifest dan berdasarkan eksperimen pada 88bcdc19369b15d22829df5f881b2e82305cfda0 disimpulkan bahwa :

• Pada generateSW plugin tersebut akan meng-generate file sw.js dan workbox-xxx.js berdasarkan konfigurasi workbox yang ada di vite.config.ts

  https://github.com/creasico/laravel-project/blob/88bcdc19369b15d22829df5f881b2e82305cfda0/vite.config.ts#L211-L226

  Yang mana berarti, plugin tersebut meng-acuhkan sepenuhnya file sw.ts yang kita buat.

  Dan sejauh ini saya belum nemu opsi untuk bisa load custom script agar feature background messaging via firebase yang dibutuhkan di project ini bisa berfungsi.

• Pada injectManifest sebaliknya, dengan strategi ini plugin akan mengacuhkan konfigurasi workbox di vite.config.ts, dan kita dituntunt untuk menghandle sendiri konfigurasi runtime workbox yang kita butuhkan melalui sw.ts file. Sebagaimana disebutkan dalam dokumentasi nya

  Before writing your custom service worker, check if workbox can generate the code for you using generateSW strategy, looking for some plugin on workbox site on Runtime Caching Entry.