🚧 WIP, Passes service worker state to app

src/registerServiceWorker.js

@@ -1,32 +1,68 @@
 /* eslint-disable no-console */
 
 import { register } from 'register-service-worker';
+import { sessionStorageKeys } from './utils/defaults';
 
-if (process.env.NODE_ENV === 'production') {
-  register(`${process.env.BASE_URL}service-worker.js`, {
-    ready() {
-      console.log(
-        'App is being served from cache by a service worker.\n'
-        + 'For more details, visit https://goo.gl/AFskqB',
-      );
-    },
-    registered() {
-      console.log('Service worker has been registered.');
-    },
-    cached() {
-      console.log('Content has been cached for offline use.');
-    },
-    updatefound() {
-      console.log('New content is downloading.');
-    },
-    updated() {
-      console.log('New content is available; please refresh.');
-    },
-    offline() {
-      console.log('No internet connection found. App is running in offline mode.');
-    },
-    error(error) {
-      console.error('Error during service worker registration:', error);
-    },
-  });
-}
+/* Sets a local storage item with the state from the SW lifecycle */
+const setSwStatus = (swStateToSet) => {
+  const initialSwState = {
+    ready: false,
+    registered: false,
+    cached: false,
+    updateFound: false,
+    updated: false,
+    offline: false,
+    error: false,
+    devMode: false,
+  };
+  const sessionData = sessionStorage[sessionStorageKeys.SW_STATUS];
+  const currentSwState = sessionData ? JSON.parse(sessionData) : initialSwState;
+  try {
+    const newSwState = { ...currentSwState, ...swStateToSet };
+    sessionStorage.setItem(sessionStorageKeys.SW_STATUS, JSON.stringify(newSwState));
+  } catch (e) {
+    console.warn('Error setting SW data', e);
+  }
+};
+
+const registerServiceWorker = () => {
+  if (process.env.NODE_ENV === 'production') {
+    register(`${process.env.BASE_URL}service-worker.js`, {
+      ready() {
+        setSwStatus({ ready: true });
+        console.log(
+          'App is being served from cache by a service worker.\n'
+          + 'For more details, visit https://goo.gl/AFskqB',
+        );
+      },
+      registered() {
+        setSwStatus({ registered: true });
+        console.log('Service worker has been registered.');
+      },
+      cached() {
+        setSwStatus({ cached: true });
+        console.log('Content has been cached for offline use.');
+      },
+      updatefound() {
+        setSwStatus({ updateFound: true });
+        console.log('New content is downloading.');
+      },
+      updated() {
+        setSwStatus({ updated: true });
+        console.log('New content is available; please refresh.');
+      },
+      offline() {
+        setSwStatus({ offline: true });
+        console.log('No internet connection found. App is running in offline mode.');
+      },
+      error(error) {
+        setSwStatus({ error: true });
+        console.error('Error during service worker registration:', error);
+      },
+    });
+  } else { // Not in production, don't use SW
+    setSwStatus({ devMode: true });
+  }
+};
+
+export default registerServiceWorker;