Auto reload the page when new service worker is installed

microbit-foundation · Apr 25, 2024 · 07b703b · 07b703b
1 parent 4c724eb
commit 07b703b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/simulator.ts b/src/simulator.ts
@@ -19,8 +19,22 @@ function initServiceWorker() {
   window.addEventListener("load", () => {
     if ("serviceWorker" in navigator) {
       navigator.serviceWorker.register("sw.js").then(
-        (_registration) => {
+        (registration) => {
           console.log("Simulator service worker registration successful");
+          // Reload the page when a new service worker is installed.
+          registration.onupdatefound = function () {
+            const installingWorker = registration.installing;
+            if (installingWorker) {
+              installingWorker.onstatechange = function () {
+                if (
+                  installingWorker.state === "installed" &&
+                  navigator.serviceWorker.controller
+                ) {
+                  window.location.reload();
+                }
+              };
+            }
+          };
         },
         (error) => {
           console.error(

diff --git a/src/sw.js b/src/sw.js
@@ -1,4 +1,4 @@
-const version = "v0.0.2";
+const version = "v0.0.3";
 const assets = ["simulator.html", "build/simulator.js", "build/firmware.js"];
 const cacheName = `simulator-${version}`;