@pear-protocol/symmio-client 0.2.10 → 0.2.12

package/dist/react/index.mjs

@@ -1,9 +1,9 @@
 'use client';
-import { createContext, useContext, useEffect, useMemo, useRef, useCallback } from 'react';
+import { createContext, useContext, useMemo, useRef, useCallback, useEffect } from 'react';
 import { createSymmSDK, isAuthExpiredError, isNetworkError, isInsufficientMarginError, isRateLimitedError, isTimeoutError } from '@pear-protocol/symm-core';
-import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
-import { create } from 'zustand';
 import { jsx } from 'react/jsx-runtime';
+import { create } from 'zustand';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { isAddress, encodeFunctionData } from 'viem';
 
 var SymmContext = createContext(null);
@@ -14,145 +14,6 @@ function useSymmContext() {
   }
   return ctx;
 }
-
-// src/react/query-keys.ts
-var symmKeys = {
-  all: ["symm"],
-  accounts: (address, chainId) => ["symm", "accounts", address, chainId],
-  accountsApi: (address, chainId) => ["symm", "accountsApi", address, chainId],
-  accountsLength: (address, chainId) => ["symm", "accountsLength", address, chainId],
-  accountsWithPositions: (address, chainId) => ["symm", "accountsWithPositions", address, chainId],
-  accountSummary: (address, chainId) => ["symm", "accountSummary", address, chainId],
-  accountData: (address, chainId, upnl) => ["symm", "accountData", address, chainId, upnl],
-  signature: (address, chainId) => ["symm", "signature", address, chainId],
-  approval: (owner, spender, chainId, token) => ["symm", "approval", owner, spender, chainId, token],
-  balances: (address, chainId) => ["symm", "balances", address, chainId],
-  positions: (params) => ["symm", "positions", params],
-  openOrders: (params) => ["symm", "openOrders", params],
-  tradeHistory: (params) => ["symm", "tradeHistory", params],
-  tpslOrders: (address, chainId) => ["symm", "tpslOrders", address, chainId],
-  tpslOrdersList: (params) => ["symm", "tpslOrders", params],
-  twapOrders: (address, chainId) => ["symm", "twapOrders", address, chainId],
-  triggerOrders: (params) => ["symm", "triggerOrders", params],
-  triggerConfig: (orderId) => ["symm", "triggerConfig", orderId],
-  markets: (chainId, search) => ["symm", "markets", chainId, search],
-  hedgerMarketById: (id, chainId) => ["symm", "hedgerMarketById", id, chainId],
-  hedgerMarketBySymbol: (symbol, chainId) => ["symm", "hedgerMarketBySymbol", symbol, chainId],
-  lockedParams: (marketName, leverage, chainId) => ["symm", "lockedParams", marketName, leverage, chainId],
-  hedgerMarkets: (request) => ["symm", "hedgerMarkets", request],
-  fundingRates: (chainId) => ["symm", "fundingRates", chainId],
-  fundingPayments: (params) => ["symm", "fundingPayments", params],
-  fundingHistory: (params) => ["symm", "fundingHistory", params],
-  portfolio: (params) => ["symm", "portfolio", params],
-  notifications: (address, chainId) => ["symm", "notifications", address, chainId],
-  unreadCount: (address, chainId) => ["symm", "unreadCount", address, chainId],
-  availableMargin: (address, chainId) => ["symm", "availableMargin", address, chainId],
-  pendingIds: (address, chainId) => ["symm", "pendingIds", address, chainId],
-  pendingInstantOpens: (accountAddress, chainId) => ["symm", "pendingInstantOpens", accountAddress, chainId],
-  twapOrder: (orderId) => ["symm", "twapOrder", orderId],
-  delegation: (account, target, selectors, chainId) => ["symm", "delegation", account, target, selectors, chainId],
-  chartMetadata: (symbolsKey, positionKey) => ["symm", "chartMetadata", symbolsKey, positionKey]
-};
-var useSymmWsStore = create((set) => ({
-  isConnected: false,
-  setConnected: (isConnected) => set({ isConnected })
-}));
-
-// src/react/hooks/use-symm-ws.ts
-function asUnsubscribeFn(value) {
-  return typeof value === "function" ? value : null;
-}
-function useSymmWs(params = {}) {
-  const { symmCoreClient: ctxClient, address: ctxAddress, chainId: ctxChainId } = useSymmContext();
-  const queryClient = useQueryClient();
-  const isConnected = useSymmWsStore((state) => state.isConnected);
-  const setConnected = useSymmWsStore((state) => state.setConnected);
-  const symmCoreClient = params.symmCoreClient ?? ctxClient;
-  const accountAddress = params.accountAddress ?? ctxAddress;
-  const chainId = params.chainId ?? ctxChainId;
-  useEffect(() => {
-    if (!symmCoreClient || !accountAddress) {
-      setConnected(false);
-      return;
-    }
-    const ws = symmCoreClient.ws;
-    const addr = accountAddress;
-    const unsubscribers = [];
-    const removeOnConnect = ws.onConnect(() => setConnected(true));
-    const removeOnDisconnect = ws.onDisconnect(() => setConnected(false));
-    unsubscribers.push(removeOnConnect, removeOnDisconnect);
-    const positionsUnsub = asUnsubscribeFn(ws.subscribeToPositions(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "positions"]
-      });
-    }));
-    if (positionsUnsub) unsubscribers.push(positionsUnsub);
-    const openOrdersUnsub = asUnsubscribeFn(ws.subscribeToOpenOrders(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "openOrders"]
-      });
-    }));
-    if (openOrdersUnsub) unsubscribers.push(openOrdersUnsub);
-    const tradesUnsub = asUnsubscribeFn(ws.subscribeToTrades(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "tradeHistory"]
-      });
-    }));
-    if (tradesUnsub) unsubscribers.push(tradesUnsub);
-    const accountSummaryUnsub = asUnsubscribeFn(ws.subscribeToAccountSummary(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: symmKeys.balances(accountAddress, chainId)
-      });
-      queryClient.invalidateQueries({
-        queryKey: symmKeys.accountSummary(accountAddress, chainId)
-      });
-    }));
-    if (accountSummaryUnsub) unsubscribers.push(accountSummaryUnsub);
-    const notificationsUnsub = asUnsubscribeFn(ws.subscribeToNotifications(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: symmKeys.notifications(accountAddress, chainId)
-      });
-      queryClient.invalidateQueries({
-        queryKey: symmKeys.unreadCount(accountAddress, chainId)
-      });
-    }));
-    if (notificationsUnsub) unsubscribers.push(notificationsUnsub);
-    const tpslUnsub = asUnsubscribeFn(ws.subscribeToTpsl(addr, chainId, () => {
-      queryClient.invalidateQueries({ queryKey: ["symm", "tpslOrders"] });
-      queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
-    }));
-    if (tpslUnsub) unsubscribers.push(tpslUnsub);
-    const twapUnsub = asUnsubscribeFn(ws.subscribeToTwapOrders(addr, chainId, () => {
-      queryClient.invalidateQueries({ queryKey: ["symm", "twapOrders"] });
-      queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
-    }));
-    if (twapUnsub) unsubscribers.push(twapUnsub);
-    const triggerOrdersUnsub = asUnsubscribeFn(ws.subscribeToTriggerOrders(addr, chainId, () => {
-      queryClient.invalidateQueries({ queryKey: ["symm", "triggerOrders"] });
-      queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
-    }));
-    if (triggerOrdersUnsub) unsubscribers.push(triggerOrdersUnsub);
-    const executionsUnsub = asUnsubscribeFn(ws.subscribeToExecutions(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "positions"]
-      });
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "portfolio"]
-      });
-    }));
-    if (executionsUnsub) unsubscribers.push(executionsUnsub);
-    return () => {
-      if (unsubscribers.length > 2) {
-        unsubscribers.forEach((unsubscribe) => unsubscribe());
-      } else {
-        removeOnConnect();
-        removeOnDisconnect();
-        ws.unsubscribeAll();
-      }
-    };
-  }, [symmCoreClient, accountAddress, chainId, queryClient, setConnected]);
-  return { isConnected };
-}
 function SymmProvider({
   chainId = 42161,
   address,
@@ -167,7 +28,6 @@ function SymmProvider({
       defaultChainId: chainId
     });
   }, [chainId, symmCoreConfig.apiUrl, symmCoreConfig.wsUrl]);
