Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

hacky workaround

Browse source
This commit is contained in:
Pagwin 2025-09-04 16:51:25 -04:00
parent 3785258c57
commit c10b8f6ee0
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
static/demos/light-dark-demo-4/index.html
View file

@ -76,7 +76,7 @@
<script type="module">
function toggleTheme(e) {
e.preventDefault();
fetch('./light-dark-toggle')
fetch('./light-dark-toggle?ref=https%3A%2F%2Fpagwin.xyz%2Fstatic%2Fdemos%2Flight-dark-demo-4%2F')
if (!document.body.classList.contains("toggled")) {
document.body.classList.add("toggled")
}
@ -92,13 +92,16 @@
await navigator.serviceWorker.register("sw.js");
</script>
<p>Don't copy this code at all, it is for demo purposes only and is terrible code. <span class="red">Note: if you
<p>Don't copy this code at all, it is for demo purposes only and is terrible code. <span class="red"><br>Note: if
you
hard refresh you will get your system preference of light/dark due to this demo being powered by a service
worker</span></p>
<form action="./light-dark-toggle" method="get">
<input type="hidden" name="ref" value="https://pagwin.xyz/static/demos/light-dark-demo-4/">
<input id="full-demo" type="submit" value="Fully enhanced demo">
</form>
<form action="./light-dark-toggle" method="get">
<input type="hidden" name="ref" value="https://pagwin.xyz/static/demos/light-dark-demo-4/">
<input id="min-demo" type="submit" value="No javascript simulation">
</form>
</body>

6
static/demos/light-dark-demo-4/sw.js
View file

@ -19,9 +19,9 @@ self.addEventListener("fetch", event =>{
})
async function handle_redirect(req){
const go_back_to = req.headers.get('Referer') || '/';;
console.log("ref:",req.headers.get('Referer'), go_back_to);
console.log('All headers:', [...req.headers.entries()]);
const url = new URL(event.request.url);
const go_back_to = url.searchParams.get('ref') ?? '/';
console.log("ref:",url.searchParams.get('ref'), go_back_to);
const db_req = self.indexedDB.open("light-dark-store");