@pear-protocol/symmio-client 0.3.0 → 0.3.2

package/dist/react/index.d.mts

@@ -8559,6 +8559,7 @@ type SymmTradeAuthParams = {
     address?: Address;
     chainId?: number;
 };
+
 type OpenBasketMutationRequest = WithOptionalAuthToken<OpenBasketPositionRequest>;
 type ClosePositionMutationRequest = WithOptionalAuthToken<ClosePositionRequest>;
 type CloseAllPositionsMutationRequest = WithOptionalAuthToken<Parameters<NonNullable<ReturnType<typeof useSymmContext>['symmCoreClient']>['positions']['closeAll']>[0]>;

package/dist/react/index.d.ts

@@ -8559,6 +8559,7 @@ type SymmTradeAuthParams = {
     address?: Address;
     chainId?: number;
 };
+
 type OpenBasketMutationRequest = WithOptionalAuthToken<OpenBasketPositionRequest>;
 type ClosePositionMutationRequest = WithOptionalAuthToken<ClosePositionRequest>;
 type CloseAllPositionsMutationRequest = WithOptionalAuthToken<Parameters<NonNullable<ReturnType<typeof useSymmContext>['symmCoreClient']>['positions']['closeAll']>[0]>;

package/dist/react/index.js

@@ -4,8 +4,8 @@
 var react = require('react');
 var symmCore = require('@pear-protocol/symm-core');
 var zustand = require('zustand');
-var jsxRuntime = require('react/jsx-runtime');
 var reactQuery = require('@tanstack/react-query');
+var jsxRuntime = require('react/jsx-runtime');
 var siwe = require('siwe');
 var viem = require('viem');
 
@@ -490,6 +490,193 @@ function useBinanceWs(params) {
     };
   }, [symmCoreClient, chainId, subscribeSymbol, unsubscribeSymbol]);
 }
