Spaces:
Runtime error
Runtime error
File size: 4,712 Bytes
8fd7a1d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 |
// Enhanced service worker for improved caching and performance
const CACHE_NAME = 'mistwarp-cache-v1';
const RUNTIME_CACHE = 'mistwarp-runtime';
// Assets to cache immediately
const PRECACHE_URLS = [
'/',
'/static/blocks-media/default/backdrop1.svg',
'/static/blocks-media/default/costume1.svg',
'/static/assets/icon-96x96.png'
];
// Install event - cache core assets
self.addEventListener('install', event => {
event.waitUntil(
caches.open(CACHE_NAME)
.then(cache => {
console.log('Precaching core assets');
return cache.addAll(PRECACHE_URLS.filter(url => url !== '/'));
})
.then(() => self.skipWaiting())
.catch(err => {
console.log('Precache failed, continuing anyway:', err);
self.skipWaiting();
})
);
});
// Activate event - clean old caches
self.addEventListener('activate', event => {
event.waitUntil(
caches.keys().then(cacheNames => {
return Promise.all(
cacheNames.map(cacheName => {
if (cacheName !== CACHE_NAME && cacheName !== RUNTIME_CACHE) {
console.log('Deleting old cache:', cacheName);
return caches.delete(cacheName);
}
})
);
}).then(() => self.clients.claim())
);
});
// Fetch event - implement caching strategies
self.addEventListener('fetch', event => {
const { request } = event;
const url = new URL(request.url);
// Skip non-GET requests
if (request.method !== 'GET') return;
// Skip Chrome extension requests
if (url.protocol === 'chrome-extension:') return;
// Handle different types of requests with appropriate strategies
if (request.destination === 'script' || request.destination === 'style') {
// Cache first for JS/CSS files
event.respondWith(cacheFirst(request));
} else if (request.destination === 'image') {
// Cache first for images
event.respondWith(cacheFirst(request));
} else if (url.pathname.includes('/api/') || url.pathname.includes('/internalapi/')) {
// Network first for API calls
event.respondWith(networkFirst(request));
} else if (url.pathname.endsWith('.sb3') || url.pathname.includes('projects')) {
// Network first for project files, but cache for offline
event.respondWith(networkFirst(request));
} else {
// Stale while revalidate for everything else
event.respondWith(staleWhileRevalidate(request));
}
});
// Cache first strategy - good for static assets
async function cacheFirst(request) {
const cache = await caches.open(CACHE_NAME);
const cached = await cache.match(request);
if (cached) {
return cached;
}
try {
const response = await fetch(request);
if (response.status === 200) {
cache.put(request, response.clone());
}
return response;
} catch (error) {
console.log('Cache first failed for:', request.url);
throw error;
}
}
// Network first strategy - good for dynamic content
async function networkFirst(request) {
const cache = await caches.open(RUNTIME_CACHE);
try {
const response = await fetch(request);
if (response.status === 200) {
cache.put(request, response.clone());
}
return response;
} catch (error) {
const cached = await cache.match(request);
if (cached) {
return cached;
}
throw error;
}
}
// Stale while revalidate - good for frequently updated content
async function staleWhileRevalidate(request) {
const cache = await caches.open(RUNTIME_CACHE);
const cached = await cache.match(request);
const fetchPromise = fetch(request).then(response => {
if (response.status === 200) {
cache.put(request, response.clone());
}
return response;
}).catch(() => cached);
return cached || fetchPromise;
}
// Handle periodic cache cleanup
self.addEventListener('message', event => {
if (event.data && event.data.type === 'CLEANUP_CACHE') {
cleanupCache();
}
});
async function cleanupCache() {
const cache = await caches.open(RUNTIME_CACHE);
const requests = await cache.keys();
// Remove old entries (keep last 100)
if (requests.length > 100) {
const toDelete = requests.slice(0, requests.length - 100);
await Promise.all(toDelete.map(request => cache.delete(request)));
}
}
// Cleanup cache every hour
setInterval(cleanupCache, 60 * 60 * 1000);
|