@pear-protocol/symmio-client 0.1.8 → 0.1.9

package/dist/react/index.d.mts

@@ -833,14 +833,14 @@ interface UseSymmTokenSelectionMetadataReturn {
     priceRatio24h: number;
     sumNetFunding: number;
 }
+interface UseSymmTokenSelectionMetadataOptions {
+    enabled?: boolean;
+}
 /**
  * Fetches Binance market data for selected SYMM chart tokens and derives
  * chart header metrics (price ratio, weighted ratio, etc.).
  */
-declare function useSymmTokenSelectionMetadata(selection: SymmChartSelection, options?: {
-    enabled?: boolean;
-    query?: SymmQueryConfig;
-}): UseSymmTokenSelectionMetadataReturn;
+declare function useSymmTokenSelectionMetadata(selection: SymmChartSelection, options?: UseSymmTokenSelectionMetadataOptions): UseSymmTokenSelectionMetadataReturn;
 
 /**
  * Candle interval type matching the chart system.

package/dist/react/index.d.ts

@@ -833,14 +833,14 @@ interface UseSymmTokenSelectionMetadataReturn {
     priceRatio24h: number;
     sumNetFunding: number;
 }
+interface UseSymmTokenSelectionMetadataOptions {
+    enabled?: boolean;
+}
 /**
  * Fetches Binance market data for selected SYMM chart tokens and derives
  * chart header metrics (price ratio, weighted ratio, etc.).
  */
