From f22431dc7e188a7c5ab6a565577dfe7c124e3393 Mon Sep 17 00:00:00 2001
From: Noam Rosenthal <nrosenthal@google.com>
Date: Mon, 13 Apr 2026 12:47:32 +0100
Subject: [PATCH] Fix streaming demo

---
 examples/nav-with-service-worker.html | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/examples/nav-with-service-worker.html b/examples/nav-with-service-worker.html
index 185f851..34b9cd1 100644
--- a/examples/nav-with-service-worker.html
+++ b/examples/nav-with-service-worker.html
@@ -14,11 +14,21 @@
   </main>
 </body>
 <script>
+
+  async function navigate(url) {
+    const page = new URL(url).searchParams.get("page") || 1;
+    const stream = document.body.streamAppendHTMLUnsafe();
+    const response = await fetch("/content?page=" + page);
+    await response.body
+      .pipeThrough(new TextDecoderStream())
+      .pipeTo(stream);
+  }
   const loaded = new Promise((resolve) => {
     window.onload = async () => {
       navigator.serviceWorker.register("./sw.js");
       await navigator.serviceWorker.ready;
       console.log("Service worker ready");
+      await navigate(location.href);
       resolve();
     };
   });
@@ -28,14 +38,8 @@
       event.intercept({
         async handler() {
           await loaded;
-          const url = new URL(event.destination.url);
-          const page = url.searchParams.get("page");
-          const stream = document.body.streamAppendHTMLUnsafe();
-          const response = await fetch("/content?page=" + page);
-          await response.body
-            .pipeThrough(new TextDecoderStream())
-            .pipeTo(stream);
-        },
+          await navigate(event.destination.url);
+        }
       });
     }
   });