From d1c0148c750271623cf63ac1d26b4c9874584834 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 16 Oct 2025 21:43:08 -0400
Subject: [PATCH] Sort of bug fix for version reload. Does it need the alert()
 to work correctly???

---
 src/lib/ae_events_stores.ts      |  4 ++--
 src/routes/events/+layout.svelte | 25 ++++++++++++++++++-------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/lib/ae_events_stores.ts b/src/lib/ae_events_stores.ts
index 3b5b8d7c..389eda84 100644
--- a/src/lib/ae_events_stores.ts
+++ b/src/lib/ae_events_stores.ts
@@ -5,8 +5,8 @@ import type { Writable } from 'svelte/store';
 import type { key_val } from '$lib/ae_stores';
 
 // Set the version for the app data. Changing this should force a notification and ask the user to clear and reload the page.
-let ver = '2025-10-15_1423';
-let ver_idb = '2025-10-15_1423';
+let ver = '2025-10-16_2139';
+let ver_idb = '2025-10-16_2139';
 
 /* *** BEGIN *** Initialize events_local_data_struct */
 // Longer-term app data. This should be stored to *local* storage.
diff --git a/src/routes/events/+layout.svelte b/src/routes/events/+layout.svelte
index d1475f40..525bcd2b 100644
--- a/src/routes/events/+layout.svelte
+++ b/src/routes/events/+layout.svelte
@@ -3,7 +3,8 @@
 let log_lvl: number = $state(0);
 
 // *** Import Svelte specific
-import { browser } from '$app/environment';
+// import { browser } from '$app/environment';
+import { goto, invalidateAll } from '$app/navigation';
 
 // *** Import other supporting libraries
 // import * as icons from '@lucide/svelte';
@@ -135,7 +136,7 @@ function clear_sess() {
     placement="top-center"
 
     > -->
-{#if ($events_loc?.ver !== $events_sess?.ver)}
+{#if ($events_loc?.ver && $events_loc?.ver !== $events_sess?.ver)}
     <div class="fixed inset-0 bg-pink-100/80 z-40">
     <button
         class="
@@ -145,17 +146,27 @@ function clear_sess() {
             border-4 border-warning-300 dark:border-warning-700
             transition-all
             "
-        onclick={() => {
+        onclick={async () => {
             // Clear the IndexedDB
             clear_idb();
 
-            // Clear localStorage and sessionStorage
-            clear_local();
-            clear_sess();
+            // // Clear localStorage and sessionStorage
+            // clear_local();
+            // // clear_sess();
+
+            // alert('The page will now reload. You may need to sign in again.');
+            // // location.reload();
+            // // window.location.reload(true);
+            // goto('/');
+
+            localStorage.clear();
+            sessionStorage.clear();
 
             alert('The page will now reload. You may need to sign in again.');
+
+            await goto('/', {invalidateAll: true});
+
             location.reload();
-            // window.location.reload(true);
         }}
         title="A new version of One Sky IT's Aether Events module is available. Click to reload the page and use the latest version."
         >