feat: add service worker

Author: VictorWinberg

client/package.json

@@ -26,17 +26,17 @@
     ]
   },
   "dependencies": {
+    "@dnd-kit/core": "6.3.1",
+    "@dnd-kit/modifiers": "9.0.0",
+    "@dnd-kit/sortable": "10.0.0",
+    "@dnd-kit/utilities": "3.2.2",
     "dotenv": "17.4.2",
     "http-proxy-middleware": "2.0.9",
     "i18next": "23.16.8",
     "lodash": "4.18.1",
     "prop-types": "15.8.1",
     "react": "18.3.1",
     "react-autosuggest": "10.1.0",
-    "@dnd-kit/core": "6.3.1",
-    "@dnd-kit/modifiers": "9.0.0",
-    "@dnd-kit/sortable": "10.0.0",
-    "@dnd-kit/utilities": "3.2.2",
     "react-dom": "18.3.1",
     "react-i18next": "14.1.3",
     "react-redux": "7.2.9",

client/public/service-worker.js

@@ -1,13 +1,11 @@
-self.addEventListener('install', () => {
-  self.skipWaiting();
+self.addEventListener('install', (event) => {
+  event.waitUntil(self.skipWaiting());
 });
 
 self.addEventListener('activate', (event) => {
-  event.waitUntil(
-    caches
-      .keys()
-      .then((keys) => Promise.all(keys.map((key) => caches.delete(key))))
-      .then(() => self.clients.claim())
-      .then(() => self.registration.unregister())
-  );
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener('fetch', (event) => {
+  event.respondWith(fetch(event.request));
 });

client/src/registerServiceWorker.js

@@ -1,58 +1,17 @@
-let refreshing = false;
-
-function clearServiceWorkers() {
-  return navigator.serviceWorker.getRegistrations().then((registrations) => {
-    if (registrations.length === 0) {
-      return false;
-    }
-
-    return Promise.all(
-      registrations.map((registration) => registration.unregister())
-    ).then(() => true);
-  });
-}
-
-function clearCaches() {
-  if (!('caches' in window)) {
-    return Promise.resolve();
-  }
-
-  return caches
-    .keys()
-    .then((keys) => Promise.all(keys.map((key) => caches.delete(key))));
-}
-
 export default function register() {
   if (process.env.NODE_ENV !== 'production' || !('serviceWorker' in navigator)) {
     return;
   }
 
-  const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
-  if (publicUrl.origin !== window.location.origin) {
-    return;
-  }
-
-  navigator.serviceWorker.addEventListener('controllerchange', () => {
-    if (refreshing) {
-      return;
-    }
-    refreshing = true;
-    window.location.reload();
-  });
-
-  // Replace any old worker with a one-time cleanup script, then reload.
-  navigator.serviceWorker.getRegistrations().then((registrations) => {
-    if (registrations.length > 0) {
-      registrations.forEach((registration) => {
-        registration.update();
-      });
-      return;
-    }
-
-    clearCaches();
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register(`${process.env.PUBLIC_URL}/service-worker.js`);
   });
 }
 
 export function unregister() {
-  clearServiceWorkers().then(() => clearCaches());
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.ready.then((registration) => {
+      registration.unregister();
+    });
+  }
 }