feat: logging to include categories for better log management
This commit is contained in:
+57
-24
@@ -1,25 +1,53 @@
|
||||
import { useSettingsStore } from '@/stores/settings-store';
|
||||
import type { DebugCategory } from '@/stores/settings-store';
|
||||
|
||||
/**
|
||||
* Debug logger that respects the debugMode setting.
|
||||
* Check if debug logging is enabled, optionally for a specific category.
|
||||
* When a category is provided, both debugMode AND that category must be enabled.
|
||||
*/
|
||||
function isEnabled(category?: DebugCategory): boolean {
|
||||
const state = useSettingsStore.getState();
|
||||
if (!state.debugMode) return false;
|
||||
if (!category) return true;
|
||||
return state.debugCategories?.[category] !== false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Debug logger that respects the debugMode setting and category filters.
|
||||
* Use this instead of console.log for conditional debug output.
|
||||
*
|
||||
* Each method accepts an optional category as the first argument.
|
||||
* When a category is provided, the message only logs if that category is enabled
|
||||
* in Settings > Advanced > Debug Categories.
|
||||
*
|
||||
* Usage:
|
||||
* debug.log('calendar', 'Event created', event); // Only logs when 'calendar' category is on
|
||||
* debug.log('Uncategorized message'); // Logs whenever debugMode is on
|
||||
*/
|
||||
export const debug = {
|
||||
/**
|
||||
* Log a debug message (only when debugMode is enabled)
|
||||
* Log a debug message (only when debugMode is enabled and category is active)
|
||||
*/
|
||||
log: (...args: unknown[]) => {
|
||||
if (useSettingsStore.getState().debugMode) {
|
||||
console.log('[DEBUG]', ...args);
|
||||
log: (categoryOrMsg: DebugCategory | unknown, ...args: unknown[]) => {
|
||||
if (typeof categoryOrMsg === 'string' && isCategoryKey(categoryOrMsg)) {
|
||||
if (isEnabled(categoryOrMsg)) {
|
||||
console.log(`[DEBUG:${categoryOrMsg}]`, ...args);
|
||||
}
|
||||
} else if (isEnabled()) {
|
||||
console.log('[DEBUG]', categoryOrMsg, ...args);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Log a warning message (only when debugMode is enabled)
|
||||
* Log a warning message (only when debugMode is enabled and category is active)
|
||||
*/
|
||||
warn: (...args: unknown[]) => {
|
||||
if (useSettingsStore.getState().debugMode) {
|
||||
console.warn('[DEBUG]', ...args);
|
||||
warn: (categoryOrMsg: DebugCategory | unknown, ...args: unknown[]) => {
|
||||
if (typeof categoryOrMsg === 'string' && isCategoryKey(categoryOrMsg)) {
|
||||
if (isEnabled(categoryOrMsg)) {
|
||||
console.warn(`[DEBUG:${categoryOrMsg}]`, ...args);
|
||||
}
|
||||
} else if (isEnabled()) {
|
||||
console.warn('[DEBUG]', categoryOrMsg, ...args);
|
||||
}
|
||||
},
|
||||
|
||||
@@ -31,11 +59,11 @@ export const debug = {
|
||||
},
|
||||
|
||||
/**
|
||||
* Start a collapsed console group (only when debugMode is enabled)
|
||||
* Start a collapsed console group (only when debugMode is enabled and category is active)
|
||||
*/
|
||||
group: (label: string) => {
|
||||
if (useSettingsStore.getState().debugMode) {
|
||||
console.group(`[DEBUG] ${label}`);
|
||||
group: (label: string, category?: DebugCategory) => {
|
||||
if (isEnabled(category)) {
|
||||
console.group(`[DEBUG${category ? ':' + category : ''}] ${label}`);
|
||||
}
|
||||
},
|
||||
|
||||
@@ -43,35 +71,40 @@ export const debug = {
|
||||
* End a console group (only when debugMode is enabled)
|
||||
*/
|
||||
groupEnd: () => {
|
||||
if (useSettingsStore.getState().debugMode) {
|
||||
if (isEnabled()) {
|
||||
console.groupEnd();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Start a performance timer (only when debugMode is enabled)
|
||||
* Start a performance timer (only when debugMode is enabled and category is active)
|
||||
*/
|
||||
time: (label: string) => {
|
||||
if (useSettingsStore.getState().debugMode) {
|
||||
console.time(`[DEBUG] ${label}`);
|
||||
time: (label: string, category?: DebugCategory) => {
|
||||
if (isEnabled(category)) {
|
||||
console.time(`[DEBUG${category ? ':' + category : ''}] ${label}`);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* End a performance timer (only when debugMode is enabled)
|
||||
*/
|
||||
timeEnd: (label: string) => {
|
||||
if (useSettingsStore.getState().debugMode) {
|
||||
console.timeEnd(`[DEBUG] ${label}`);
|
||||
timeEnd: (label: string, category?: DebugCategory) => {
|
||||
if (isEnabled(category)) {
|
||||
console.timeEnd(`[DEBUG${category ? ':' + category : ''}] ${label}`);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Log a table (only when debugMode is enabled)
|
||||
* Log a table (only when debugMode is enabled and category is active)
|
||||
*/
|
||||
table: (data: unknown) => {
|
||||
if (useSettingsStore.getState().debugMode) {
|
||||
table: (data: unknown, category?: DebugCategory) => {
|
||||
if (isEnabled(category)) {
|
||||
console.table(data);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const CATEGORY_KEYS = new Set<string>(['jmap', 'calendar', 'tasks', 'auth', 'filters', 'email', 'push']);
|
||||
function isCategoryKey(value: string): value is DebugCategory {
|
||||
return CATEGORY_KEYS.has(value);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user