@pear-protocol/symmio-client 0.2.28 → 0.2.30

package/dist/react/index.mjs

@@ -69,7 +69,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) {
@@ -99,6 +99,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();
@@ -143,7 +159,9 @@ var BinanceWsManager = class {
         symbol: normalizeBaseSymbol(raw.s),
         markPrice: parseFloat(raw.p),
         indexPrice: parseFloat(raw.i),
-        time: raw.E
+        time: raw.E,
+        fundingRate: parseFloat(raw.r ?? "0"),
+        nextFundingTime: Number(raw.T ?? 0)
       });
     };
     this.addStreamCallback(streamName, id, wrappedCb);
@@ -162,7 +180,9 @@ var BinanceWsManager = class {
           symbol: normalizeBaseSymbol(entry.s),
           markPrice: parseFloat(entry.p),
           indexPrice: parseFloat(entry.i),
-          time: entry.E
+          time: entry.E,
+          fundingRate: parseFloat(entry.r ?? "0"),
+          nextFundingTime: Number(entry.T ?? 0)
         }))
       );
     };
@@ -252,17 +272,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) {
@@ -341,6 +362,8 @@ function getPrevRefCount(binanceSymbol) {
 }
 var useBinanceMarkPriceStore = create((set) => ({
   markPrices: {},
+  fundingRates: {},
+  nextFundingTimes: {},
   subscribeSymbol: (symmSymbol, rawBinanceSymbol) => {
     const binanceSymbol = normalizeBinanceSymbol(rawBinanceSymbol);
     const nextRefCount = getNextRefCount(binanceSymbol);
@@ -353,16 +376,29 @@ var useBinanceMarkPriceStore = create((set) => ({
       allMarkPricesUnsubscribe = wsManager.subscribeAllMarkPrices((entries) => {
         set((state) => {
           let nextMarkPrices = null;
+          let nextFundingRates = null;
+          let nextFundingTimes = null;
           entries.forEach((entry) => {
             const canonicalSymbol = normalizeBinanceSymbol(entry.symbol);
             const mappedSymbols = streamSymbols.get(canonicalSymbol);
             if (!mappedSymbols || mappedSymbols.size === 0) return;
             nextMarkPrices ??= { ...state.markPrices };
+            nextFundingRates ??= { ...state.fundingRates };
+            nextFundingTimes ??= { ...state.nextFundingTimes };
             mappedSymbols.forEach((mappedSymbol) => {
               nextMarkPrices[mappedSymbol] = entry.markPrice;
+              nextFundingRates[mappedSymbol] = entry.fundingRate;
+              nextFundingTimes[mappedSymbol] = entry.nextFundingTime;
             });
           });
-          return nextMarkPrices ? { markPrices: nextMarkPrices } : state;
+          if (!nextMarkPrices || !nextFundingRates || !nextFundingTimes) {
+            return state;
+          }
+          return {
+            markPrices: nextMarkPrices,
+            fundingRates: nextFundingRates,
+            nextFundingTimes
+          };
         });
       });
     }
@@ -391,10 +427,20 @@ var useBinanceMarkPriceStore = create((set) => ({
       allMarkPricesUnsubscribe = null;
     }
     set((state) => {
-      if (state.markPrices[symmSymbol] == null) return state;
+      if (state.markPrices[symmSymbol] == null && state.fundingRates[symmSymbol] == null && state.nextFundingTimes[symmSymbol] == null) {
+        return state;
+      }
       const nextMarkPrices = { ...state.markPrices };
+      const nextFundingRates = { ...state.fundingRates };
+      const nextFundingTimes = { ...state.nextFundingTimes };
       delete nextMarkPrices[symmSymbol];
-      return { markPrices: nextMarkPrices };
+      delete nextFundingRates[symmSymbol];
+      delete nextFundingTimes[symmSymbol];
+      return {
+        markPrices: nextMarkPrices,
+        fundingRates: nextFundingRates,
+        nextFundingTimes
+      };
     });
   }
 }));
@@ -25435,7 +25481,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,
@@ -25443,9 +25489,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) => ({
@@ -25465,7 +25511,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)
   };
 }
@@ -25479,7 +25525,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)
     };
   }
@@ -25515,7 +25561,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 };
     },
