add version-based cache invalidation

.eslintrc

@@ -48,6 +48,7 @@ rules:
  no-cond-assign: [2, except-parens]
  no-console: [1, {allow: [info, warn, error]}]
  no-continue: [0]
+ no-empty: [2, {allowEmptyCatch: true}]
  no-eq-null: [2]
  no-mixed-operators: [0]
  no-multi-assign: [0]

templates/base/head.tmpl

@@ -60,6 +60,7 @@
  </script>
  <script>
  window.config = {
+ AppVer: '{{AppVer}}',
  AppSubUrl: '{{AppSubUrl}}',
  StaticUrlPrefix: '{{StaticUrlPrefix}}',
  UseServiceWorker: {{UseServiceWorker}},

web_src/js/features/serviceworker.js

@@ -1,4 +1,5 @@
-const {UseServiceWorker, AppSubUrl} = window.config;
+const {UseServiceWorker, AppSubUrl, AppVer} = window.config;
+const cacheName = 'static-cache-v2';
 
 async function unregister() {
  for (const registration of await navigator.serviceWorker.getRegistrations()) {
@@ -11,9 +12,23 @@ async function unregister() {
 export default async function initServiceWorker() {
  if (!('serviceWorker' in navigator)) return;
 
+ const cacheKey = AppVer;
+ const storedCacheKey = localStorage.getItem('serviceWorkerCacheKey');
+
+ // invalidate cache if it belongs to a different gitea version
+ if (cacheKey && storedCacheKey !== cacheKey) {
+ try {
+ await caches.delete(cacheName);
+ } catch (_err) {}
+ }
+
+ // register or unregister the service worker script
  if (UseServiceWorker) {
  try {
  await navigator.serviceWorker.register(`${AppSubUrl}/serviceworker.js`);
+ if (cacheKey) {
+ localStorage.setItem('serviceWorkerCacheKey', cacheKey);
+ }
  } catch (err) {
  console.error(err);
  await unregister();

web_src/js/serviceworker.js

@@ -1,6 +1,8 @@
 import {registerRoute} from 'workbox-routing';
 import {StaleWhileRevalidate} from 'workbox-strategies';
 
+const cacheName = 'static-cache-v2';
+
 const cachedDestinations = new Set([
  'manifest',
  'script',
@@ -10,5 +12,5 @@ const cachedDestinations = new Set([
 
 registerRoute(
  ({request}) => cachedDestinations.has(request.destination),
- new StaleWhileRevalidate({cacheName: 'static-cache-v2'}),
+ new StaleWhileRevalidate({cacheName}),
 );