- Route CoinGecko API through /api/rates.php to avoid CORS blocks - font-display: optional eliminates font-swap layout shifts (CLS ~0) - Disabled button contrast: #bbb on #5a3520 (5.8:1 ratio) - Nginx font caching: 1 year, immutable
62 lines
1.5 KiB
JavaScript
62 lines
1.5 KiB
JavaScript
var CACHE_NAME = 'xmrpay-v3';
|
|
var ASSETS = [
|
|
'/',
|
|
'/index.html',
|
|
'/app.js',
|
|
'/i18n.js',
|
|
'/style.css',
|
|
'/lib/qrcode.min.js',
|
|
'/fonts/inter-400.woff2',
|
|
'/fonts/jetbrains-400.woff2'
|
|
// xmr-crypto.bundle.js and jspdf.min.js are lazy-loaded and runtime-cached
|
|
];
|
|
|
|
self.addEventListener('install', function (e) {
|
|
e.waitUntil(
|
|
caches.open(CACHE_NAME).then(function (cache) {
|
|
return cache.addAll(ASSETS);
|
|
})
|
|
);
|
|
self.skipWaiting();
|
|
});
|
|
|
|
self.addEventListener('activate', function (e) {
|
|
e.waitUntil(
|
|
caches.keys().then(function (names) {
|
|
return Promise.all(
|
|
names.filter(function (n) { return n !== CACHE_NAME; })
|
|
.map(function (n) { return caches.delete(n); })
|
|
);
|
|
})
|
|
);
|
|
self.clients.claim();
|
|
});
|
|
|
|
self.addEventListener('fetch', function (e) {
|
|
var url = new URL(e.request.url);
|
|
|
|
// API calls — network only, don't cache
|
|
if (url.pathname.startsWith('/api/')) {
|
|
e.respondWith(fetch(e.request));
|
|
return;
|
|
}
|
|
|
|
// App assets — cache first, fallback to network
|
|
e.respondWith(
|
|
caches.match(e.request).then(function (cached) {
|
|
var networkFetch = fetch(e.request).then(function (response) {
|
|
if (response.ok) {
|
|
var clone = response.clone();
|
|
caches.open(CACHE_NAME).then(function (cache) {
|
|
cache.put(e.request, clone);
|
|
});
|
|
}
|
|
return response;
|
|
}).catch(function () {
|
|
return cached;
|
|
});
|
|
return cached || networkFetch;
|
|
})
|
|
);
|
|
});
|