Merge remote-tracking branch 'origin/develop' into PE-5964-navigation…

…-sider-navbar-routing-breadcrumbs

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "ar-io-network-portal-a40ee"
+  }
+}

.nvmrc

@@ -1 +1 @@
-18.16.0
+20.6.0

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "template-react-tailwind",
+  "name": "@ar-io/network-portal",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -24,12 +24,10 @@
     "@sentry/react": "^7.101.1",
     "axios": "^1.6.7",
     "axios-retry": "^4.0.0",
-    "eslint-plugin-tailwindcss": "^3.14.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.22.1",
     "tailwindcss-animate": "^1.0.7",
-    "ts-jest": "^29.1.2",
     "winston": "^3.11.0",
     "zustand": "^4.5.1"
   },
@@ -84,6 +82,7 @@
     "prettier-plugin-tailwindcss": "^0.5.11",
     "rimraf": "^5.0.5",
     "tailwindcss": "^3.4.1",
+    "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.2.2",
     "vite": "^5.1.0",

src/constants.ts

@@ -1,6 +1,5 @@
-import winston, { createLogger, format, transports } from 'winston';
+import { createLogger, format, transports } from 'winston';
 
-import { Logger } from '../types/index.js';
 
 export const ARIO_DOCS_URL = 'https://docs.ar.io';
 export const GATEWAY_CONTRACT_URL =
@@ -11,60 +10,9 @@ export const THEME_TYPES = {
   DARK: 'dark',
 };
 
-export class DefaultLogger implements Logger {
-  private logger: winston.Logger;
-  constructor({
-    level = 'info',
-    logFormat = 'simple',
-  }: {
-    level?: 'info' | 'debug' | 'error' | 'none' | undefined;
-    logFormat?: 'simple' | 'json' | undefined;
-  } = {}) {
-    this.logger = createLogger({
-      level,
-      silent: level === 'none',
-      format: getLogFormat(logFormat),
+export const defaultLogger = createLogger({
+      level: 'info',
+      silent: false,
+      format: format.simple(),
       transports: [new transports.Console()],
-    });
-  }
-
-  /* eslint-disable @typescript-eslint/no-explicit-any */
-  info(message: string, ...args: any[]) {
-    this.logger.info(message, ...args);
-  }
-
-  warn(message: string, ...args: any[]) {
-    this.logger.warn(message, ...args);
-  }
-
-  error(message: string, ...args: any[]) {
-    this.logger.error(message, ...args);
-  }
-
-  debug(message: string, ...args: any[]) {
-    this.logger.debug(message, ...args);
-  }
-
-  setLogLevel(level: string) {
-    this.logger.level = level;
-  }
-
-  setLogFormat(logFormat: string) {
-    this.logger.format = getLogFormat(logFormat);
-  }
-  /* eslint-enable @typescript-eslint/no-explicit-any */
-}
-
-function getLogFormat(logFormat: string) {
-  return format.combine(
-    format((info) => {
-      if (info.stack && info.level !== 'error') {
-        delete info.stack;
-      }
-      return info;
-    })(),
-    format.errors({ stack: true }), // Ensure errors show a stack trace
-    format.timestamp(),
-    logFormat === 'json' ? format.json() : format.simple(),
-  );
-}
+    })

src/services/http.ts

@@ -1,4 +1,4 @@
-import { DefaultLogger } from '@src/constants';
+import { defaultLogger } from '@src/constants';
 import axios, {
   AxiosInstance,
   AxiosProgressEvent,
@@ -9,7 +9,9 @@ import axiosRetry, { IAxiosRetryConfig } from 'axios-retry';
 import { Readable } from 'stream';
 import { ReadableStream } from 'stream/web';
 
-import { FailedRequestError, HTTPClient, Logger } from '../../types';
+import { FailedRequestError, HTTPClient } from '../../types';
+import { Logger } from 'winston'
+
 
 export class AxiosHTTPService implements HTTPClient {
   private axios: AxiosInstance;
@@ -95,7 +97,7 @@ export interface AxiosInstanceParameters {
 }
 
 export const createAxiosInstance = ({
-  logger = new DefaultLogger(),
+  logger = defaultLogger,
   axiosConfig = {},
   retryConfig = {
     retryDelay: axiosRetry.exponentialDelay,

types/common.ts

@@ -1,15 +1,6 @@
 import { Readable } from 'stream';
 import { ReadableStream } from 'stream/web';
 
-export interface Logger {
-  setLogLevel: (level: string) => void;
-  setLogFormat: (logFormat: string) => void;
-  info: (message: string, ...args: any[]) => void;
-  warn: (message: string, ...args: any[]) => void;
-  error: (message: string, ...args: any[]) => void;
-  debug: (message: string, ...args: any[]) => void;
-}
-
 export interface HTTPClient {
   get<T>({
     endpoint,