Service worker tweaks including auto reload

microbit-foundation · Apr 25, 2024 · a2dcb6f · a2dcb6f
1 parent d1c2963
commit a2dcb6f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -7,6 +7,9 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
+import { registerSW } from "virtual:pwa-register";
+
+registerSW({ immediate: true });
 
 const root = createRoot(document.getElementById("root")!);
 root.render(

diff --git a/tsconfig.json b/tsconfig.json
@@ -18,7 +18,8 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "types": ["vite-plugin-pwa/client"]
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

diff --git a/vite.config.ts b/vite.config.ts
@@ -57,10 +57,6 @@ export default defineConfig(({ mode }) => {
       VitePWA({
         registerType: "autoUpdate",
         workbox: {
-          // A better chance of the runtime caches taking affect on first visit.
-          clientsClaim: true,
-          skipWaiting: true,
-          cleanupOutdatedCaches: true,
           // Ignore all language related assets and cache these at runtime instead.
           globIgnores: [
             "**/{pyright-locale*.js,typeshed*.js,search.worker*.js,ui*.js}",
@@ -112,7 +108,8 @@ export default defineConfig(({ mode }) => {
               },
             },
             {
-              urlPattern: /.*(?:pyright-locale|search\.worker|typeshed).*.js/,
+              urlPattern:
+                /.*(?:pyright-locale|search\.worker|typeshed|ui\.).*.js/,
               handler: "NetworkFirst",
               options: {
                 cacheName: "lang-cache",