fix: add new service worker (#2971)

config/pwa.ts

@@ -7,7 +7,7 @@ export const pwa: VitePWANuxtOptions = {
   disable: /* temporarily test in CI isPreview || */ (isDevelopment && process.env.VITE_DEV_PWA !== 'true'),
   scope: '/',
   srcDir: './service-worker',
-  filename: 'sw.ts',
+  filename: 'elk-sw.ts',
   strategies: 'injectManifest',
   injectRegister: false,
   includeManifestIcons: false,

modules/pwa/index.ts

@@ -202,6 +202,11 @@ export default defineNuxtModule<VitePWANuxtOptions>({
             'Cache-Control': 'public, max-age=0, must-revalidate',
           },
         }
+        nitroConfig.routeRules!['/elk-sw.js'] = {
+          headers: {
+            'Cache-Control': 'public, max-age=0, must-revalidate',
+          },
+        }
         for (const locale of pwaLocales) {
           nitroConfig.routeRules![`/manifest-${locale.code}.webmanifest`] = {
             headers: {

public/sw.js

@@ -0,0 +1,24 @@
+// DON'T REMOVE THIS FILE: IT IS THE OLD sw.js
+self.addEventListener('install', (e) => {
+    self.skipWaiting();
+});
+self.addEventListener('activate', (e) => {
+    self.registration.unregister()
+        .then(() => self.clients.matchAll())
+        .then((clients) => {
+            clients.forEach((client) => {
+                if (client instanceof WindowClient)
+                    client.navigate(client.url);
+            });
+            return Promise.resolve();
+        })
+        .then(() => {
+            self.caches.keys().then((cacheNames) => {
+                Promise.all(
+                    cacheNames.map((cacheName) => {
+                        return self.caches.delete(cacheName);
+                    })
+                );
+            })
+        });
+});

service-worker/elk-sw.ts

@@ -43,6 +43,7 @@ if (import.meta.env.PROD) {
     /^\/emojis\//,
     // exclude sw: if the user navigates to it, fallback to index.html
     /^\/sw.js$/,
+    /^\/elk-sw.js$/,
     // exclude webmanifest: has its own cache
     /^\/manifest-(.*).webmanifest$/,
   ]