const CACHE_NAME = 'sexo-timer-v1';

const urlsToCache = [

'/',

'/index.html',

'/styles.css',

'/script.js',

'/manifest.json',

'/icons/icon-192x192.png',

'/icons/icon-512x512.png',

'/icons/timer-end.png',

'https://fonts.cdnfonts.com/css/alarm-clock',

'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css'

];

// Install event - cache all assets

self.addEventListener('install', event => {

event.waitUntil(

caches.open(CACHE_NAME)

.then(cache => {

console.log('Opened cache');

return cache.addAll(urlsToCache);

})

);

});

// Activate event - clean up old caches

self.addEventListener('activate', event => {

event.waitUntil(

caches.keys().then(cacheNames => {

return Promise.all(

cacheNames.map(cacheName => {

if (cacheName !== CACHE_NAME) {

return caches.delete(cacheName);

}

})

);

})

);

});

// Fetch event - serve from cache, fall back to network

self.addEventListener('fetch', event => {

event.respondWith(

caches.match(event.request)

.then(response => {

// Cache hit - return response

if (response) {

return response;

}

// Clone the request

const fetchRequest = event.request.clone();

return fetch(fetchRequest).then(

response => {

// Check if we received a valid response

if (!response || response.status !== 200 || response.type !== 'basic') {

return response;

}

// Clone the response

const responseToCache = response.clone();

caches.open(CACHE_NAME)

.then(cache => {

cache.put(event.request, responseToCache);

});

return response;

}

);

})

);

});