From 03c0dd6d134dccb8e97a30d14461de577a86e2e0 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Tue, 15 Jul 2025 23:35:23 -0400
Subject: [PATCH] Sort of preventative bug fix early in page load

---
 src/routes/+layout.svelte | 36 ++++++++++++++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 48b389f4..7a947b00 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -706,6 +706,8 @@ $effect(() => {
 
 </script>
 
+
+
 {#if $ae_loc?.site_google_tracking_id && $ae_loc?.site_google_tracking_id.length > 0}
     <Analytics bind:site_google_tracking_id={$ae_loc.site_google_tracking_id} />
 {/if}
@@ -940,9 +942,39 @@ $effect(() => {
         Page data is loading...
         </div>
     </div>
+
 {/if}
 
+<span class:hidden={browser}>
+    <span>
+    Loading...
+    </span>
+    <button
+        type="button"
+        onclick={() => {
+            console.log('Reloading page...');
+            // Clear the IndexedDB
+            clear_idb();
+
+            // Clear localStorage and sessionStorage
+            clear_local();
+            // clear_sess();
+
+            alert('IDB, Local, and Session Storage cleared. The page should now refresh on its own.');
+
+            window.location.reload();
+        }}
+        class="btn btn-sm m-1 preset-filled-warning-200-800 preset-outlined-error-600-400 hover:preset-tonal-error text-error-700 hover:text-error-900 transition-all text-wrap"
+        title="Reload and clear the page cache"
+        >
+        <span class="fas fa-sync mx-1"></span>
+        <span>
+        Clear Cache and Reload
+        </span>
+    </button>
+</span>
 {#if (browser) }
+
     <!-- Always show if Trusted access or higher. Do not show if in iframe mode. -->
     {#if !$ae_loc?.iframe || $ae_loc?.trusted_access}
         <E_app_sys_menu
@@ -954,7 +986,7 @@ $effect(() => {
         <!-- The app debug menu -->
         <E_app_debug_menu
             hide={$ae_loc.debug_menu.hide}
-            expand={$ae_loc.debug_menu.expand}
+            bind:expand={$ae_loc.debug_menu.expandaa}
             />
     {:else}
         <!-- Nothing to show -->
@@ -964,7 +996,7 @@ $effect(() => {
 <div class="flex flex-col items-center justify-center max-w-lg mx-auto space-y-6 border border-red-500 rounded-lg p-4 bg-green-50 dark:bg-green-900 m-8">
     <div>
         <span class="fas fa-spinner fa-spin mx-1"></span>
-        Loading...
+        Layout loading...
     </div>
 
     <button