chore: flag for disabling abacus (#1394)

src/lib/abacus/index.ts

@@ -2,6 +2,7 @@
 import type { LocalWallet, SelectedGasDenom } from '@dydxprotocol/v4-client-js';
 
 import type {
+  AbacusStateNotificationProtocol,
   AdjustIsolatedMarginInputFields,
   ClosePositionInputFields,
   HistoricalPnlPeriods,
@@ -64,14 +65,15 @@ import { getTransferInputs } from '@/state/inputsSelectors';
 
 import { assertNever } from '../assertNever';
 import { LocaleSeparators } from '../numbers';
+import { testFlags } from '../testFlags';
 import AbacusAnalytics from './analytics';
 import AbacusChainTransaction from './dydxChainTransactions';
 import AbacusFileSystem from './filesystem';
 import AbacusFormatter from './formatter';
 import AbacusLocalizer from './localizer';
 import AbacusLogger from './logger';
 import AbacusRest from './rest';
-import AbacusStateNotifier from './stateNotification';
+import AbacusStateNotifier, { NoOpAbacusStateNotifier } from './stateNotification';
 import AbacusThreading from './threading';
 import AbacusWebsocket from './websocket';
 
@@ -102,7 +104,7 @@ class AbacusStateManager {
 
   websocket: AbacusWebsocket;
 
-  stateNotifier: AbacusStateNotifier;
+  stateNotifier: AbacusStateNotificationProtocol & { setStore: (store: RootStore) => void };
 
   analytics: AbacusAnalytics;
 
@@ -113,7 +115,9 @@ class AbacusStateManager {
   constructor() {
     this.store = undefined;
     this.currentMarket = undefined;
-    this.stateNotifier = new AbacusStateNotifier();
+    this.stateNotifier = testFlags.disableAbacus
+      ? new NoOpAbacusStateNotifier()
+      : new AbacusStateNotifier();
     this.analytics = new AbacusAnalytics();
     this.websocket = new AbacusWebsocket();
     this.abacusFormatter = new AbacusFormatter();
@@ -153,6 +157,7 @@ class AbacusStateManager {
   }
 
   start = ({ network }: { network?: DydxNetwork } = {}) => {
+    if (testFlags.disableAbacus) return;
     if (network) {
       this.stateManager.environmentId = network;
     }
@@ -162,6 +167,7 @@ class AbacusStateManager {
   };
 
   restart = ({ network }: { network?: DydxNetwork } = {}) => {
+    if (testFlags.disableAbacus) return;
     this.stateManager.readyToConnect = false;
     this.start({ network });
   };

src/lib/abacus/stateNotification.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line max-classes-per-file
 import { kollections } from '@dydxprotocol/v4-abacus';
 import { fromPairs, throttle } from 'lodash';
 
@@ -286,3 +287,19 @@ class AbacusStateNotifier implements AbacusStateNotificationProtocol {
 }
 
 export default AbacusStateNotifier;
+
+export class NoOpAbacusStateNotifier implements AbacusStateNotificationProtocol {
+  environmentsChanged(): void {}
+
+  notificationsChanged(): void {}
+
+  stateChanged(): void {}
+
+  lastOrderChanged() {}
+
+  errorsEmitted() {}
+
+  apiStateChanged() {}
+
+  setStore = () => {};
+}

src/lib/testFlags.ts

@@ -66,6 +66,10 @@ class TestFlags {
     return isDev;
   }
 
+  get disableAbacus() {
+    return this.booleanFlag(this.queryParams.disable_abacus);
+  }
+
   get showNewDepositFlow() {
     return !!this.queryParams.deposit_rewrite;
   }