chore: replace loglevel with minimalistic internal logger implementation

Author: cesarenaldi

packages/client/package.json

@@ -39,13 +39,23 @@
   },
   "typesVersions": {
     "*": {
-      "actions": ["./dist/actions/index.d.ts"],
-      "ethers": ["./dist/ethers/index.d.ts"],
-      "viem": ["./dist/viem/index.d.ts"],
-      "test-utils": ["./dist/test-utils.d.ts"]
+      "actions": [
+        "./dist/actions/index.d.ts"
+      ],
+      "ethers": [
+        "./dist/ethers/index.d.ts"
+      ],
+      "viem": [
+        "./dist/viem/index.d.ts"
+      ],
+      "test-utils": [
+        "./dist/test-utils.d.ts"
+      ]
     }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "sideEffects": false,
   "scripts": {
     "build": "tsup",
@@ -59,8 +69,7 @@
     "@urql/core": "^5.0.8",
     "@urql/exchange-auth": "^2.2.0",
     "graphql": "^16.9.0",
-    "jwt-decode": "^4.0.0",
-    "loglevel": "^1.9.2"
+    "jwt-decode": "^4.0.0"
   },
   "peerDependencies": {
     "@lens-chain/sdk": "^1.0.0",

packages/client/src/clients.ts

@@ -29,7 +29,6 @@ import {
   fetchExchange,
 } from '@urql/core';
 import { type AuthConfig, authExchange } from '@urql/exchange-auth';
-import { type Logger, getLogger } from 'loglevel';
 
 import { CredentialsStorage } from '@lens-protocol/storage';
 import { type AuthenticatedUser, authenticatedUser } from './AuthenticatedUser';
@@ -45,6 +44,7 @@ import {
   UnexpectedError,
   hasExtensionCode,
 } from './errors';
+import { LogLevel, Logger } from './logger';
 import { decodeAccessToken, decodeIdToken } from './tokens';
 import { delay } from './utils';
 
@@ -88,8 +88,10 @@ abstract class AbstractClient<TContext extends Context, TError> {
      */
     public readonly context: TContext,
   ) {
-    this.logger = getLogger(this.constructor.name);
-    this.logger.setLevel(context.debug ? 'DEBUG' : 'SILENT', false);
+    this.logger = Logger.named(
+      this.constructor.name,
+      context.debug ? LogLevel.DEBUG : LogLevel.SILENT,
+    );
 
     this.urql = createClient({
       url: context.environment.backend,

packages/client/src/logger.ts

@@ -0,0 +1,44 @@
+type LogMethod = (...args: unknown[]) => void;
+
+export enum LogLevel {
+  TRACE = 0,
+  DEBUG = 1,
+  INFO = 2,
+  WARN = 3,
+  ERROR = 4,
+  SILENT = 5,
+}
+
+export class Logger {
+  private level: LogLevel;
+  private name: string;
+
+  private constructor(name: string, level: LogLevel = LogLevel.WARN) {
+    this.name = name;
+    this.level = level;
+    this.replaceMethods();
+  }
+
+  static named(name: string, level: LogLevel = LogLevel.WARN): Logger {
+    return new Logger(name, level);
+  }
+
+  trace: LogMethod = () => {};
+  debug: LogMethod = () => {};
+  info: LogMethod = () => {};
+  warn: LogMethod = () => {};
+  error: LogMethod = () => {};
+  log: LogMethod = () => {}; // alias for debug
+
+  private replaceMethods() {
+    (['trace', 'debug', 'info', 'warn', 'error'] as const).forEach((methodName, index) => {
+      if (index >= this.level) {
+        this[methodName] = () => {};
+      } else {
+        this[methodName] = (...args) =>
+          console[methodName === 'debug' ? 'log' : methodName](`[${this.name}]`, ...args);
+      }
+    });
+    this.log = this.debug;
+  }
+}