From 48a748d314e5434a25656bd99ed6ab00f489fb2d Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 14 May 2026 18:23:29 -0400
Subject: [PATCH] refactor(storage): replace hardcoded IDB lists with
 indexedDB.databases() in all clear buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Consistent with the tech help panel update — all Clear Storage / Clear & Reload
buttons now enumerate IDB databases dynamically so new modules are included
automatically without needing to update these lists.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/lib/app_components/e_app_cfg.svelte     | 20 ++++-----
 src/lib/app_components/e_app_sys_bar.svelte | 17 ++++----
 src/routes/+page.svelte                     | 45 ++++++++++++++-------
 3 files changed, 48 insertions(+), 34 deletions(-)

diff --git a/src/lib/app_components/e_app_cfg.svelte b/src/lib/app_components/e_app_cfg.svelte
index 6ff90722..83a1c57a 100644
--- a/src/lib/app_components/e_app_cfg.svelte
+++ b/src/lib/app_components/e_app_cfg.svelte
@@ -217,26 +217,26 @@ function handle_clear_storage(item: null | string) {
                 </button>
                 <button
                     class="btn btn-sm preset-tonal-warning"
-                    title="Clear the browser storage for this page"
-                    onclick={() => {
+                    title="Full Reset: Delete ALL IndexedDB databases, clear localStorage and sessionStorage for this origin, then reload."
+                    onclick={async () => {
                         if (
                             !confirm(
-                                'Are you sure you want to clear the local and session storage?'
+                                'FULL RESET: Delete ALL IndexedDB databases, clear localStorage and sessionStorage, then reload? This cannot be undone.'
                             )
                         ) {
-                            return false;
+                            return;
+                        }
+
+                        const db_list = await indexedDB.databases();
+                        console.log('[clear_all] IDB databases found:', db_list.map((d) => d.name));
+                        for (const db of db_list) {
+                            if (db.name) indexedDB.deleteDatabase(db.name);
                         }
 
-                        // Clear the local and session storage
                         localStorage.clear();
                         sessionStorage.clear();
 
-                        // Clear Indexed DB as well
-                        indexedDB.deleteDatabase('ae_core_db');
-                        indexedDB.deleteDatabase('ae_events_db');
-
                         window.location.reload();
-                        // alert('Local and Session Storage cleared and Indexed DBs deleted. You will probably want to refresh the page.');
                     }}>
                     <Eraser size="1em" class="mx-1" />
                     Clear Storage & DB
diff --git a/src/lib/app_components/e_app_sys_bar.svelte b/src/lib/app_components/e_app_sys_bar.svelte
index af0271b1..b0a2984e 100644
--- a/src/lib/app_components/e_app_sys_bar.svelte
+++ b/src/lib/app_components/e_app_sys_bar.svelte
@@ -80,22 +80,21 @@ function toggle_theme_mode() {
     // DOM sync (class) is handled reactively in +layout.svelte effect #3
 }
 
-// ── Dev: clear all browser storage + key IndexedDB tables, then reload ──
-function handle_clear_storage_db() {
+// ── Dev: clear all browser storage + all IndexedDB databases, then reload ──
+async function handle_clear_storage_db() {
     if (
         !confirm(
-            'Clear all local/session storage and IndexedDB? The page will reload.'
+            'FULL RESET: Delete ALL IndexedDB databases, clear localStorage and sessionStorage, then reload? This cannot be undone.'
         )
     )
         return;
+    const db_list = await indexedDB.databases();
+    console.log('[clear_all] IDB databases found:', db_list.map((d) => d.name));
+    for (const db of db_list) {
+        if (db.name) indexedDB.deleteDatabase(db.name);
+    }
     localStorage.clear();
     sessionStorage.clear();
-    indexedDB.deleteDatabase('ae_archives_db');
-    indexedDB.deleteDatabase('ae_core_db');
-    indexedDB.deleteDatabase('ae_events_db');
-    indexedDB.deleteDatabase('ae_journals_db');
-    indexedDB.deleteDatabase('ae_posts_db');
-    indexedDB.deleteDatabase('ae_sponsorships_db');
     window.location.reload();
 }
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5bbd2818..3f06619a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -88,43 +88,58 @@ onMount(() => {
             class="flex flex-row flex-wrap items-center justify-center">
             <button
                 type="button"
-                onclick={() => {
+                onclick={async () => {
+                    const edit_mode = $ae_loc.edit_mode;
+                    const confirm_msg = edit_mode
+                        ? 'Clear all IDB caches, localStorage, and sessionStorage? Your sign-in will be preserved. This will reload the page.'
+                        : 'Clear all IDB caches? This will reload the page.';
+
+                    if (!confirm(confirm_msg)) return;
+
+                    const db_list = await indexedDB.databases();
+                    for (const db of db_list) {
+                        if (db.name) indexedDB.deleteDatabase(db.name);
+                    }
+
+                    if (edit_mode) {
+                        const ae_loc_saved = localStorage.getItem('ae_loc');
+                        localStorage.clear();
+                        sessionStorage.clear();
+                        if (ae_loc_saved) localStorage.setItem('ae_loc', ae_loc_saved);
+                    }
+
                     window.location.reload();
                 }}
                 class="btn btn-sm preset-tonal-surface hover:preset-outlined-warning text-error-300 hover:text-error-800 m-1 transition-all"
-                title="Reload page to clear some caches and check for updates">
+                title="Clear & Reload: Delete all IDB caches and reload. In edit mode also clears localStorage/sessionStorage, preserving your sign-in.">
                 <!-- <span class="fas fa-sync mx-1"></span> -->
                 <RefreshCw class="mx-1" />
                 Reload
             </button>
             <button
                 type="button"
-                onclick={() => {
+                onclick={async () => {
                     if (
                         !confirm(
-                            'Are you sure you want to clear IndexedDB databases, localStorage, and sessionStorage? This will also reload the page.'
+                            'FULL RESET: Delete ALL IndexedDB databases, clear localStorage and sessionStorage, then reload? This cannot be undone.'
                         )
                     ) {
                         return;
                     }
-                    // Clear Indexed DB
-                    indexedDB.deleteDatabase('ae_archives_db'); // Archives module
-                    indexedDB.deleteDatabase('ae_core_db');
-                    indexedDB.deleteDatabase('ae_events_db'); // Events module
-                    indexedDB.deleteDatabase('ae_journals_db'); // Journals module
-                    indexedDB.deleteDatabase('ae_posts_db'); // Posts module
-                    indexedDB.deleteDatabase('ae_sponsorships_db'); // Sponsorships module
+
+                    const db_list = await indexedDB.databases();
+                    console.log('[clear_all] IDB databases found:', db_list.map((d) => d.name));
+                    for (const db of db_list) {
+                        if (db.name) indexedDB.deleteDatabase(db.name);
+                    }
 
                     localStorage.clear();
                     sessionStorage.clear();
 
-                    alert(
-                        'Local and Session Storage cleared. The page should now refresh on its own.'
-                    );
                     window.location.reload();
                 }}
                 class="btn btn-sm preset-tonal-surface hover:preset-outlined-warning text-error-300 hover:text-error-800 m-1 p-1 transition-all"
-                title="Clear IDB, localStorage, and sessionStorage and then reload to clear the page cache">
+                title="Full Reset: Delete ALL IndexedDB databases, clear localStorage and sessionStorage for this origin, then reload.">
                 <!-- <span class="fas fa-sync mx-1"></span> -->
                 <RefreshCcwDot class="mx-1" />
                 Clear Storage and Reload