استراتيجيات التخزين المؤقت

// sw.js - استراتيجية ذاكرة التخزين أولاً self.addEventListener('fetch', event => { event.respondWith( caches.match(event.request) .then(cachedResponse => { if (cachedResponse) { return cachedResponse; } return fetch(event.request); }) ); });

// sw.js - استراتيجية الشبكة أولاً self.addEventListener('fetch', event => { event.respondWith( fetch(event.request) .then(response => { return caches.open(CACHE_NAME).then(cache => { cache.put(event.request, response.clone()); return response; }); }) .catch(() => caches.match(event.request)) ); });

// sw.js - قديم أثناء إعادة التحقق self.addEventListener('fetch', event => { event.respondWith( caches.open(CACHE_NAME).then(cache => { return cache.match(event.request).then(response => { const fetchPromise = fetch(event.request).then(networkResponse => { cache.put(event.request, networkResponse.clone()); return networkResponse; }); return response || fetchPromise; }); }) ); });

// الشبكة فقط (للمصادقة، المدفوعات) event.respondWith(fetch(event.request)); // ذاكرة التخزين فقط (نادراً ما تُستخدم) event.respondWith(caches.match(event.request));

// sw.js - استراتيجيات مدمجة const CACHE_NAME = 'pwa-v1'; self.addEventListener('fetch', event => { const url = new URL(event.request.url); // الشبكة فقط - المصادقة if (url.pathname.startsWith('/api/auth')) { event.respondWith(fetch(event.request)); return; } // الشبكة أولاً - API if (url.pathname.startsWith('/api/')) { event.respondWith( fetch(event.request) .then(response => { caches.open(CACHE_NAME).then(cache => { cache.put(event.request, response.clone()); }); return response; }) .catch(() => caches.match(event.request)) ); return; } // قديم أثناء إعادة التحقق - الصور if (event.request.destination === 'image') { event.respondWith( caches.match(event.request).then(cachedResponse => { const fetchPromise = fetch(event.request).then(response => { caches.open(CACHE_NAME).then(cache => { cache.put(event.request, response.clone()); }); return response; }); return cachedResponse || fetchPromise; }) ); return; } // ذاكرة التخزين أولاً - كل شيء آخر event.respondWith( caches.match(event.request) .then(response => response || fetch(event.request)) ); });

// تحديد حجم ذاكرة التخزين const MAX_CACHE_SIZE = 50; async function trimCache(cacheName, maxItems) { const cache = await caches.open(cacheName); const keys = await cache.keys(); if (keys.length > maxItems) { await cache.delete(keys[0]); await trimCache(cacheName, maxItems); } } // تنظيف ذاكرات التخزين القديمة عند التفعيل self.addEventListener('activate', event => { event.waitUntil( caches.keys().then(names => { return Promise.all( names .filter(name => name !== CACHE_NAME) .map(name => caches.delete(name)) ); }) ); });

// تخزين صفحة بدون إنترنت أثناء التثبيت const OFFLINE_PAGE = '/offline.html'; self.addEventListener('install', event => { event.waitUntil( caches.open(CACHE_NAME) .then(cache => cache.add(OFFLINE_PAGE)) ); }); // عرض صفحة بدون إنترنت عند فشل التنقل self.addEventListener('fetch', event => { if (event.request.mode === 'navigate') { event.respondWith( fetch(event.request) .catch(() => caches.match(OFFLINE_PAGE)) ); } });