[Glitch] Delay workbox import

Port 53d26cfc1cc2779f699f3d3d56696484faefe87c to glitch-soc

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

1 files changed, 12 insertions, 15 deletions

diff --git a/app/javascript/flavours/glitch/main.js b/app/javascript/flavours/glitch/main.js
index b8095f819..14a6effbb 100644
--- a/app/javascript/flavours/glitch/main.js
+++ b/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) {
-      const [{ Workbox }, { me }] = await Promise.all([
-        import('workbox-window'),
-        import('flavours/glitch/initial_state'),
-      ]);
+    if (process.env.NODE_ENV === 'production' && me && 'serviceWorker' in navigator) {
+      const { Workbox } = await import('workbox-window');
+      const wb = new Workbox('/sw.js');
+      /** @type {ServiceWorkerRegistration} */
+      let registration;
 
-      if (me) {
-        const wb = new Workbox('/sw.js');
-
-        try {
-          await wb.register();
-        } catch (err) {
-          console.error(err);
-
-          return;
-        }
+      try {
+        registration = await wb.register();
+      } catch (err) {
+        console.error(err);
+      }
 
+      if (registration) {
         const registerPushNotifications = await import('flavours/glitch/actions/push_notifications');
 
         store.dispatch(registerPushNotifications.register());