Replaced loglevel

Author: RillingDev

package-lock.json

@@ -31,7 +31,6 @@
 		"html2canvas": "^1.4.1",
 		"lightdash": "^14.0.0",
 		"lodash-es": "^4.17.21",
-		"loglevel": "^1.8.0",
 		"pako": "^2.0.4",
 		"pinia": "^2.0.23",
 		"tippy.js": "^6.3.7",

package.json

@@ -1,5 +1,9 @@
+import { cardDatabase } from "@/application/ctx";
+import { useDataStore } from "@/application/store/data";
+import { useDeckStore } from "@/application/store/deck";
 import type { Card, Deck, ImportResult } from "@/core/lib";
 import { DeckPart, FindCardBy, getLogger } from "@/core/lib";
+import { getExistingElseThrow } from "lightdash";
 import type {
 	ApplicationApi,
 	ApplicationEvent,
@@ -8,10 +12,6 @@ import type {
 	ExternalDeck,
 	SlimExternalCard,
 } from "./api";
-import { useDataStore } from "@/application/store/data";
-import { useDeckStore } from "@/application/store/deck";
-import { getExistingElseThrow } from "lightdash";
-import { cardDatabase } from "@/application/ctx";
 
 const logger = getLogger("bridge");
 
@@ -81,12 +81,12 @@ class EventEmitter<TEvent> {
 	}
 
 	on(event: TEvent, callback: () => void): void {
-		this.#logger.trace(`Registering '${event}' event.`);
+		this.#logger.debug(`Registering '${event}' event.`);
 		getExistingElseThrow(this.#eventCallbacks, event).push(callback);
 	}
 
 	emit(event: TEvent): void {
-		this.#logger.trace(`Emitting '${event}' event.`);
+		this.#logger.debug(`Emitting '${event}' event.`);
 		getExistingElseThrow(this.#eventCallbacks, event).forEach((callback) =>
 			callback(),
 		);

src/application/bridge.ts

@@ -1,16 +1,29 @@
-import type { Logger } from "loglevel";
-import { getLogger as getLoglevelLogger, levels } from "loglevel";
-import { DEBUG } from "./mode";
 import { name as getName } from "lightdash";
 
+interface Logger {
+	error: typeof console.error;
+	warn: typeof console.warn;
+	info: typeof console.info;
+	debug: typeof console.debug;
+}
+
+const DEBUG = import.meta.env.MODE === "development";
+
 export const getLogger = (consumer: unknown): Logger => {
 	const name = getName(consumer);
 	if (name == null) {
 		throw new TypeError(
 			`Cannot find name for consumer: '${String(consumer)}'`,
 		);
 	}
-	const logger = getLoglevelLogger(name);
-	logger.setLevel(DEBUG ? levels.DEBUG : levels.WARN);
-	return logger;
+	return {
+		error: (...args) => console.error(name, ...args),
+		warn: (...args) => console.warn(name, ...args),
+		info: (...args) => console.info(name, ...args),
+		debug: (...args) => {
+			if (DEBUG) {
+				console.debug(name, ...args);
+			}
+		},
+	};
 };

src/core/logger.ts

@@ -22,11 +22,11 @@ const showTooltip = (
 	target: HTMLElement | HTMLAnchorElement,
 	cardKey: string,
 ): void => {
-	logger.trace(`Attempting to show tooltip for '${cardKey}'.`);
+	logger.debug(`Attempting to show tooltip for '${cardKey}'.`);
 	tooltipController
 		.loadCard(cardKey)
 		.then((card) => {
-			logger.trace("Loaded card.", card);
+			logger.debug("Loaded card.", card);
 			instance.setContent(createTooltipElement(card));
 
 			if (target instanceof HTMLAnchorElement) {