refactor(app): replaced sw behavior from prompt to auto update and claims

riccardoperra · riccardoperra · commit 2ab007659ca2 · 2022-05-01T20:24:46.000+02:00
diff --git a/apps/codeimage/src/App.tsx b/apps/codeimage/src/App.tsx
@@ -11,7 +11,6 @@ import {Footer} from './components/Footer/Footer';
 import {Frame} from './components/Frame/Frame';
 import {FrameHandler} from './components/Frame/FrameHandler';
 import {KeyboardShortcuts} from './components/KeyboardShortcuts/KeyboardShortcuts';
-import ReloadPrompt from './components/PromptUpdate/PromptUpdate';
 import {EditorSidebar} from './components/PropertyEditor/EditorSidebar';
 import {Canvas} from './components/Scaffold/Canvas/Canvas';
 import {Scaffold} from './components/Scaffold/Scaffold';
@@ -42,7 +41,6 @@ const App = () => {
   return (
     <Scaffold>
       <SnackbarHost />
-      <ReloadPrompt />
 
       <Show when={modality === 'full'}>
         <Sidebar position={'left'}>
diff --git a/apps/codeimage/src/sw.ts b/apps/codeimage/src/sw.ts
@@ -1,13 +1,10 @@
+import {clientsClaim} from 'workbox-core';
 import {cleanupOutdatedCaches, precacheAndRoute} from 'workbox-precaching';
 import {registerRoute} from 'workbox-routing';
 import {StaleWhileRevalidate} from 'workbox-strategies';
 
 declare let self: ServiceWorkerGlobalScope;
 
-self.addEventListener('message', event => {
-  if (event.data && event.data.type === 'SKIP_WAITING') self.skipWaiting();
-});
-
 // self.__WB_MANIFEST is default injection point
 precacheAndRoute(self.__WB_MANIFEST);
 // Cache the Google Fonts stylesheets with a stale-while-revalidate strategy.
@@ -24,3 +21,6 @@ registerRoute(
   new RegExp('/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2)'),
   new StaleWhileRevalidate(),
 );
+
+self.skipWaiting();
+clientsClaim();
