thepraandClaude Opus 5.5
f41ebf2160
globe.gl 2.46.2 (MIT, three.js r185 bundled) and the NASA Blue Marble and Black Marble textures from three-globe 2.45.3, copied once from the npm registry; SOURCES.md records versions, licences and sha256, and the bundled libraries' notices are in LICENSES-bundled.txt. The service worker leaves the folder out of the offline precache: the feed loads it the first time it shows the globe. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
50 lines
2.3 KiB
JavaScript
50 lines
2.3 KiB
JavaScript
// Caution! Be sure you understand the caveats before publishing an application with
|
|
// offline support. See https://aka.ms/blazor-offline-considerations
|
|
|
|
self.importScripts('./service-worker-assets.js');
|
|
self.addEventListener('install', event => event.waitUntil(onInstall(event)));
|
|
self.addEventListener('activate', event => event.waitUntil(onActivate(event)));
|
|
self.addEventListener('fetch', event => event.respondWith(onFetch(event)));
|
|
|
|
const cacheNamePrefix = 'offline-cache-';
|
|
const cacheName = `${cacheNamePrefix}0.0.1`;
|
|
const offlineAssetsInclude = [ /\.dll$/, /\.pdb$/, /\.wasm/, /\.html/, /\.js$/, /\.json$/, /\.css$/, /\.woff$/, /\.png$/, /\.jpe?g$/, /\.gif$/, /\.ico$/, /\.blat$/, /\.dat$/ ];
|
|
// The globe (4 MB of script and textures) is fetched when the feed first shows it, never precached.
|
|
const offlineAssetsExclude = [ /^service-worker\.js$/, /^vendor\/globe\// ];
|
|
|
|
async function onInstall(event) {
|
|
console.info('Service worker: Install');
|
|
|
|
// Fetch and cache all matching items from the assets manifest
|
|
const assetsRequests = self.assetsManifest.assets
|
|
.filter(asset => offlineAssetsInclude.some(pattern => pattern.test(asset.url)))
|
|
.filter(asset => !offlineAssetsExclude.some(pattern => pattern.test(asset.url)))
|
|
.map(asset => new Request(asset.url, { integrity: asset.hash, cache: 'no-cache' }));
|
|
await caches.open(cacheName).then(cache => cache.addAll(assetsRequests));
|
|
}
|
|
|
|
async function onActivate(event) {
|
|
console.info('Service worker: Activate');
|
|
|
|
// Delete unused caches
|
|
const cacheKeys = await caches.keys();
|
|
await Promise.all(cacheKeys
|
|
.filter(key => key.startsWith(cacheNamePrefix) && key !== cacheName)
|
|
.map(key => caches.delete(key)));
|
|
}
|
|
|
|
async function onFetch(event) {
|
|
let cachedResponse = null;
|
|
if (event.request.method === 'GET') {
|
|
// For all navigation requests, try to serve index.html from cache
|
|
// If you need some URLs to be server-rendered, edit the following check to exclude those URLs
|
|
const shouldServeIndexHtml = event.request.mode === 'navigate';
|
|
|
|
const request = shouldServeIndexHtml ? 'index.html' : event.request;
|
|
const cache = await caches.open(cacheName);
|
|
cachedResponse = await cache.match(request);
|
|
}
|
|
|
|
return cachedResponse || fetch(event.request);
|
|
}
|