fix(exchanges): tick when page in background

src/exchanges/binance/binance.exchange.ts

@@ -27,6 +27,7 @@ import {
 import { adjust } from '../../utils/adjust';
 import { v } from '../../utils/get-key';
 import { inverseObj } from '../../utils/inverse-obj';
+import { loop } from '../../utils/loop';
 import { omitUndefined } from '../../utils/omit-undefined';
 import { createWebSocket } from '../../utils/universal-ws';
 import { BaseExchange } from '../base';
@@ -122,11 +123,7 @@ export class Binance extends BaseExchange {
         this.emitter.emit('error', err?.message);
       }
 
-      if (typeof window === 'undefined') {
-        setTimeout(() => this.tick(), 0);
-      } else {
-        requestAnimationFrame(() => this.tick());
-      }
+      loop(() => this.tick());
     }
   };
 

src/exchanges/bybit/bybit.exchange.ts

@@ -24,6 +24,7 @@ import { OrderTimeInForce, OrderType, OrderSide } from '../../types';
 import { adjust } from '../../utils/adjust';
 import { v } from '../../utils/get-key';
 import { inverseObj } from '../../utils/inverse-obj';
+import { loop } from '../../utils/loop';
 import { omitUndefined } from '../../utils/omit-undefined';
 import { createWebSocket } from '../../utils/universal-ws';
 import { BaseExchange } from '../base';
@@ -129,11 +130,7 @@ export class Bybit extends BaseExchange {
         this.emitter.emit('error', err?.message);
       }
 
-      if (typeof window === 'undefined') {
-        setTimeout(() => this.tick(), 0);
-      } else {
-        requestAnimationFrame(() => this.tick());
-      }
+      loop(() => this.tick());
     }
   };
 

src/utils/loop.ts

@@ -0,0 +1,7 @@
+export const loop = (fn: () => void) => {
+  if (typeof window !== 'undefined' && document.visibilityState === 'visible') {
+    requestAnimationFrame(() => fn());
+  } else {
+    setTimeout(() => fn(), 0);
+  }
+};