@@ -25528,7 +25574,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 {
@@ -25543,7 +25589,9 @@ function useSymmTokenSelectionMarkets(params) {
   }, [baseMarkets, liveMarkPrices, priceQuery.data]);
   const marketsBySymbol = useMemo(
     () => new Map(
-      markets.filter((m) => !!m.symbol).map((m) => [m.symbol, m])
+      markets.filter(
+        (m) => !!m.symbol
+      ).map((m) => [m.symbol, m])
     ),
     [markets]
   );
@@ -25551,64 +25599,7 @@ function useSymmTokenSelectionMarkets(params) {
     () => new Map(markets.map((market) => [market.id, market])),
     [markets]
   );
-  useEffect(() => {
-    console.debug("[useSymmTokenSelectionMarkets] data flow", {
-      params,
-      query: {
-        status: query.status,
-        fetchStatus: query.fetchStatus,
-        isLoading: query.isLoading,
-        isSuccess: query.isSuccess,
-        isError: query.isError,
-        error: query.error
-      },
-      priceQuery: {
-        status: priceQuery.status,
-        fetchStatus: priceQuery.fetchStatus,
-        isLoading: priceQuery.isLoading,
-        isSuccess: priceQuery.isSuccess,
-        isError: priceQuery.isError,
-        error: priceQuery.error
-      },
-      marketSymbols,
-      symbolsKey,
-      liveMarkPrices,
-      tickerSnapshots: priceQuery.data?.tickerSnapshots ?? {},
-      result: {
-        marketCount: markets.length,
-        markets: markets.map((market) => ({
-          id: market.id,
-          symbol: market.symbol,
-          markPrice: market.markPrice,
-          prevDayPrice: market.prevDayPrice,
-          priceChange24h: market.priceChange24h,
-          priceChange24hPercent: market.priceChange24hPercent
-        }))
-      }
-    });
-  }, [
-    liveMarkPrices,
-    marketSymbols,
-    markets,
-    params,
-    priceQuery.data,
-    priceQuery.error,
-    priceQuery.fetchStatus,
-    priceQuery.isError,
-    priceQuery.isLoading,
-    priceQuery.isSuccess,
-    priceQuery.status,
-    query.error,
-    query.fetchStatus,
-    query.isError,
-    query.isLoading,
-    query.isSuccess,
-    query.status,
-    symbolsKey
-  ]);
   return {
-    query,
-    priceQuery,
     markets,
     marketsBySymbol,
     marketsById,
@@ -26146,10 +26137,10 @@ 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) {
+function toSymmTokenMetadata(currentPrice, prevDayPrice, fundingRate, nextFundingTime) {
   const priceChange24h = currentPrice - prevDayPrice;
   const priceChange24hPercent = prevDayPrice !== 0 ? (currentPrice - prevDayPrice) / prevDayPrice * 100 : 0;
   return {
@@ -26157,9 +26148,10 @@ function toSymmTokenMetadata(currentPrice, prevDayPrice) {
     prevDayPrice,
     priceChange24h,
     priceChange24hPercent,
-    netFunding: 0,
-    // SYMM funding integration deferred
-    markPrice: currentPrice
+    netFunding: fundingRate,
+    markPrice: currentPrice,
+    fundingRate,
+    nextFundingTime
   };
 }
 function useSymmTokenSelectionMetadata(selection, options = {}) {
@@ -26173,6 +26165,12 @@ function useSymmTokenSelectionMetadata(selection, options = {}) {
   const unavailableReason = isUnsupported ? `Binance market data is unavailable for ${unsupportedSymbols.join(", ")}.` : null;
   const symbolsKey = [...selectedSymbols].sort().join(",");
   const liveMarkPrices = useBinanceMarkPriceStore((state) => state.markPrices);
+  const liveFundingRates = useBinanceMarkPriceStore(
+    (state) => state.fundingRates
+  );
+  const liveNextFundingTimes = useBinanceMarkPriceStore(
+    (state) => state.nextFundingTimes
+  );
   const query = useQuery({
     queryKey: ["symm", "chart-metadata", symbolsKey],
     queryFn: async () => {
@@ -26205,13 +26203,27 @@ function useSymmTokenSelectionMetadata(selection, options = {}) {
     const isLoading = query.isLoading;
     for (const token of longTokens) {
       const currentPrice = liveMarkPrices[token.symbol];
+      const fundingRate = liveFundingRates[token.symbol];
+      const nextFundingTime = liveNextFundingTimes[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,
+        fundingRate ?? 0,
+        nextFundingTime ?? 0
+      ) : null;
     }
     for (const token of shortTokens) {
       const currentPrice = liveMarkPrices[token.symbol];
+      const fundingRate = liveFundingRates[token.symbol];
+      const nextFundingTime = liveNextFundingTimes[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,
+        fundingRate ?? 0,
+        nextFundingTime ?? 0
+      ) : null;
     }
     const allLongReady = longTokens.every(
       (t) => longMeta[t.symbol]?.currentPrice != null
@@ -26249,60 +26261,17 @@ function useSymmTokenSelectionMetadata(selection, options = {}) {
   }, [
     isUnsupported,
     longTokens,
+    query,
     query.data,
     query.isLoading,
     shortTokens,
     unavailableReason,
     unsupportedSymbols,
     selectedSymbols.length,
+    liveFundingRates,
+    liveNextFundingTimes,
     liveMarkPrices
   ]);
-  useEffect(() => {
-    console.debug("[useSymmTokenSelectionMetadata] data flow", {
-      selection,
-      options,
-      query: {
-        status: query.status,
-        fetchStatus: query.fetchStatus,
-        isLoading: query.isLoading,
-        isSuccess: query.isSuccess,
-        isError: query.isError,
-        error: query.error
-      },
-      selectedSymbols,
-      unsupportedSymbols,
-      unavailableReason,
-      liveMarkPrices,
-      tickerSnapshots: query.data?.tickerSnapshots ?? {},
-      result: {
-        isLoading: result.isLoading,
-        isPriceDataReady: result.isPriceDataReady,
-        isUnsupported: result.isUnsupported,
-        longTokensMetadata: result.longTokensMetadata,
-        shortTokensMetadata: result.shortTokensMetadata,
-        weightedRatio: result.weightedRatio,
-        weightedRatio24h: result.weightedRatio24h,
-        priceRatio: result.priceRatio,
-        priceRatio24h: result.priceRatio24h,
-        sumNetFunding: result.sumNetFunding
-      }
-    });
-  }, [
-    liveMarkPrices,
-    options,
-    query.data,
-    query.error,
-    query.fetchStatus,
-    query.isError,
-    query.isLoading,
-    query.isSuccess,
-    query.status,
-    result,
-    selectedSymbols,
-    selection,
-    unavailableReason,
-    unsupportedSymbols
-  ]);
   return result;
 }
 
@@ -26332,10 +26301,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,
@@ -26496,6 +26468,15 @@ function useSymmChartCandles(selection) {
       wsUnsubsRef.current.push(unsub);
     }
   }, [emitRealtimeBar, isUnsupported, selectedSymbols]);
+  const setRealtimeInterval = useCallback((interval) => {
+    if (areIntervalsEqual(activeIntervalRef.current, interval)) {
+      return;
+    }
+    activeIntervalRef.current = toBinanceInterval(interval);
+    if (listenersRef.current.size > 0) {
+      setupWsSubscriptions();
+    }
+  }, [setupWsSubscriptions]);
   useEffect(() => {
     if (listenersRef.current.size > 0) {
       setupWsSubscriptions();
@@ -26507,6 +26488,7 @@ function useSymmChartCandles(selection) {
   }, [setupWsSubscriptions]);
   const fetchBasketCandles = useCallback(
     async (start, end, interval) => {
+      setRealtimeInterval(interval);
       const longSymbol = longTokens[0]?.symbol;
       const shortSymbol = shortTokens[0]?.symbol;
       if (isUnsupported) {
@@ -26532,18 +26514,20 @@ function useSymmChartCandles(selection) {
         Object.fromEntries(entries)
       );
     },
-    [isUnsupported, longTokens, shortTokens]
+    [isUnsupported, longTokens, setRealtimeInterval, shortTokens]
   );
   const fetchPerformanceCandles = 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 = useCallback(
     async (start, end, interval) => {
+      setRealtimeInterval(interval);
       const longSymbol = longTokens[0]?.symbol;
       const shortSymbol = shortTokens[0]?.symbol;
       if (isUnsupported) return [];
@@ -26600,7 +26584,7 @@ function useSymmChartCandles(selection) {
       }
       return result;
     },
-    [isUnsupported, longTokens, shortTokens]
+    [isUnsupported, longTokens, setRealtimeInterval, shortTokens]
   );
   const addRealtimeListener = useCallback((cb) => {
     const id = Math.random().toString(36).slice(2);