Add optional logging; update example app

examples/components/layout.tsx

@@ -39,6 +39,7 @@ const Layout = observer((props: any) => {
       <Toaster
         toastOptions={{
           duration: 5000,
+          position: 'bottom-right',
           success: {
             duration: 10000
           }

examples/contexts/context.ts

@@ -1,18 +1,20 @@
 // src/context/state.ts
 import { createContext } from 'react';
-import TastytradeClient, { MarketDataStreamer } from "tastytrade-api"
+import TastytradeClient, { LogLevel, MarketDataStreamer } from "tastytrade-api"
 import { makeAutoObservable } from 'mobx';
 import _ from 'lodash'
 
+const SANDBOX_BASE_URL = 'https://api.cert.tastyworks.com'
+const SANDBOX_STREAMER_URL = 'wss://streamer.cert.tastyworks.com'
+
 class TastytradeContext {
-    static Instance = new TastytradeContext('https://api.cert.tastyworks.com', 'wss://streamer.cert.tastyworks.com');
     public tastytradeApi: TastytradeClient
     public accountNumbers: string[] = []
     public readonly marketDataStreamer: MarketDataStreamer = new MarketDataStreamer()
 
     constructor(baseUrl: string, accountStreamerUrl: string) {
       makeAutoObservable(this)
-      this.tastytradeApi = new TastytradeClient(baseUrl, accountStreamerUrl)
+      this.tastytradeApi = new TastytradeClient({ baseUrl, accountStreamerUrl, logger: console, logLevel: LogLevel.INFO })
       makeAutoObservable(this.tastytradeApi.session)
     }
 
@@ -21,6 +23,6 @@ class TastytradeContext {
     }
 }
 
-const AppContext = createContext(TastytradeContext.Instance)
+const AppContext = createContext<TastytradeContext>(new TastytradeContext(SANDBOX_BASE_URL, SANDBOX_STREAMER_URL))
 
 export { AppContext, TastytradeContext };

examples/pages/_app.tsx

@@ -7,7 +7,7 @@ import { useMemo } from 'react'
 function MyApp({ Component, pageProps }: AppProps) {
 
   const context = useMemo(
-    () => new TastytradeContext('https://api.tastyworks.com', 'wss://streamer.cert.tastyworks.com'),
+    () => new TastytradeContext('https://api.cert.tastyworks.com', 'wss://streamer.cert.tastyworks.com'),
     []
   );
   return (

lib/account-streamer.ts

@@ -4,6 +4,7 @@ import type { JsonMap, JsonValue } from './utils/json-util.js'
 import { JsonBuilder } from './utils/json-util.js'
 import TastytradeSession from './models/tastytrade-session.js'
 import { MinTlsVersion } from './utils/constants.js'
+import type Logger from './logger.js'
 
 export enum STREAMER_STATE {
   Open = 0,
@@ -42,6 +43,7 @@ function removeElement<T>(array: T[], element: T): void {
 }
 
 export class AccountStreamer {
+  private readonly logger: Logger
   private websocket: WebSocket | null = null
   private startResolve: ((result: boolean) => void) | null = null
   private startReject: ((reason?: any) => void) | null = null
@@ -65,13 +67,17 @@ export class AccountStreamer {
     [(status: string) => void, (error: string) => void]
   > = new Map()
 
-  private readonly logger = console
-
   /**
    * 
    * @param url Url of the account streamer service
    */
-  constructor(private readonly url: string, private readonly session: TastytradeSession) {}
+  constructor(
+    private readonly url: string,
+    private readonly session: TastytradeSession,
+    logger: Logger
+  ) {
+    this.logger = logger
+    }
 
   get streamerState(): STREAMER_STATE {
     return this._streamerState
@@ -237,6 +243,7 @@ export class AccountStreamer {
       // Queue up and send on open
       this.queued.push(message)
     } else {
+      this.logger.info('Sending message: ', message)
       websocket.send(message)
     }
 
@@ -309,7 +316,7 @@ export class AccountStreamer {
       return
     }
 
-    this.logger.info('AccountStreamer opened', event)
+    this.logger.info('AccountStreamer opened')
 
     this.startResolve(true)
     this.startResolve = this.startReject = null
@@ -320,7 +327,7 @@ export class AccountStreamer {
   }
 
   private readonly handleClose = (event: WebSocket.CloseEvent) => {
-    this.logger.info('AccountStreamer closed', event)
+    this.logger.info('AccountStreamer closed')
     if (this.websocket === null) {
       return
     }
@@ -335,7 +342,7 @@ export class AccountStreamer {
       return
     }
 
-    this.logger.warn('AccountStreamer error', event)
+    this.logger.error('AccountStreamer error', event)
 
     this.lastErrorEvent = event
     this.streamerState = STREAMER_STATE.Error
@@ -370,7 +377,7 @@ export class AccountStreamer {
   }
 
   private readonly handleOneMessage = (json: JsonMap) => {
-    this.logger.info(json)
+    this.logger.info('Message received: ', json)
 
     const action = json.action as string
     this.streamerMessageObservers.forEach(observer => observer(json))

lib/logger.ts

@@ -0,0 +1,48 @@
+import _ from 'lodash'
+
+export default interface Logger {
+  error(...data: any[]): void;
+  info(...data: any[]): void;
+  warn(...data: any[]): void;
+}
+
+export enum LogLevel {
+  INFO = 1,
+  WARN = 2,
+  ERROR = 3
+}
+
+export class TastytradeLogger implements Logger {
+  public logLevel: LogLevel
+  private logger: Logger | null = null
+
+  constructor(logger?: Logger, logLevel?: LogLevel) {
+    this.logger = logger ?? null
+    this.logLevel = logLevel ?? LogLevel.ERROR
+  }
+
+  error(...data: any[]): void {
+    if (this.shouldLog(LogLevel.ERROR)) {
+      this.logger!.error(...data)
+    }
+  }
+
+  info(...data: any[]): void {
+    if (this.shouldLog(LogLevel.INFO)) {
+      this.logger!.info(...data)
+    }
+  }
+
+  warn(...data: any[]): void {
+    if (this.shouldLog(LogLevel.WARN)) {
+      this.logger!.warn(...data)
+    }
+  }
+
+  private shouldLog(level: LogLevel) {
+    if (_.isNil(this.logger)) {
+      return false
+    }
+    return LogLevel[level] >= LogLevel[this.logLevel]
+  }
+}

lib/services/tastytrade-http-client.ts

@@ -3,17 +3,20 @@ import axios from "axios"
 import qs from 'qs'
 import { recursiveDasherizeKeys } from "../utils/json-util.js"
 import _ from 'lodash'
+import type Logger from "../logger.js"
 
 const ParamsSerializer = {
   serialize: function (queryParams: object) {
     return qs.stringify(queryParams, { arrayFormat: 'brackets' })
   }
 }
 
-export default class TastytradeHttpClient{
+export default class TastytradeHttpClient {
+    private readonly logger: Logger
     public readonly session: TastytradeSession
 
-    constructor(private readonly baseUrl: string) {
+    constructor(private readonly baseUrl: string, logger: Logger) {
+      this.logger = logger
       this.session = new TastytradeSession()
     }
 
@@ -47,6 +50,7 @@ export default class TastytradeHttpClient{
         paramsSerializer: ParamsSerializer
        }, _.isEmpty)
 
+      this.logger.info('Making request', config)
       return axios.request(config)
     }
 

lib/tastytrade-api.ts

@@ -17,8 +17,18 @@ import SymbolSearchService from "./services/symbol-search-service.js"
 import TransactionsService from "./services/transactions-service.js"
 import WatchlistsService from "./services/watchlists-service.js"
 import TastytradeSession from "./models/tastytrade-session.js"
+import type Logger from "./logger.js"
+import { TastytradeLogger, LogLevel } from "./logger.js"
+
+export type ClientConfig = {
+  baseUrl: string,
+  accountStreamerUrl: string,
+  logger?: Logger,
+  logLevel?: LogLevel
+}
 
 export default class TastytradeClient {
+  public readonly logger: TastytradeLogger
   public readonly httpClient: TastytradeHttpClient
 
   public readonly accountStreamer: AccountStreamer
@@ -37,9 +47,10 @@ export default class TastytradeClient {
   public readonly transactionsService: TransactionsService
   public readonly watchlistsService: WatchlistsService
 
-  constructor(readonly baseUrl: string, readonly accountStreamerUrl: string) {
-    this.httpClient = new TastytradeHttpClient(baseUrl)
-    this.accountStreamer = new AccountStreamer(accountStreamerUrl, this.session)
+  constructor(config: ClientConfig) {
+    this.logger = new TastytradeLogger(config.logger, config.logLevel)
+    this.httpClient = new TastytradeHttpClient(config.baseUrl, this.logger)
+    this.accountStreamer = new AccountStreamer(config.accountStreamerUrl, this.session, this.logger)
 
     this.sessionService = new SessionService(this.httpClient)
     this.accountStatusService = new AccountStatusService(this.httpClient)
@@ -63,3 +74,5 @@ export default class TastytradeClient {
 
 export { MarketDataStreamer, MarketDataSubscriptionType, type MarketDataListener, type CandleSubscriptionOptions, CandleType }
 export { AccountStreamer, STREAMER_STATE, type Disposer, type StreamerStateObserver }
+export { TastytradeLogger, LogLevel }
+export type { Logger }