debugging demo 4

static/demos/light-dark-demo-4/index.html

@@ -70,10 +70,10 @@
         await navigator.serviceWorker.register("sw.js");
     </script>
     <p>Here is some example text</p>
-    <form action="/light-dark-toggle" method="get">
+    <form action="./light-dark-toggle" method="get">
         <input id="full-demo" type="submit" value="Fully enhanced demo">
     </form>
-    <form action="/light-dark-toggle" method="get">
+    <form action="./light-dark-toggle" method="get">
         <input id="min-demo" type="submit" value="No javascript simulation">
     </form>
 </body>

static/demos/light-dark-demo-4/sw.js

@@ -9,6 +9,7 @@ self.addEventListener("fetch", event =>{
         const resp3 = resp2.clone();
         const body = await resp2.text();
         const url = new URL(event.request.url);
+        console.log(url.pathname);
         if(url.pathname.endsWith("light-dark-toggle")){
             return await handle_redirect(event.request);
         }

sw.js

@@ -1,30 +1,30 @@
-"use strict";
-
-// used so I can prompt updates to the service worker
-const version = "22-01-2025";
-
-const cache = new Cache();
-
-self.addEventListener("install", (event) => {
-    // can't add /static/* due to demos living there
-    cache.addAll([
-        "/",
-        "/index.html",
-        "/static/css/*",
-        "/static/js/*",
-        "/static/images/*",
-        "/static/video/*"
-    ]);
-});
-
-async function handleCache(event) {
-    const cache_value = await cache.match(event.request);
-    if (cache_value === undefined) {
-        return fetch(event.request);
-    }
-    return cache_value;
-}
-
-self.addEventListener("fetch", async (event) => {
-    event.respondWith(handleCache(event));
-});
+//"use strict";
+//
+//// used so I can prompt updates to the service worker
+//const version = "22-01-2025";
+//
+//const cache = new Cache();
+//
+//self.addEventListener("install", (event) => {
+//    // can't add /static/* due to demos living there
+//    cache.addAll([
+//        "/",
+//        "/index.html",
+//        "/static/css/*",
+//        "/static/js/*",
+//        "/static/images/*",
+//        "/static/video/*"
+//    ]);
+//});
+//
+//async function handleCache(event) {
+//    const cache_value = await cache.match(event.request);
+//    if (cache_value === undefined) {
+//        return fetch(event.request);
+//    }
+//    return cache_value;
+//}
+//
+//self.addEventListener("fetch", async (event) => {
+//    event.respondWith(handleCache(event));
+//});