mirror of
https://gitee.com/gitea/gitea.git
synced 2024-12-05 13:19:00 +08:00
56220515fc
This should solve the main problem of dynamic assets getting stale after a version upgrade. Everything not affected will use query-string based cache busting, which includes files loaded via HTML or worker scripts.
58 lines
1.9 KiB
JavaScript
58 lines
1.9 KiB
JavaScript
import {joinPaths, parseUrl} from '../utils.js';
|
|
|
|
const {useServiceWorker, assetUrlPrefix, appVer, assetVersionEncoded} = window.config;
|
|
const cachePrefix = 'static-cache-v'; // actual version is set in the service worker script
|
|
const workerUrl = `${joinPaths(assetUrlPrefix, 'serviceworker.js')}?v=${assetVersionEncoded}`;
|
|
|
|
async function unregisterAll() {
|
|
for (const registration of await navigator.serviceWorker.getRegistrations()) {
|
|
if (registration.active) await registration.unregister();
|
|
}
|
|
}
|
|
|
|
async function unregisterOtherWorkers() {
|
|
for (const registration of await navigator.serviceWorker.getRegistrations()) {
|
|
const scriptPath = parseUrl(registration.active?.scriptURL || '').pathname;
|
|
const workerPath = parseUrl(workerUrl).pathname;
|
|
if (scriptPath !== workerPath) await registration.unregister();
|
|
}
|
|
}
|
|
|
|
async function invalidateCache() {
|
|
for (const key of await caches.keys()) {
|
|
if (key.startsWith(cachePrefix)) caches.delete(key);
|
|
}
|
|
}
|
|
|
|
async function checkCacheValidity() {
|
|
const cacheKey = appVer;
|
|
const storedCacheKey = localStorage.getItem('staticCacheKey');
|
|
|
|
// invalidate cache if it belongs to a different gitea version
|
|
if (cacheKey && storedCacheKey !== cacheKey) {
|
|
await invalidateCache();
|
|
localStorage.setItem('staticCacheKey', cacheKey);
|
|
}
|
|
}
|
|
|
|
export default async function initServiceWorker() {
|
|
if (!('serviceWorker' in navigator)) return;
|
|
|
|
if (useServiceWorker) {
|
|
// unregister all service workers where scriptURL does not match the current one
|
|
await unregisterOtherWorkers();
|
|
try {
|
|
// the spec strictly requires it to be same-origin so the AssetUrlPrefix should contain AppSubUrl
|
|
await checkCacheValidity();
|
|
await navigator.serviceWorker.register(workerUrl);
|
|
} catch (err) {
|
|
console.error(err);
|
|
await invalidateCache();
|
|
await unregisterAll();
|
|
}
|
|
} else {
|
|
await invalidateCache();
|
|
await unregisterAll();
|
|
}
|
|
}
|