feat: sw auto update

go-cham · Aug 24, 2023 · cb0ec59 · cb0ec59
1 parent 8390b54
commit cb0ec59
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 63 deletions.
diff --git a/src/app/App.tsx b/src/app/App.tsx
@@ -1,9 +1,5 @@
 import { RootLayout } from '@/common/components/layout';
-import {
-  AlertOffline,
-  IosInstallGuide,
-  UpdateBanner,
-} from '@/common/components/system';
+import { AlertOffline, IosInstallGuide } from '@/common/components/system';
 import { GlobalErrorBoundary } from './GlobalErrorBoundary';
 import { Provider } from './Provider';
 import Routes from './Routes';
@@ -14,7 +10,6 @@ export function App() {
       <RootLayout>
         <GlobalErrorBoundary>
           <AlertOffline />
-          <UpdateBanner />
           <IosInstallGuide />
           <Routes />
         </GlobalErrorBoundary>

diff --git a/src/common/components/system/UpdateBanner/UpdateBanner.tsx b/src/common/components/system/UpdateBanner/UpdateBanner.tsx
diff --git a/src/common/components/system/UpdateBanner/index.ts b/src/common/components/system/UpdateBanner/index.ts
diff --git a/src/common/hooks/useUpdate.tsx b/src/common/hooks/useUpdate.tsx
diff --git a/src/my-sw.ts b/src/my-sw.ts
@@ -1,3 +1,4 @@
+import { clientsClaim } from 'workbox-core';
 import { cleanupOutdatedCaches, precacheAndRoute } from 'workbox-precaching';
 
 declare let self: ServiceWorkerGlobalScope;
@@ -6,8 +7,5 @@ cleanupOutdatedCaches();
 
 precacheAndRoute(self.__WB_MANIFEST);
 
-self.addEventListener('message', (event) => {
-  if (event.data && event.data.type === 'SKIP_WAITING') {
-    self.skipWaiting();
-  }
-});
+self.skipWaiting();
+clientsClaim();
diff --git a/vite.config.js b/vite.config.js
@@ -18,7 +18,7 @@ export default defineConfig({
     }),
     svgr(),
     VitePWA({
-      registerType: 'prompt',
+      registerType: 'autoUpdate',
       strategies: 'injectManifest',
       injectManifest: {
         globPatterns: ['**/*.{js,css,html,ico,png,svg,woff2,otf}'],