From de1aaadc46b4af9831aa909317f95209f9cda08b Mon Sep 17 00:00:00 2001
From: Sebastian Frank <sebastian@webmakers.de>
Date: Wed, 10 Apr 2024 08:32:00 +0000
Subject: [PATCH] =?UTF-8?q?Hinzuf=C3=BCgen=20von=20SsrSkip-Komponente=20in?=
 =?UTF-8?q?=20App.svelte?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.svelte                    |  2 ++
 frontend/src/lib/components/SsrSkip.svelte | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 frontend/src/lib/components/SsrSkip.svelte

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 1b5f229..a09a8a2 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -12,6 +12,7 @@
     import { loadContentAndSetStores } from "./lib/functions/fetch/loadContentAndSetStores"
     import { loadNavigationAndSetStores } from "./lib/functions/fetch/loadNavigationAndSetStores"
     import { loadLibraryAndSetStore } from "./lib/functions/fetch/loadLibraryAndSetStores"
+    import SsrSkip from "./lib/components/SsrSkip.svelte"
 
     export let url = ""
 
@@ -62,6 +63,7 @@
 
 <ScrollTop />
 <ScrollBottom />
+<SsrSkip />
 
 <style lang="less" global>
     @import "./lib/assets/css/variables.less";
diff --git a/frontend/src/lib/components/SsrSkip.svelte b/frontend/src/lib/components/SsrSkip.svelte
new file mode 100644
index 0000000..d4d67a1
--- /dev/null
+++ b/frontend/src/lib/components/SsrSkip.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import { location } from "../store"
+
+    let oldPath: string
+    $: if (typeof window !== "undefined" && oldPath !== $location.path) {
+        const ref = oldPath ? document.location.protocol + "//" + document.location.host + oldPath : document.referrer
+        oldPath = $location.path
+        fetch(oldPath, {
+            headers: {
+                "x-ssr-skip": "204",
+                "x-ssr-ref": ref,
+                "x-ssr-res": `${window.innerWidth}x${window.innerHeight}`,
+                // no cache
+                "cache-control": "no-cache, no-store, must-revalidate",
+            },
+        })
+    }
+</script>