-  useSymmWs({ symmCoreClient, accountAddress: address, chainId });
   const value = useMemo(
     () => ({
       symmCoreClient,
@@ -987,6 +847,45 @@ async function hasDelegatedAccess(publicClient, multiAccount, params) {
   return Boolean(result);
 }
 
+// src/react/query-keys.ts
+var symmKeys = {
+  all: ["symm"],
+  accounts: (address, chainId) => ["symm", "accounts", address, chainId],
+  accountsApi: (address, chainId) => ["symm", "accountsApi", address, chainId],
+  accountsLength: (address, chainId) => ["symm", "accountsLength", address, chainId],
+  accountsWithPositions: (address, chainId) => ["symm", "accountsWithPositions", address, chainId],
+  accountSummary: (address, chainId) => ["symm", "accountSummary", address, chainId],
+  accountData: (address, chainId, upnl) => ["symm", "accountData", address, chainId, upnl],
+  signature: (address, chainId) => ["symm", "signature", address, chainId],
+  approval: (owner, spender, chainId, token) => ["symm", "approval", owner, spender, chainId, token],
+  balances: (address, chainId) => ["symm", "balances", address, chainId],
+  positions: (params) => ["symm", "positions", params],
+  openOrders: (params) => ["symm", "openOrders", params],
+  tradeHistory: (params) => ["symm", "tradeHistory", params],
+  tpslOrders: (address, chainId) => ["symm", "tpslOrders", address, chainId],
+  tpslOrdersList: (params) => ["symm", "tpslOrders", params],
+  twapOrders: (address, chainId) => ["symm", "twapOrders", address, chainId],
+  triggerOrders: (params) => ["symm", "triggerOrders", params],
+  triggerConfig: (orderId) => ["symm", "triggerConfig", orderId],
+  markets: (chainId, search) => ["symm", "markets", chainId, search],
+  hedgerMarketById: (id, chainId) => ["symm", "hedgerMarketById", id, chainId],
+  hedgerMarketBySymbol: (symbol, chainId) => ["symm", "hedgerMarketBySymbol", symbol, chainId],
+  lockedParams: (marketName, leverage, chainId) => ["symm", "lockedParams", marketName, leverage, chainId],
+  hedgerMarkets: (request) => ["symm", "hedgerMarkets", request],
+  fundingRates: (chainId) => ["symm", "fundingRates", chainId],
+  fundingPayments: (params) => ["symm", "fundingPayments", params],
+  fundingHistory: (params) => ["symm", "fundingHistory", params],
+  portfolio: (params) => ["symm", "portfolio", params],
+  notifications: (address, chainId) => ["symm", "notifications", address, chainId],
+  unreadCount: (address, chainId) => ["symm", "unreadCount", address, chainId],
+  availableMargin: (address, chainId) => ["symm", "availableMargin", address, chainId],
+  pendingIds: (address, chainId) => ["symm", "pendingIds", address, chainId],
+  pendingInstantOpens: (accountAddress, chainId) => ["symm", "pendingInstantOpens", accountAddress, chainId],
+  twapOrder: (orderId) => ["symm", "twapOrder", orderId],
+  delegation: (account, target, selectors, chainId) => ["symm", "delegation", account, target, selectors, chainId],
+  chartMetadata: (symbolsKey, positionKey) => ["symm", "chartMetadata", symbolsKey, positionKey]
+};
+
 // src/react/hooks/use-symm-delegation.ts
 function useSymmDelegation(params) {
   const { chainId, address, symmioConfig } = useSymmContext();
@@ -24707,6 +24606,7 @@ function useSymmPositions(params) {
     }),
     enabled: internalEnabled && (params.query?.enabled ?? true)
   });
+  console.log("positions query", { query });
   return {
     positions: query.data?.data?.positions ?? [],
     isLoading: query.isLoading,
@@ -25284,6 +25184,128 @@ function useSymmTwapOrder(params) {
     refetch: query.refetch
   };
 }
+var useSymmWsStore = create((set) => ({
+  isConnected: false,
+  setConnected: (isConnected) => set({ isConnected })
+}));
+
+// src/react/hooks/use-symm-ws.ts
+function asUnsubscribeFn(value) {
+  return typeof value === "function" ? value : null;
+}
+function useSymmWs(params = {}) {
+  const {
+    symmCoreClient: ctxClient,
+    address: ctxAddress,
+    chainId: ctxChainId
+  } = useSymmContext();
+  const queryClient = useQueryClient();
+  const isConnected = useSymmWsStore((state) => state.isConnected);
+  const setConnected = useSymmWsStore((state) => state.setConnected);
+  const symmCoreClient = params.symmCoreClient ?? ctxClient;
+  const accountAddress = params.accountAddress ?? ctxAddress;
+  const chainId = params.chainId ?? ctxChainId;
+  useEffect(() => {
+    if (!symmCoreClient || !accountAddress) {
+      setConnected(false);
+      return;
+    }
+    const ws = symmCoreClient.ws;
+    const addr = accountAddress;
+    const unsubscribers = [];
+    const removeOnConnect = ws.onConnect(() => setConnected(true));
+    const removeOnDisconnect = ws.onDisconnect(() => setConnected(false));
+    unsubscribers.push(removeOnConnect, removeOnDisconnect);
+    const positionsUnsub = asUnsubscribeFn(
+      ws.subscribeToPositions(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "positions"]
+        });
+      })
+    );
+    if (positionsUnsub) unsubscribers.push(positionsUnsub);
+    const openOrdersUnsub = asUnsubscribeFn(
+      ws.subscribeToOpenOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "openOrders"]
+        });
+      })
+    );
+    if (openOrdersUnsub) unsubscribers.push(openOrdersUnsub);
+    const tradesUnsub = asUnsubscribeFn(
+      ws.subscribeToTrades(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "tradeHistory"]
+        });
+      })
+    );
+    if (tradesUnsub) unsubscribers.push(tradesUnsub);
+    const accountSummaryUnsub = asUnsubscribeFn(
+      ws.subscribeToAccountSummary(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.balances(accountAddress, chainId)
+        });
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.accountSummary(accountAddress, chainId)
+        });
+      })
+    );
+    if (accountSummaryUnsub) unsubscribers.push(accountSummaryUnsub);
+    const notificationsUnsub = asUnsubscribeFn(
+      ws.subscribeToNotifications(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.notifications(accountAddress, chainId)
+        });
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.unreadCount(accountAddress, chainId)
+        });
+      })
+    );
+    if (notificationsUnsub) unsubscribers.push(notificationsUnsub);
+    const tpslUnsub = asUnsubscribeFn(
+      ws.subscribeToTpsl(addr, chainId, () => {
+        queryClient.invalidateQueries({ queryKey: ["symm", "tpslOrders"] });
+        queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
+      })
+    );
+    if (tpslUnsub) unsubscribers.push(tpslUnsub);
+    const twapUnsub = asUnsubscribeFn(
+      ws.subscribeToTwapOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({ queryKey: ["symm", "twapOrders"] });
+        queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
+      })
+    );
+    if (twapUnsub) unsubscribers.push(twapUnsub);
+    const triggerOrdersUnsub = asUnsubscribeFn(
+      ws.subscribeToTriggerOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({ queryKey: ["symm", "triggerOrders"] });
+        queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
+      })
+    );
+    if (triggerOrdersUnsub) unsubscribers.push(triggerOrdersUnsub);
+    const executionsUnsub = asUnsubscribeFn(
+      ws.subscribeToExecutions(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "positions"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "portfolio"]
+        });
+      })
+    );
+    if (executionsUnsub) unsubscribers.push(executionsUnsub);
+    return () => {
+      if (unsubscribers.length > 2) {
+        unsubscribers.forEach((unsubscribe) => unsubscribe());
+      } else {
+        removeOnConnect();
+        removeOnDisconnect();
+        ws.unsubscribeAll();
+      }
+    };
+  }, [symmCoreClient, accountAddress, chainId, queryClient, setConnected]);
+  return { isConnected };
+}
 var STABLE_SYMBOLS = /* @__PURE__ */ new Set(["USDC", "USD", "USDT", "USDE", "USDH", "USDT0"]);
 function useSymmChartSelection(input) {
   const {