35 lines
1.3 KiB
JavaScript
35 lines
1.3 KiB
JavaScript
"use strict";
|
|
|
|
// @returns Response
|
|
// https://developer.mozilla.org/en-US/docs/Web/API/Response
|
|
async function fetchResponse(event) {
|
|
//https://developer.mozilla.org/en-US/docs/Web/API/FetchEvent/request
|
|
//https://developer.mozilla.org/en-US/docs/Web/API/Request
|
|
const { request } = event;
|
|
const resp = await fetch(request);
|
|
const body = await resp.text();
|
|
const cookies = resp.headers.getSetCookie();
|
|
console.log(cookies);
|
|
let theme_toggled = false;
|
|
for (let cookie of cookies) {
|
|
const [key, value] = cookie.split("=");
|
|
if (key != "theme_toggled") {
|
|
continue;
|
|
}
|
|
theme_toggled = value[0] === "t";
|
|
}
|
|
// this is a brittle way of accomplishing our desired behavior
|
|
body.replace(`<input id="css_state" type="checkbox" hidden>`,
|
|
`<input id="css_state" type="checkbox" hidden ${theme_toggled ? "checked" : ""}>`);
|
|
console.log(body);
|
|
return new Response(body, resp);
|
|
}
|
|
|
|
// needed if we actually want to get requests
|
|
//self.addEventListener('activate', (event) => event.waitUntil(self.clients.claim()));
|
|
|
|
self.addEventListener('fetch', (event) => {
|
|
if (!event.request.url.endsWith(".html") || event.request.url.indexOf(".") !== -1) return;
|
|
//https://developer.mozilla.org/en-US/docs/Web/API/FetchEvent/respondWith
|
|
event.respondWith(fetchResponse(event));
|
|
})
|