@pear-protocol/symmio-client 0.2.28 → 0.2.29

package/dist/react/index.js

@@ -71,7 +71,7 @@ function toBinanceSymbol(symmSymbol) {
 }
 
 // src/utils/binance-ws.ts
-var BINANCE_WS_URL = "wss://fstream.binance.com/ws";
+var BINANCE_WS_URL = "wss://fstream.binance.com/market/ws";
 var RECONNECT_DELAYS = [1e3, 2e3, 4e3, 8e3, 16e3, 3e4];
 var STABLE_QUOTES = ["USDT0", "USDT", "USDC", "USDE", "USDH", "USD"];
 function normalizeBaseSymbol(symbol) {
@@ -101,6 +101,22 @@ function extractTickers(payload) {
   }
   return [];
 }
+function extractWsPayload(payload) {
+  if (payload && typeof payload === "object" && "data" in payload) {
+    return payload.data ?? payload;
+  }
+  return payload;
+}
+function isKlinePayload(payload) {
+  return Boolean(
+    payload && typeof payload === "object" && payload.e === "kline" && typeof payload.s === "string" && payload.k && typeof payload.k.i === "string"
+  );
+}
+function isMarkPricePayload(payload) {
+  return Boolean(
+    payload && typeof payload === "object" && payload.e === "markPriceUpdate" && typeof payload.s === "string"
+  );
+}
 var BinanceWsManager = class {
   ws = null;
   streams = /* @__PURE__ */ new Map();
@@ -254,17 +270,18 @@ var BinanceWsManager = class {
     };
   }
   handleMessage(data) {
-    if (Array.isArray(data)) {
-      this.dispatchToStream("!markPrice@arr@1s", data);
+    const payload = extractWsPayload(data);
+    if (Array.isArray(payload)) {
+      this.dispatchToStream("!markPrice@arr@1s", payload);
       return;
     }
-    if (data.e === "kline") {
-      const k = data.k;
-      const streamName = `${data.s.toLowerCase()}@kline_${k.i}`;
-      this.dispatchToStream(streamName, data);
-    } else if (data.e === "markPriceUpdate") {
-      const streamName = `${data.s.toLowerCase()}@markPrice@1s`;
-      this.dispatchToStream(streamName, data);
+    if (isKlinePayload(payload)) {
+      const k = payload.k;
+      const streamName = `${payload.s.toLowerCase()}@kline_${k.i}`;
+      this.dispatchToStream(streamName, payload);
+    } else if (isMarkPricePayload(payload)) {
+      const streamName = `${payload.s.toLowerCase()}@markPrice@1s`;
+      this.dispatchToStream(streamName, payload);
     }
   }
   dispatchToStream(streamName, data) {
@@ -25437,7 +25454,7 @@ function useSymmHedgerMarkets(params) {
 
 // src/utils/binance-api.ts
 var BINANCE_FAPI_BASE = "https://fapi.binance.com";
-async function fetchMarkPriceKlines(symbol, interval, startTime, endTime, limit = 1500) {
+async function fetchKlines(symbol, interval, startTime, endTime, limit = 1500) {
   const params = new URLSearchParams({
     symbol,
     interval,
@@ -25445,9 +25462,9 @@ async function fetchMarkPriceKlines(symbol, interval, startTime, endTime, limit
     endTime: String(endTime),
     limit: String(Math.min(limit, 1500))
   });
-  const response = await fetch(`${BINANCE_FAPI_BASE}/fapi/v1/markPriceKlines?${params}`);
+  const response = await fetch(`${BINANCE_FAPI_BASE}/fapi/v1/klines?${params}`);
   if (!response.ok) {
-    throw new Error(`Binance markPriceKlines failed: ${response.status}`);
+    throw new Error(`Binance klines failed: ${response.status}`);
   }
   const data = await response.json();
   return data.map((k) => ({
@@ -25467,7 +25484,7 @@ async function fetch24hrTicker(symbol) {
   const data = await response.json();
   return {
     lastPrice: parseFloat(data.lastPrice),
-    prevClosePrice: parseFloat(data.prevClosePrice),
+    openPrice: parseFloat(data.openPrice),
     priceChangePercent: parseFloat(data.priceChangePercent)
   };
 }
@@ -25481,7 +25498,7 @@ async function fetch24hrTickers() {
   for (const item of data) {
     result[item.symbol] = {
       lastPrice: parseFloat(item.lastPrice),
-      prevClosePrice: parseFloat(item.prevClosePrice),
+      openPrice: parseFloat(item.openPrice),
       priceChangePercent: parseFloat(item.priceChangePercent)
     };
   }
@@ -25517,7 +25534,7 @@ function useSymmTokenSelectionMarkets(params) {
           return;
         }
         const ticker = allTickers[binanceSymbol];
-        tickerSnapshots[symbol] = ticker ? { prevClosePrice: ticker.prevClosePrice } : null;
+        tickerSnapshots[symbol] = ticker ? { openPrice: ticker.openPrice } : null;
       });
       return { tickerSnapshots };
     },
@@ -25530,7 +25547,7 @@ function useSymmTokenSelectionMarkets(params) {
     return baseMarkets.map((market) => {
       const symbol = market.symbol ?? "";
       const markPrice = symbol ? liveMarkPrices[symbol] ?? null : null;
-      const prevDayPrice = symbol ? snapshots[symbol]?.prevClosePrice ?? null : null;
+      const prevDayPrice = symbol ? snapshots[symbol]?.openPrice ?? null : null;
       const priceChange24h = markPrice != null && prevDayPrice != null ? markPrice - prevDayPrice : null;
       const priceChange24hPercent = markPrice != null && prevDayPrice != null && prevDayPrice !== 0 ? (markPrice - prevDayPrice) / prevDayPrice * 100 : null;
       return {
@@ -26148,7 +26165,7 @@ async function fetchTickerSnapshot(symbol) {
   const ticker = await fetch24hrTicker(resolution.binanceSymbol);
   if (!ticker) return null;
   return {
-    prevClosePrice: ticker.prevClosePrice
+    openPrice: ticker.openPrice
   };
 }
 function toSymmTokenMetadata(currentPrice, prevDayPrice) {
@@ -26208,12 +26225,12 @@ function useSymmTokenSelectionMetadata(selection, options = {}) {
     for (const token of longTokens) {
       const currentPrice = liveMarkPrices[token.symbol];
       const ticker = tickerSnapshots[token.symbol];
-      longMeta[token.symbol] = currentPrice != null && ticker ? toSymmTokenMetadata(currentPrice, ticker.prevClosePrice) : null;
+      longMeta[token.symbol] = currentPrice != null && ticker ? toSymmTokenMetadata(currentPrice, ticker.openPrice) : null;
     }
     for (const token of shortTokens) {
       const currentPrice = liveMarkPrices[token.symbol];
       const ticker = tickerSnapshots[token.symbol];
-      shortMeta[token.symbol] = currentPrice != null && ticker ? toSymmTokenMetadata(currentPrice, ticker.prevClosePrice) : null;
+      shortMeta[token.symbol] = currentPrice != null && ticker ? toSymmTokenMetadata(currentPrice, ticker.openPrice) : null;
     }
     const allLongReady = longTokens.every(
       (t) => longMeta[t.symbol]?.currentPrice != null
@@ -26334,10 +26351,13 @@ function toBinanceInterval(interval) {
 }
 
 // src/react/hooks/use-symm-chart-candles.ts
+function areIntervalsEqual(currentInterval, nextInterval) {
+  return currentInterval === toBinanceInterval(nextInterval);
+}
 async function fetchSymbolKlines(symbol, interval, start, end) {
   const binanceSymbol = toBinanceSymbol(symbol);
   if (!binanceSymbol) return [];
-  const klines = await fetchMarkPriceKlines(
+  const klines = await fetchKlines(
     binanceSymbol,
     toBinanceInterval(interval),
     start,
@@ -26498,6 +26518,15 @@ function useSymmChartCandles(selection) {
       wsUnsubsRef.current.push(unsub);
     }
   }, [emitRealtimeBar, isUnsupported, selectedSymbols]);
+  const setRealtimeInterval = react.useCallback((interval) => {
+    if (areIntervalsEqual(activeIntervalRef.current, interval)) {
+      return;
+    }
+    activeIntervalRef.current = toBinanceInterval(interval);
+    if (listenersRef.current.size > 0) {
+      setupWsSubscriptions();
+    }
+  }, [setupWsSubscriptions]);
   react.useEffect(() => {
     if (listenersRef.current.size > 0) {
       setupWsSubscriptions();
@@ -26509,6 +26538,7 @@ function useSymmChartCandles(selection) {
   }, [setupWsSubscriptions]);
   const fetchBasketCandles = react.useCallback(
     async (start, end, interval) => {
+      setRealtimeInterval(interval);
       const longSymbol = longTokens[0]?.symbol;
       const shortSymbol = shortTokens[0]?.symbol;
       if (isUnsupported) {
@@ -26534,18 +26564,20 @@ function useSymmChartCandles(selection) {
         Object.fromEntries(entries)
       );
     },
-    [isUnsupported, longTokens, shortTokens]
+    [isUnsupported, longTokens, setRealtimeInterval, shortTokens]
   );
   const fetchPerformanceCandles = react.useCallback(
     async (start, end, interval, symbol) => {
+      setRealtimeInterval(interval);
       const parts = symbol.split(" ");
       const assetSymbol = parts.length >= 2 ? parts.slice(1).join(" ") : symbol;
       return fetchSymbolKlines(assetSymbol, interval, start, end);
     },
-    []
+    [setRealtimeInterval]
   );
   const fetchOverallPerformanceCandles = react.useCallback(
     async (start, end, interval) => {
+      setRealtimeInterval(interval);
       const longSymbol = longTokens[0]?.symbol;
       const shortSymbol = shortTokens[0]?.symbol;
       if (isUnsupported) return [];
@@ -26602,7 +26634,7 @@ function useSymmChartCandles(selection) {
       }
       return result;
     },
-    [isUnsupported, longTokens, shortTokens]
+    [isUnsupported, longTokens, setRealtimeInterval, shortTokens]
   );
   const addRealtimeListener = react.useCallback((cb) => {
     const id = Math.random().toString(36).slice(2);