-declare function useSymmTokenSelectionMetadata(selection: SymmChartSelection, options?: {
-    enabled?: boolean;
-    query?: SymmQueryConfig;
-}): UseSymmTokenSelectionMetadataReturn;
+declare function useSymmTokenSelectionMetadata(selection: SymmChartSelection, options?: UseSymmTokenSelectionMetadataOptions): UseSymmTokenSelectionMetadataReturn;
 
 /**
  * Candle interval type matching the chart system.

package/dist/react/index.js

@@ -25795,137 +25795,128 @@ function getBinanceWsManager() {
 }
 
 // src/react/hooks/use-symm-token-selection-metadata.ts
-var EMPTY_TOKEN_METADATA = {};
-var EMPTY_MARK_PRICES = {};
-async function fetchTokenMetadata(symbol) {
+async function fetchTickerSnapshot(symbol) {
   const resolution = resolveBinanceSymbol(symbol);
   if (!resolution.binanceSymbol) return null;
   const ticker = await fetch24hrTicker(resolution.binanceSymbol);
   if (!ticker) return null;
   return {
-    lastPrice: ticker.lastPrice,
-    prevDayPrice: ticker.prevClosePrice
+    prevClosePrice: ticker.prevClosePrice
   };
 }
-function createLiveMetadata(symbol, snapshot, liveMarkPrices) {
-  if (!snapshot) return null;
-  const liveMarkPrice = liveMarkPrices[symbol]?.markPrice ?? snapshot.lastPrice;
-  const priceChange24h = liveMarkPrice - snapshot.prevDayPrice;
-  const priceChange24hPercent = snapshot.prevDayPrice !== 0 ? (liveMarkPrice - snapshot.prevDayPrice) / snapshot.prevDayPrice * 100 : 0;
+function toSymmTokenMetadata(currentPrice, prevDayPrice) {
+  const priceChange24h = currentPrice - prevDayPrice;
+  const priceChange24hPercent = prevDayPrice !== 0 ? (currentPrice - prevDayPrice) / prevDayPrice * 100 : 0;
   return {
-    currentPrice: liveMarkPrice,
-    prevDayPrice: snapshot.prevDayPrice,
+    currentPrice,
+    prevDayPrice,
     priceChange24h,
     priceChange24hPercent,
     netFunding: 0,
-    markPrice: liveMarkPrice
+    // SYMM funding integration deferred
+    markPrice: currentPrice
   };
 }
-function useSymmTokenSelectionMetadata(selection, options) {
+function useSymmTokenSelectionMetadata(selection, options = {}) {
   const { longTokens, shortTokens, selectedSymbols } = selection;
+  const { enabled = true } = options;
   const unsupportedSymbols = react.useMemo(
     () => getUnsupportedBinanceSymbols(selectedSymbols),
     [selectedSymbols]
   );
   const isUnsupported = unsupportedSymbols.length > 0;
   const unavailableReason = isUnsupported ? `Binance market data is unavailable for ${unsupportedSymbols.join(", ")}.` : null;
-  const externalEnabled = options?.enabled ?? true;
-  const internalEnabled = externalEnabled && selectedSymbols.length > 0 && !isUnsupported;
-  const [liveMarkPrices, setLiveMarkPrices] = react.useState(EMPTY_MARK_PRICES);
   const symbolsKey = [...selectedSymbols].sort().join(",");
-  const positionKey = [
-    longTokens.map((token) => `${token.symbol}:${token.weight}`).join("|"),
-    shortTokens.map((token) => `${token.symbol}:${token.weight}`).join("|")
-  ].join("::");
+  const symbolToBinanceMap = react.useMemo(
+    () => new Map(
+      selectedSymbols.map(
+        (symbol) => [symbol, resolveBinanceSymbol(symbol).binanceSymbol]
+      ).filter((entry) => !!entry[1])
+    ),
+    [selectedSymbols]
+  );
+  const [liveMarkPrices, setLiveMarkPrices] = react.useState(
+    {}
+  );
   const query = reactQuery.useQuery({
-    ...options?.query,
-    queryKey: symmKeys.chartMetadata(symbolsKey, positionKey),
+    queryKey: ["symm", "chart-metadata", symbolsKey],
     queryFn: async () => {
       const allSymbols = [
         ...longTokens.map((t) => ({ symbol: t.symbol, side: "long" })),
-        ...shortTokens.map((t) => ({ symbol: t.symbol, side: "short" }))
+        ...shortTokens.map((t) => ({
+          symbol: t.symbol,
+          side: "short"
+        }))
       ];
       const results = await Promise.all(
-        allSymbols.map(async ({ symbol, side }) => ({
+        allSymbols.map(async ({ symbol }) => ({
           symbol,
-          side,
-          metadata: await fetchTokenMetadata(symbol)
+          ticker: await fetchTickerSnapshot(symbol)
         }))
       );
-      const longMeta = {};
-      const shortMeta = {};
-      for (const { symbol, side, metadata } of results) {
-        if (side === "long") longMeta[symbol] = metadata;
-        else shortMeta[symbol] = metadata;
+      const tickerSnapshots = {};
+      for (const { symbol, ticker } of results) {
+        tickerSnapshots[symbol] = ticker;
       }
-      return { longMeta, shortMeta };
+      return { tickerSnapshots };
     },
-    enabled: internalEnabled && (options?.query?.enabled ?? true),
-    staleTime: options?.query?.staleTime ?? 3e5,
-    refetchInterval: options?.query?.refetchInterval ?? false
+    enabled: enabled && selectedSymbols.length > 0 && !isUnsupported,
+    staleTime: Infinity,
+    gcTime: 5 * 6e4
   });
   react.useEffect(() => {
-    if (!internalEnabled) {
-      setLiveMarkPrices(EMPTY_MARK_PRICES);
+    if (!enabled || isUnsupported || selectedSymbols.length === 0) {
+      setLiveMarkPrices({});
       return;
     }
-    const wsManager = getBinanceWsManager();
-    const activeSymbols = selectedSymbols.map((symbol) => ({
-      symbol,
-      binanceSymbol: resolveBinanceSymbol(symbol).binanceSymbol
-    })).filter((entry) => !!entry.binanceSymbol);
-    setLiveMarkPrices((previous) => {
-      const nextEntries = activeSymbols.map(({ symbol }) => [symbol, previous[symbol]]).filter(([, value]) => value != null);
-      return Object.fromEntries(nextEntries);
-    });
-    const unsubscribers = activeSymbols.map(({ symbol, binanceSymbol }) => wsManager.subscribeMarkPrice(binanceSymbol, (data) => {
-      setLiveMarkPrices((previous) => {
-        const current = previous[symbol];
-        if (current?.markPrice === data.markPrice && current?.indexPrice === data.indexPrice && current?.time === data.time) {
-          return previous;
+    setLiveMarkPrices((current) => {
+      const next = {};
+      for (const symbol of selectedSymbols) {
+        if (current[symbol] != null) {
+          next[symbol] = current[symbol];
         }
-        return {
-          ...previous,
-          [symbol]: data
-        };
-      });
-    }));
+      }
+      return next;
+    });
+    const wsManager = getBinanceWsManager();
+    const unsubscribes = Array.from(symbolToBinanceMap.entries()).map(
+      ([symbol, binanceSymbol]) => wsManager.subscribeMarkPrice(binanceSymbol, (data) => {
+        setLiveMarkPrices((current) => {
+          if (current[symbol] === data.markPrice) return current;
+          return {
+            ...current,
+            [symbol]: data.markPrice
+          };
+        });
+      })
+    );
     return () => {
-      unsubscribers.forEach((unsubscribe) => unsubscribe());
+      for (const unsubscribe of unsubscribes) {
+        unsubscribe();
+      }
     };
-  }, [internalEnabled, selectedSymbols]);
+  }, [enabled, isUnsupported, selectedSymbols, symbolToBinanceMap]);
   return react.useMemo(() => {
-    if (!externalEnabled) {
-      return {
-        isLoading: false,
-        isPriceDataReady: false,
-        isUnsupported,
-        unsupportedSymbols,
-        unavailableReason,
-        longTokensMetadata: EMPTY_TOKEN_METADATA,
-        shortTokensMetadata: EMPTY_TOKEN_METADATA,
-        weightedRatio: 0,
-        weightedRatio24h: 0,
-        priceRatio: 0,
-        priceRatio24h: 0,
-        sumNetFunding: 0
-      };
+    const tickerSnapshots = query.data?.tickerSnapshots ?? {};
+    const longMeta = {};
+    const shortMeta = {};
+    const isLoading = query.isLoading;
+    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;
     }
-    const longMeta = Object.fromEntries(
-      longTokens.map((token) => [
-        token.symbol,
-        createLiveMetadata(token.symbol, query.data?.longMeta?.[token.symbol], liveMarkPrices)
-      ])
+    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;
+    }
+    const allLongReady = longTokens.every(
+      (t) => longMeta[t.symbol]?.currentPrice != null
     );
-    const shortMeta = Object.fromEntries(
-      shortTokens.map((token) => [
-        token.symbol,
-        createLiveMetadata(token.symbol, query.data?.shortMeta?.[token.symbol], liveMarkPrices)
-      ])
+    const allShortReady = shortTokens.every(
+      (t) => shortMeta[t.symbol]?.currentPrice != null
     );
-    const isLoading = query.isLoading;
-    const allLongReady = longTokens.every((t) => longMeta[t.symbol]?.currentPrice != null);
-    const allShortReady = shortTokens.every((t) => shortMeta[t.symbol]?.currentPrice != null);
     const isPriceDataReady = !isLoading && !isUnsupported && (selectedSymbols.length === 0 || allLongReady && allShortReady);
     const metricInput = {
       longTokens,
@@ -25953,16 +25944,15 @@ function useSymmTokenSelectionMetadata(selection, options) {
       sumNetFunding
     };
   }, [
-    externalEnabled,
     isUnsupported,
     longTokens,
-    liveMarkPrices,
     query.data,
     query.isLoading,
     shortTokens,
     unavailableReason,
     unsupportedSymbols,
-    selectedSymbols.length
+    selectedSymbols.length,
+    liveMarkPrices
   ]);
 }