FURK4NGG
122 lines
3.4 KiB
JavaScript
122 lines
3.4 KiB
JavaScript
const FILE_VERSIONS = {
|
||
'/index.html': '9',
|
||
'/home_en.html': '9',
|
||
'/home_tr.html': '8',
|
||
'/not_found_page.html': '1',
|
||
'/CSS/1.css': '1',
|
||
'/CSS/2.css': '1',
|
||
'/CSS/tr/1.css': '1',
|
||
'/CSS/tr/2.css': '1',
|
||
'/JAVASCRIPT/1.js': '1',
|
||
'/JAVASCRIPT/tr/1.js': '1',
|
||
'/service-worker.js': '1',
|
||
'/img/ai.webp': '1',
|
||
'/img/app.webp': '1',
|
||
'/img/cyber.webp': '1',
|
||
'/img/game.webp': '1',
|
||
'/img/web.webp': '1',
|
||
'/img/profile_photo1.webp': '1',
|
||
'/img/robotic.webp': '1',
|
||
'/img/up.webp': '1',
|
||
'/img/icon.ico': '1',
|
||
'/sitemap.xml': '1',
|
||
'/manifest.json': '1',
|
||
'/robots.txt': '1',
|
||
'/.htaccess.txt': '1'
|
||
};
|
||
|
||
const CACHE_NAME = 'my-site-cache-v1';
|
||
|
||
// Dosyaları önbelleğe al
|
||
const addResourcesToCache = async (resources) => {
|
||
const cache = await caches.open(CACHE_NAME);
|
||
await cache.addAll(resources.map(url => {
|
||
const version = FILE_VERSIONS[url] || '0';
|
||
return new Request(`${url}?v=${version}`);
|
||
}));
|
||
};
|
||
|
||
// Cache'de dosyaları güncelle
|
||
const putInCache = async (request, response) => {
|
||
const cache = await caches.open(CACHE_NAME);
|
||
await cache.put(request, response);
|
||
};
|
||
|
||
// Versiyon kontrolü ile fetch
|
||
const cacheFirst = async ({ request, preloadResponsePromise, fallbackUrl }) => {
|
||
const newVersion = FILE_VERSIONS[request.url] || '0';
|
||
const cache = await caches.open(CACHE_NAME);
|
||
|
||
const cacheUrl = new URL(request.url);
|
||
cacheUrl.searchParams.set('v', newVersion);
|
||
const cacheRequest = new Request(cacheUrl.toString());
|
||
|
||
const cachedResponse = await caches.match(cacheRequest);
|
||
if (cachedResponse) {
|
||
const cachedVersion = new URL(cachedResponse.url).searchParams.get('v') || '0';
|
||
if (newVersion === cachedVersion) {
|
||
return cachedResponse;
|
||
} else if (parseInt(newVersion, 10) > parseInt(cachedVersion, 10)) {
|
||
return fetch(request).then(response => {
|
||
if (response.ok) {
|
||
const responseClone = response.clone();
|
||
cache.put(cacheRequest, responseClone);
|
||
}
|
||
return response;
|
||
});
|
||
} else {
|
||
return fetch(request);
|
||
}
|
||
} else {
|
||
const preloadResponse = await preloadResponsePromise;
|
||
if (preloadResponse) {
|
||
putInCache(cacheRequest, preloadResponse.clone());
|
||
return preloadResponse;
|
||
}
|
||
|
||
try {
|
||
const response = await fetch(request);
|
||
if (response.ok) {
|
||
const responseClone = response.clone();
|
||
cache.put(cacheRequest, responseClone);
|
||
}
|
||
return response;
|
||
} catch (error) {
|
||
const fallbackResponse = await caches.match(fallbackUrl);
|
||
return fallbackResponse || new Response('Network error happened', {
|
||
status: 408,
|
||
headers: { 'Content-Type': 'text/plain' },
|
||
});
|
||
}
|
||
}
|
||
};
|
||
|
||
// Service Worker olayları
|
||
self.addEventListener('activate', (event) => {
|
||
event.waitUntil(
|
||
caches.keys().then(keys => {
|
||
return Promise.all(keys.map(key => {
|
||
if (key !== CACHE_NAME) {
|
||
return caches.delete(key);
|
||
}
|
||
}));
|
||
})
|
||
);
|
||
});
|
||
|
||
self.addEventListener('install', (event) => {
|
||
event.waitUntil(
|
||
addResourcesToCache(Object.keys(FILE_VERSIONS))
|
||
);
|
||
});
|
||
|
||
self.addEventListener('fetch', (event) => {
|
||
event.respondWith(
|
||
cacheFirst({
|
||
request: event.request,
|
||
preloadResponsePromise: event.preloadResponse || Promise.resolve(null),
|
||
fallbackUrl: '/gallery/myLittleVader.jpg'
|
||
})
|
||
);
|
||
});
|