feat(observability): implements client side logging configuration

refs #436
akash-network · Nov 29, 2024 · 4e3a43e · 4e3a43e
1 parent e3b6a5c
commit 4e3a43e
Show file tree

Hide file tree

Showing 8 changed files with 9,185 additions and 29,426 deletions.
diff --git a/apps/stats-web/mvm.lock b/apps/stats-web/mvm.lock
@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "@akashnetwork/logging": "2.0.2",
     "@akashnetwork/network-store": "1.0.1",
     "@akashnetwork/ui": "1.0.0"
   },

diff --git a/apps/stats-web/package.json b/apps/stats-web/package.json
@@ -11,6 +11,7 @@
     "start": "next start"
   },
   "dependencies": {
+    "@akashnetwork/logging": "*",
     "@akashnetwork/network-store": "*",
     "@akashnetwork/ui": "*",
     "@cosmjs/encoding": "^0.32.4",

diff --git a/apps/stats-web/src/config/browser-env.config.ts b/apps/stats-web/src/config/browser-env.config.ts
@@ -6,5 +6,6 @@ export const browserEnvConfig = validateStaticEnvVars({
   NEXT_PUBLIC_NODE_ENV: process.env.NEXT_PUBLIC_NODE_ENV,
   NEXT_PUBLIC_BASE_API_TESTNET_URL: process.env.NEXT_PUBLIC_BASE_API_TESTNET_URL,
   NEXT_PUBLIC_BASE_API_SANDBOX_URL: process.env.NEXT_PUBLIC_BASE_API_SANDBOX_URL,
-  NEXT_PUBLIC_BASE_API_MAINNET_URL: process.env.NEXT_PUBLIC_BASE_API_MAINNET_URL
+  NEXT_PUBLIC_BASE_API_MAINNET_URL: process.env.NEXT_PUBLIC_BASE_API_MAINNET_URL,
+  NEXT_PUBLIC_LOG_LEVEL: process.env.NEXT_PUBLIC_LOG_LEVEL
 });
diff --git a/apps/stats-web/src/config/env-config.schema.ts b/apps/stats-web/src/config/env-config.schema.ts
@@ -9,7 +9,8 @@ export const browserEnvSchema = z.object({
   NEXT_PUBLIC_NODE_ENV: z.enum(["development", "production", "test"]).optional().default("development"),
   NEXT_PUBLIC_BASE_API_TESTNET_URL: z.string().url(),
   NEXT_PUBLIC_BASE_API_SANDBOX_URL: z.string().url(),
-  NEXT_PUBLIC_BASE_API_MAINNET_URL: z.string().url()
+  NEXT_PUBLIC_BASE_API_MAINNET_URL: z.string().url(),
+  NEXT_PUBLIC_LOG_LEVEL: z.enum(["fatal", "error", "warn", "info", "debug", "trace"]).optional().default("info")
 });
 
 export const serverEnvSchema = browserEnvSchema.extend({

diff --git a/apps/stats-web/src/config/logger.config.ts b/apps/stats-web/src/config/logger.config.ts
@@ -0,0 +1,7 @@
+"use client";
+
+import { LoggerService } from "@akashnetwork/logging";
+
+import { browserEnvConfig } from "@/config/browser-env.config";
+
+LoggerService.configure({ LOG_LEVEL: browserEnvConfig.NEXT_PUBLIC_LOG_LEVEL });
diff --git a/apps/stats-web/src/hooks/useLogger.ts b/apps/stats-web/src/hooks/useLogger.ts
@@ -0,0 +1,8 @@
+import "../config/logger.config";
+
+import { useMemo } from "react";
+import { LoggerService } from "@akashnetwork/logging";
+
+export const useLogger = (context: string) => {
+  return useMemo(() => LoggerService.forContext(context), [context]);
+};