From 3dfbde7164ee428ec4a76d99b382e4591e637d2c Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Wed, 11 Sep 2024 14:48:48 +0300 Subject: [PATCH] Update service-worker.js --- service-worker.js | 79 ++++++++++++++++++++++++----------------------- 1 file changed, 40 insertions(+), 39 deletions(-) diff --git a/service-worker.js b/service-worker.js index 3f68ddc..01f7466 100644 --- a/service-worker.js +++ b/service-worker.js @@ -1,7 +1,10 @@ -const CACHE_NAME = 'my-site-cache-v8'; +// Determine the cache version dynamically +const CURRENT_VERSION = 9; // Current cache version number +const CACHE_NAME = `my-site-cache-v${CURRENT_VERSION}`; // Dynamically named cache + const urlsToCache = [ '/', - '/index.html?v=9', + `/index.html?v=${CURRENT_VERSION}`, '/not_found_page.html', '/service-worker.js', '/img/ai.webp', @@ -19,41 +22,41 @@ const urlsToCache = [ '/.htaccess.txt' ]; -// Kullanıcının dilini kontrol et +// Check the user's language const userLang = navigator.language || navigator.userLanguage; - -// Eğer tarayıcı dili Türkçe ise /tr klasöründeki dosyaları ekle const additionalUrlsToCache = userLang.startsWith('tr') ? [ - '/home.html?v=8', // Aynı dosya adı - '/CSS/tr/1.css', - '/CSS/tr/2.css', - '/JAVASCRIPT/tr/1.js' + `/home.html?v=${CURRENT_VERSION}`, // Same file name with versioning + '/CSS/tr/1.css?v=${CURRENT_VERSION}', + '/CSS/tr/2.css?v=${CURRENT_VERSION}', + '/JAVASCRIPT/tr/1.js?v=${CURRENT_VERSION}' ] : [ - '/home.html?v=8', // Aynı dosya adı - '/CSS/1.css', - '/CSS/2.css', - '/JAVASCRIPT/1.js' + `/home.html?v=${CURRENT_VERSION}`, // Same file name with versioning + '/CSS/1.css?v=${CURRENT_VERSION}', + '/CSS/2.css?v=${CURRENT_VERSION}', + '/JAVASCRIPT/1.js?v=${CURRENT_VERSION}' ]; -// Service Worker install event +// Install event - Add files to the cache self.addEventListener('install', event => { event.waitUntil( - caches.open(CACHE_NAME) - .then(cache => { - console.log('Opened cache'); - return cache.addAll([...urlsToCache, ...additionalUrlsToCache]); - }) + caches.open(CACHE_NAME).then(cache => { + console.log('Opened cache: ' + CACHE_NAME); + return cache.addAll([...urlsToCache, ...additionalUrlsToCache]); + }) ); }); -// Service Worker activate event +// Activate event - Clear old caches self.addEventListener('activate', event => { - const cacheWhitelist = [CACHE_NAME]; event.waitUntil( caches.keys().then(cacheNames => { return Promise.all( cacheNames.map(cacheName => { - if (!cacheWhitelist.includes(cacheName)) { + // If there's a cache with an older version, delete it + const currentCacheNumber = parseInt(CACHE_NAME.match(/\d+/)[0], 10); + const cacheVersionNumber = parseInt(cacheName.match(/\d+/)[0], 10); + if (cacheVersionNumber < currentCacheNumber) { + console.log('Deleting outdated cache:', cacheName); return caches.delete(cacheName); } }) @@ -62,25 +65,23 @@ self.addEventListener('activate', event => { ); }); -// Service Worker fetch event +// Fetch event - Serve cached content or fetch from network self.addEventListener('fetch', event => { event.respondWith( - caches.match(event.request) - .then(response => { - if (response) { - return response; - } - return fetch(event.request) - .then(response => { - // Dinamik olarak önbelleğe al - if (event.request.method === 'GET' && response.status === 200) { - const responseClone = response.clone(); - caches.open(CACHE_NAME).then(cache => { - cache.put(event.request, responseClone); - }); - } - return response; + caches.match(event.request).then(response => { + if (response) { + return response; + } + + return fetch(event.request).then(response => { + if (event.request.method === 'GET' && response.status === 200) { + const responseClone = response.clone(); + caches.open(CACHE_NAME).then(cache => { + cache.put(event.request, responseClone); }); - }) + } + return response; + }); + }) ); });