[Glitch] Delay workbox import

Port 53d26cfc1c to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

app/javascript/flavours/glitch/main.js

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { setupBrowserNotifications } from 'flavours/glitch/actions/notifications';
 import Mastodon, { store } from 'flavours/glitch/containers/mastodon';
+import { me } from 'flavours/glitch/initial_state';
 import ready from 'flavours/glitch/ready';
 
 const perf = require('flavours/glitch/performance');
@@ -19,23 +20,19 @@ function main() {
     ReactDOM.render(<Mastodon {...props} />, mountNode);
     store.dispatch(setupBrowserNotifications());
 
-    if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+    if (process.env.NODE_ENV === 'production' && me && 'serviceWorker' in navigator) {
-      const [{ Workbox }, { me }] = await Promise.all([
+      const { Workbox } = await import('workbox-window');
-        import('workbox-window'),
+      const wb = new Workbox('/sw.js');
-        import('flavours/glitch/initial_state'),
+      /** @type {ServiceWorkerRegistration} */
-      ]);
+      let registration;
 
-      if (me) {
+      try {
-        const wb = new Workbox('/sw.js');
+        registration = await wb.register();
-
+      } catch (err) {
-        try {
+        console.error(err);
-          await wb.register();
+      }
-        } catch (err) {
-          console.error(err);
-
-          return;
-        }
 
+      if (registration) {
         const registerPushNotifications = await import('flavours/glitch/actions/push_notifications');
 
         store.dispatch(registerPushNotifications.register());