dexie-logger

import Dexie, { Table } from 'dexie'; import logger from 'dexie-logger'; // Define your database schema interface Event { id?: number; name: string; timestamp: Date; } interface User { id?: number; name: string; email: string; } class MyDatabase extends Dexie { events!: Table<Event>; users!: Table<User>; constructor() { super("MyDebuggerDatabase"); this.version(1).stores({ events: "++id, name, timestamp", users: "++id, name, email" }); } } const db = new MyDatabase(); // Apply the logger middleware with specific filters db.use( logger({ tableWhiteList: ["events"], // Only log operations on the 'events' table operationsWhiteList: ["mutate", "get"], // Only log 'mutate' (add/update/delete) and 'get' operations }) ); async function runExample() { try { console.log("Applying Dexie Logger middleware..."); // Perform some operations to trigger logs await db.events.add({ name: "App Started", timestamp: new Date() }); await db.events.add({ name: "User Session Begin", timestamp: new Date() }); await db.users.add({ name: "John Doe", email: "john@example.com" }); // This operation on 'users' table will NOT be logged due to tableWhiteList const firstEvent = await db.events.get(1); // This 'get' operation will be logged console.log("Retrieved event:", firstEvent); await db.events.put({ id: firstEvent?.id, name: "App Updated", timestamp: new Date() }); // This 'mutate' operation will be logged console.log("Check your browser's developer console for Dexie Logger output."); } catch (error) { console.error("Database operation failed:", error); } } runExample();