From 87c620b36a610948bfbdd743a5ad45fbc5127ae5 Mon Sep 17 00:00:00 2001
From: rohanharikr <rohanharikumar80@gmail.com>
Date: Thu, 5 Dec 2024 12:12:16 +0000
Subject: [PATCH] add purge cache

---
 index.html            |  1 +
 public/purge-cache.js | 12 ++++++++++++
 2 files changed, 13 insertions(+)
 create mode 100644 public/purge-cache.js

diff --git a/index.html b/index.html
index f0210be..17f3359 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
 		<link rel="icon" href="light-favicon.png" media="(prefers-color-scheme: dark)" />
 		<link rel="stylesheet" href="https://cdn.hello.coop/css/hello-button.css" />
 		<script src="https://cdn.hello.coop/js/hello-dev-wc-footer.js" defer></script>
+		<script src="/purge-cache.js" defer></script>
 		<style type="text/css">
 			html,
 			body {
diff --git a/public/purge-cache.js b/public/purge-cache.js
new file mode 100644
index 0000000..9fc3be3
--- /dev/null
+++ b/public/purge-cache.js
@@ -0,0 +1,12 @@
+/**
+ * If the browser back button is clicked, flush the cache.
+ * This ensures the user always sees an accurate and up-to-date view based on their state.
+ * Reference: https://stackoverflow.com/questions/8788802/prevent-safari-loading-from-cache-when-back-button-is-clicked
+ */
+(function () {
+	window.onpageshow = function (event) {
+		if (event.persisted) {
+			window.location.reload();
+		}
+	};
+})();