Only import subworkers if needed

Author: CompuIves

packages/app/src/app/index.js

@@ -14,7 +14,7 @@ import requirePolyfills from 'common/lib/load-dynamic-polyfills';
 import 'normalize.css';
 import 'common/lib/global.css';
 import theme from 'common/lib/theme';
-import 'subworkers';
+import { isSafari } from 'common/lib/utils/platform';
 
 // eslint-disable-next-line
 import * as child_process from 'node-services/lib/child_process';
@@ -106,6 +106,10 @@ function boot() {
       window.controller = controller;
     }
 
+    if (isSafari) {
+      import('subworkers');
+    }
+
     const rootEl = document.getElementById('root');
 
     const showNotification = (message, type) =>

packages/common/src/utils/platform.ts

@@ -1,6 +1,9 @@
 export const isIOS =
   typeof navigator !== 'undefined' &&
   !!navigator.platform.match(/(iPhone|iPod|iPad)/i);
+export const isSafari =
+  typeof navigator !== 'undefined' &&
+  /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 export const isMac =
   typeof navigator !== 'undefined' &&
-  (isIOS || !!navigator.platform.match(/Mac/i));
+  (isIOS || !!navigator.platform.match(/Mac/i));