Fix DB Cache bugs

Author: ppsreejith

web/src/cache/indexedDb.ts

@@ -1,5 +1,5 @@
 // src/utils/indexedDB.ts
-import { openDB, DBSchema } from 'idb';
+import { openDB, DBSchema, IDBPDatabase } from 'idb';
 
 interface DB extends DBSchema {
   cache: {
@@ -11,34 +11,70 @@ interface DB extends DBSchema {
   };
 }
 
-const dbPromise = openDB<DB>('minusx-cache-db', 1, {
-  upgrade(db) {
-    db.createObjectStore('cache');
-  },
-});
+let dbPromise: Promise<IDBPDatabase<DB>> | null = null;
+
+const getDB = async (): Promise<IDBPDatabase<DB>> => {
+  if (!dbPromise) {
+    dbPromise = openDB<DB>('minusx-cache-db', 1, {
+      upgrade(db) {
+        db.createObjectStore('cache');
+      },
+    });
+  }
+  
+  try {
+    return await dbPromise;
+  } catch (error: any) {
+    // Connection failed, reset and retry once
+    dbPromise = null;
+    dbPromise = openDB<DB>('minusx-cache-db', 1, {
+      upgrade(db) {
+        db.createObjectStore('cache');
+      },
+    });
+    return await dbPromise;
+  }
+};
 
 export const setCache = async (key: string, value: any) => {
-  const db = await dbPromise;
-  await db.put('cache', { data: value, createdAt: Date.now() }, key);
+  try {
+    const db = await getDB();
+    await db.put('cache', { data: value, createdAt: Date.now() }, key);
+  } catch (error) {
+    // Silently fail - cache write is not critical
+  }
 };
 
 export const getCache = async (key: string) => {
-  const db = await dbPromise;
-  const cachedItem = await db.get('cache', key);
-  if (cachedItem) {
-    return cachedItem;
+  try {
+    const db = await getDB();
+    const cachedItem = await db.get('cache', key);
+    if (cachedItem) {
+      return cachedItem;
+    }
+    return null;
+  } catch (error) {
+    // Treat any DB error as cache miss
+    return null;
   }
-  return null;
 };
 
 export const deleteCache = async (key: string) => {
-  const db = await dbPromise;
-  await db.delete('cache', key);
+  try {
+    const db = await getDB();
+    await db.delete('cache', key);
+  } catch (error) {
+    // Silently fail - cache delete is not critical
+  }
 };
 
 export const resetCache = async () => {
-  const db = await dbPromise;
-  const tx = db.transaction('cache', 'readwrite');
-  tx.objectStore('cache').clear();
-  await tx.done;
+  try {
+    const db = await getDB();
+    const tx = db.transaction('cache', 'readwrite');
+    tx.objectStore('cache').clear();
+    await tx.done;
+  } catch (error) {
+    // Silently fail - cache reset is not critical
+  }
 };