+
+// src/react/query-keys.ts
+var symmKeys = {
+  all: ["symm"],
+  balancesRoot: ["symm", "balances"],
+  accountSummaryRoot: ["symm", "accountSummary"],
+  accountDataRoot: ["symm", "accountData"],
+  approvalRoot: ["symm", "approval"],
+  positionsRoot: ["symm", "positions"],
+  openOrdersRoot: ["symm", "openOrders"],
+  tradeHistoryRoot: ["symm", "tradeHistory"],
+  portfolioRoot: ["symm", "portfolio"],
+  tpslOrdersRoot: ["symm", "tpslOrders"],
+  twapOrdersRoot: ["symm", "twapOrders"],
+  triggerOrdersRoot: ["symm", "triggerOrders"],
+  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],
+  auth: (accountAddress, chainId, signerAddress) => ["symm", "auth", accountAddress, chainId, signerAddress],
+  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, pageSize) => ["symm", "markets", chainId, search, pageSize],
+  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: (params) => ["symm", "notifications", params],
+  unreadCount: (params) => ["symm", "unreadCount", params],
+  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 = zustand.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 ctx = react.useContext(SymmContext);
+  const queryClient = reactQuery.useQueryClient();
+  const isConnected = useSymmWsStore((state) => state.isConnected);
+  const setConnected = useSymmWsStore((state) => state.setConnected);
+  const symmCoreClient = params.symmCoreClient ?? ctx?.symmCoreClient ?? null;
+  const accountAddress = params.accountAddress ?? ctx?.address;
+  const chainId = params.chainId ?? ctx?.chainId ?? 42161;
+  react.useEffect(() => {
+    if (!symmCoreClient || !accountAddress) {
+      setConnected(false);
+      return;
+    }
+    const ws = symmCoreClient.ws;
+    const addr = accountAddress;
+    const unsubscribers = [];
+    let cancelled = false;
+    const removeOnConnect = ws.onConnect(() => {
+      setConnected(true);
+    });
+    const removeOnDisconnect = ws.onDisconnect(() => {
+      setConnected(false);
+    });
+    const removeOnError = asUnsubscribeFn(ws.onError?.(() => {
+    }));
+    const removeOnWelcome = asUnsubscribeFn(ws.onWelcome?.(() => {
+    }));
+    unsubscribers.push(removeOnConnect, removeOnDisconnect);
+    if (removeOnError) unsubscribers.push(removeOnError);
+    if (removeOnWelcome) unsubscribers.push(removeOnWelcome);
+    const positionsUnsub = asUnsubscribeFn(
+      ws.subscribeToPositions(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.positionsRoot
+        });
+      })
+    );
+    if (positionsUnsub) unsubscribers.push(positionsUnsub);
+    const openOrdersUnsub = asUnsubscribeFn(
+      ws.subscribeToOpenOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.openOrdersRoot
+        });
+      })
+    );
+    if (openOrdersUnsub) unsubscribers.push(openOrdersUnsub);
+    const tradesUnsub = asUnsubscribeFn(
+      ws.subscribeToTrades(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.tradeHistoryRoot
+        });
+      })
+    );
+    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: symmKeys.tpslOrdersRoot });
+        queryClient.invalidateQueries({ queryKey: symmKeys.openOrdersRoot });
+      })
+    );
+    if (tpslUnsub) unsubscribers.push(tpslUnsub);
+    const twapUnsub = asUnsubscribeFn(
+      ws.subscribeToTwapOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({ queryKey: symmKeys.twapOrdersRoot });
+        queryClient.invalidateQueries({ queryKey: symmKeys.openOrdersRoot });
+      })
+    );
+    if (twapUnsub) unsubscribers.push(twapUnsub);
+    const triggerOrdersUnsub = asUnsubscribeFn(
+      ws.subscribeToTriggerOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({ queryKey: symmKeys.triggerOrdersRoot });
+        queryClient.invalidateQueries({ queryKey: symmKeys.openOrdersRoot });
+      })
+    );
+    if (triggerOrdersUnsub) unsubscribers.push(triggerOrdersUnsub);
+    const executionsUnsub = asUnsubscribeFn(
+      ws.subscribeToExecutions(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.positionsRoot
+        });
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.portfolioRoot
+        });
+      })
+    );
+    if (executionsUnsub) unsubscribers.push(executionsUnsub);
+    void ws.connect().then(() => {
+      if (cancelled) {
+        return;
+      }
+    }).catch(() => {
+      if (cancelled) {
+        return;
+      }
+      setConnected(false);
+    });
+    return () => {
+      cancelled = true;
+      unsubscribers.forEach((unsubscribe) => unsubscribe());
+      ws.disconnect();
+      setConnected(false);
+    };
+  }, [symmCoreClient, accountAddress, chainId, queryClient, setConnected]);
+  return { isConnected };
+}
 function SymmProvider({
   chainId = 42161,
   address,
@@ -522,6 +709,11 @@ function SymmProvider({
     symmCoreClient,
     chainId
   });
+  useSymmWs({
+    symmCoreClient,
+    accountAddress: address,
+    chainId
+  });
   return /* @__PURE__ */ jsxRuntime.jsx(SymmContext.Provider, { value, children });
 }
 
@@ -704,57 +896,6 @@ async function fetchAccessTokenEntry(walletClient, signerAddress, accountAddress
   return cachedToken;
 }
 
-// src/react/query-keys.ts
-var symmKeys = {
-  all: ["symm"],
-  balancesRoot: ["symm", "balances"],
-  accountSummaryRoot: ["symm", "accountSummary"],
-  accountDataRoot: ["symm", "accountData"],
-  approvalRoot: ["symm", "approval"],
-  positionsRoot: ["symm", "positions"],
-  openOrdersRoot: ["symm", "openOrders"],
-  tradeHistoryRoot: ["symm", "tradeHistory"],
-  portfolioRoot: ["symm", "portfolio"],
-  tpslOrdersRoot: ["symm", "tpslOrders"],
-  twapOrdersRoot: ["symm", "twapOrders"],
-  triggerOrdersRoot: ["symm", "triggerOrders"],
-  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],
-  auth: (accountAddress, chainId, signerAddress) => ["symm", "auth", accountAddress, chainId, signerAddress],
-  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, pageSize) => ["symm", "markets", chainId, search, pageSize],
-  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: (params) => ["symm", "notifications", params],
-  unreadCount: (params) => ["symm", "unreadCount", params],
-  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/auth-cache.ts
 function getAuthQueryData(queryClient, accountAddress, chainId, signerAddress) {
   return queryClient.getQueryData(
@@ -824,12 +965,6 @@ function clearAuthState(queryClient, accountAddress, chainId, signerAddress) {
 }
 
 // src/react/hooks/use-symm-auth.ts
-function logSymmAuth(event, details) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  console.log("[symm-auth]", event, details ?? {});
-}
 function useSymmAuth(params) {
   const context = useSymmContext();
   const queryClient = reactQuery.useQueryClient();
@@ -843,20 +978,10 @@ function useSymmAuth(params) {
     async (accountAddress, options) => {
       const resolvedAccountAddress = accountAddress ?? activeAccountAddress;
       if (!resolvedAccountAddress) {
-        logSymmAuth("refresh:skip-no-active-account", {
-          signerAddress: address,
-          chainId
-        });
         return null;
       }
       if (!walletClient || !address) return null;
       try {
-        logSymmAuth("refresh:fetch-start", {
-          signerAddress: address,
-          accountAddress: resolvedAccountAddress,
-          chainId,
-          force: options?.force ?? false
-        });
         const tokenEntry = await resolveAuthTokenEntry({
           queryClient,
           walletClient,
@@ -867,20 +992,9 @@ function useSymmAuth(params) {
           force: options?.force
         });
         const token2 = tokenEntry?.token ?? null;
-        logSymmAuth("refresh:fetch-success", {
-          signerAddress: address,
-          accountAddress: resolvedAccountAddress,
-          chainId
-        });
         return token2;
       } catch (error) {
         clearPersistedAuthState(resolvedAccountAddress, chainId);
-        logSymmAuth("refresh:fetch-failed", {
-          signerAddress: address,
-          accountAddress: resolvedAccountAddress,
-          chainId,
-          error: error instanceof Error ? error.message : String(error)
-        });
         return null;
       }
     },
@@ -2128,9 +2242,53 @@ function useSymmApproveMutation(params, options) {
     }
   });
 }
+function splitTradeHookArgs(paramsOrOptions, options) {
+  if (paramsOrOptions && "mutation" in paramsOrOptions) {
+    return {
+      params: {},
+      options: paramsOrOptions
+    };
+  }
+  return {
+    params: paramsOrOptions ?? {},
+    options
+  };
+}
+function useResolveTradeAuthToken(params = {}) {
+  const context = useSymmContext();
+  const queryClient = reactQuery.useQueryClient();
+  const address = params.address ?? context.address;
+  const chainId = params.chainId ?? context.chainId;
+  return react.useCallback(
+    async (providedAuthToken, accountAddress, overrideChainId) => {
+      const resolvedChainId = overrideChainId ?? chainId;
+      if (providedAuthToken) {
+        return providedAuthToken;
+      }
+      const resolvedAccountAddress = accountAddress ?? address;
+      if (!resolvedAccountAddress) {
+        return null;
+      }
+      const inMemoryToken = getAuthTokenFromRuntimeCache(
+        queryClient,
+        resolvedAccountAddress,
+        resolvedChainId,
+        address
+      );
+      if (inMemoryToken) {
+        return inMemoryToken;
+      }
+      return null;
+    },
+    [address, chainId, queryClient]
+  );
+}
+
+// src/react/hooks/use-symm-cancel-close.ts
 function useSymmCancelClose(options) {
   const { symmCoreClient, chainId, address } = useSymmContext();
   const queryClient = reactQuery.useQueryClient();
+  const resolveAuthToken = useResolveTradeAuthToken({ address, chainId });
   return reactQuery.useMutation({
     ...withSymmMutationConfig(options?.mutation, {
       onSuccess: () => {
@@ -2147,14 +2305,12 @@ function useSymmCancelClose(options) {
       if (!symmCoreClient) {
         throw new Error("symm-core client not available");
       }
-      const resolvedAccountAddress = accountAddress ?? address;
       const resolvedChainId = overrideChainId ?? chainId;
-      const resolvedAuthToken = authToken ?? (resolvedAccountAddress ? getAuthTokenFromRuntimeCache(
-        queryClient,
-        resolvedAccountAddress,
-        resolvedChainId,
-        address
-      ) : null);
+      const resolvedAuthToken = await resolveAuthToken(
+        authToken,
+        accountAddress,
+        resolvedChainId
+      );
       if (!resolvedAuthToken) {
         throw new Error("auth token is required to cancel a pending close");
       }
@@ -2169,6 +2325,7 @@ function useSymmCancelClose(options) {
 function useSymmCloseOrder(options) {
   const { symmCoreClient, address, chainId } = useSymmContext();
   const queryClient = reactQuery.useQueryClient();
+  const resolveAuthToken = useResolveTradeAuthToken({ address, chainId });
   return reactQuery.useMutation({
     ...withSymmMutationConfig(options?.mutation, {
       onSuccess: () => {
@@ -2181,16 +2338,17 @@ function useSymmCloseOrder(options) {
         throw new Error("symm-core client not available");
       }
       const typedRequest = request;
-      const resolvedAccountAddress = typedRequest.accountAddress ?? address;
+      const authToken = await resolveAuthToken(
+        typedRequest.authToken,
+        typedRequest.accountAddress
+      );
+      if (!authToken) {
+        throw new Error("auth token is required to close an order");
+      }
       return symmCoreClient.orders.close(request.id, {
         kind: request.kind,
         type: request.type,
-        authToken: request.authToken ?? (resolvedAccountAddress ? getAuthTokenFromRuntimeCache(
-          queryClient,
-          resolvedAccountAddress,
-          chainId,
-          address
-        ) ?? void 0 : void 0)
+        authToken
       });
     }
   });
@@ -25300,64 +25458,6 @@ function useSymmBalances(params) {
     enabled: internalEnabled && (params.query?.enabled ?? true)
   });
 }
-function logTradeAuth(event, details) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  console.debug("[symm-trade]", event, details ?? {});
-}
-function splitTradeHookArgs(paramsOrOptions, options) {
-  if (paramsOrOptions && "mutation" in paramsOrOptions) {
-    return {
-      params: {},
-      options: paramsOrOptions
-    };
-  }
-  return {
-    params: paramsOrOptions ?? {},
-    options
-  };
-}
-function useResolveTradeAuthToken(params = {}) {
-  const context = useSymmContext();
-  const queryClient = reactQuery.useQueryClient();
-  const address = params.address ?? context.address;
-  const chainId = params.chainId ?? context.chainId;
-  return react.useCallback(
-    async (providedAuthToken, accountAddress) => {
-      if (providedAuthToken) {
-        logTradeAuth("resolve-auth:provided", {
-          accountAddress,
-          chainId
-        });
-        return providedAuthToken;
-      }
-      const resolvedAccountAddress = accountAddress ?? address;
-      if (!resolvedAccountAddress) {
-        return null;
-      }
-      const inMemoryToken = getAuthTokenFromRuntimeCache(
-        queryClient,
-        resolvedAccountAddress,
-        chainId,
-        address
-      );
-      if (inMemoryToken) {
-        logTradeAuth("resolve-auth:store-hit", {
-          accountAddress: resolvedAccountAddress,
-          chainId
-        });
-        return inMemoryToken;
-      }
-      logTradeAuth("resolve-auth:miss", {
-        accountAddress: resolvedAccountAddress,
-        chainId
-      });
-      return null;
-    },
-    [address, chainId, queryClient]
-  );
-}
 function useSymmOpenBasketMutation(options) {
   const { symmCoreClient } = useSymmContext();
   const queryClient = reactQuery.useQueryClient();
@@ -26921,10 +27021,6 @@ function getSymmErrorMessage(error) {
   if (error instanceof Error) return error.message;
   return "An unexpected error occurred.";
 }
-var useSymmWsStore = zustand.create((set) => ({
-  isConnected: false,
-  setConnected: (isConnected) => set({ isConnected })
-}));
 
 exports.SymmProvider = SymmProvider;
 exports.getSymmErrorMessage = getSymmErrorMessage;