- Created auto-reload.js to detect service worker updates - Listens for CACHE_CLEARED message and controllerchange events - Auto-reloads page when new service worker activates - Added to all HTML pages for consistent behavior - Ensures users always see latest content after deployment
19 lines
611 B
JavaScript
19 lines
611 B
JavaScript
/**
|
|
* Auto-reload when service worker updates
|
|
* Ensures users always see latest content
|
|
*/
|
|
|
|
if ('serviceWorker' in navigator) {
|
|
navigator.serviceWorker.addEventListener('message', (event) => {
|
|
if (event.data.type === 'CACHE_CLEARED') {
|
|
console.log('[Auto-reload] Service worker updated, reloading page...');
|
|
window.location.reload();
|
|
}
|
|
});
|
|
|
|
// Also reload when new service worker takes control
|
|
navigator.serviceWorker.addEventListener('controllerchange', () => {
|
|
console.log('[Auto-reload] New service worker active, reloading page...');
|
|
window.location.reload();
|
|
});
|
|
}
|