binbot-charts 0.12.11 → 0.12.13

package/README.md

@@ -3,26 +3,26 @@ Import it in your project as a React component
 
 `import TVChartContainer from 'binbot-charts'`
 
-
 ## Multi-Exchange Support
 
 This library now supports multiple cryptocurrency exchanges. You can configure which exchange to use and which exchanges to make available for symbol search.
 
 ### Supported Exchanges
+
 - **Binance** - Default exchange
 - **KuCoin** - Added in v0.7.3+
 
 ### Usage Example
 
 ```jsx
-import TVChartContainer, { SUPPORTED_EXCHANGES } from 'binbot-charts';
+import TVChartContainer, { SUPPORTED_EXCHANGES } from "binbot-charts";
 
 function MyChart() {
   return (
     <TVChartContainer
       symbol="BTCUSDT"
       interval="1h"
-      exchange="binance"  // or "kucoin"
+      exchange="binance" // or "kucoin"
       supportedExchanges={["binance", "kucoin"]}
     />
   );
@@ -45,14 +45,13 @@ function MyChart() {
 You can also import and use the exchange configurations directly:
 
 ```jsx
-import { SUPPORTED_EXCHANGES, ExchangeConfig } from 'binbot-charts';
+import { SUPPORTED_EXCHANGES, ExchangeConfig } from "binbot-charts";
 
 // Access exchange configuration
 const binanceConfig = SUPPORTED_EXCHANGES.binance;
 console.log(binanceConfig.restApiUrl); // "https://api.binance.com"
 ```
 
-
 ## How to start
 
 1. Run `npm install && npm start`. It will build the project and open a default browser with the Charting Library.
@@ -64,4 +63,5 @@ console.log(binanceConfig.restApiUrl); // "https://api.binance.com"
 This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).
 
 ## Notes
+
 The earliest supported version of Node of the charting library for these examples is `v20`.

package/dist/main.cjs

@@ -360,6 +360,7 @@ var import_react = require("react");
 function resolveApiBase(apiHost) {
   if (typeof window !== "undefined") {
     if (apiHost.includes("api.binance.com")) return "/binance";
+    if (apiHost.includes("api-futures.kucoin.com")) return "/kucoin-futures";
     if (apiHost.includes("api.kucoin.com")) return "/kucoin";
   }
   return apiHost.replace(/\/$/, "");
@@ -383,7 +384,10 @@ function getAllSymbols(symbol, apiHost = "https://api.binance.com", exchange = "
   return __async(this, null, function* () {
     let newSymbols = [];
     try {
-      const data = yield makeApiRequest(`api/v3/exchangeInfo?symbol=${symbol.toUpperCase()}`, apiHost);
+      const data = yield makeApiRequest(
+        `api/v3/exchangeInfo?symbol=${symbol.toUpperCase()}`,
+        apiHost
+      );
       data.symbols.forEach((item) => {
         if (item.status === "TRADING") {
           newSymbols.push({
@@ -404,12 +408,34 @@ function getAllSymbols(symbol, apiHost = "https://api.binance.com", exchange = "
 }
 
 // src/exchangeAdapters.ts
+var KUCOIN_FUTURES_API = "https://api-futures.kucoin.com";
+function isKucoinFutures(symbol) {
+  return symbol.endsWith("M");
+}
 function mapKuCoinInterval(interval) {
   if (interval.endsWith("m")) return interval.replace("m", "min");
   if (interval.endsWith("h")) return interval.replace("h", "hour");
   if (interval.endsWith("d")) return interval.replace("d", "day");
   return interval;
 }
+function mapKuCoinFuturesGranularity(interval) {
+  const match = interval.match(/^(\d+)([mhdw])$/);
+  if (!match) return 60;
+  const value = parseInt(match[1]);
+  const unit = match[2];
+  switch (unit) {
+    case "m":
+      return value;
+    case "h":
+      return value * 60;
+    case "d":
+      return value * 1440;
+    case "w":
+      return value * 10080;
+    default:
+      return 60;
+  }
+}
 var binanceAdapter = {
   fetchSymbolMeta(symbol, apiHost) {
     return __async(this, null, function* () {
@@ -457,6 +483,20 @@ var binanceAdapter = {
 var kucoinAdapter = {
   fetchSymbolMeta(symbol, apiHost) {
     return __async(this, null, function* () {
+      var _a;
+      if (isKucoinFutures(symbol)) {
+        const info2 = yield makeApiRequest(
+          `api/v1/contracts/${symbol}`,
+          KUCOIN_FUTURES_API
+        );
+        let priceScale2 = 8;
+        if ((_a = info2 == null ? void 0 : info2.data) == null ? void 0 : _a.tickSize) {
+          const tickStr = String(info2.data.tickSize);
+          const dot = tickStr.indexOf(".");
+          priceScale2 = dot >= 0 ? Math.max(0, tickStr.length - dot - 1) : 0;
+        }
+        return { priceScale: priceScale2 };
+      }
       const info = yield makeApiRequest(
         `api/v1/symbols?symbol=${symbol}`,
         apiHost
@@ -473,6 +513,37 @@ var kucoinAdapter = {
   },
   fetchBars(_0, _1) {
     return __async(this, arguments, function* ({ symbol, interval, from, to }, apiHost) {
+      if (isKucoinFutures(symbol)) {
+        const granularity = mapKuCoinFuturesGranularity(interval);
+        const params2 = new URLSearchParams({
+          symbol,
+          granularity: String(granularity),
+          from: String(from * 1e3),
+          // futures expects milliseconds
+          to: String(to * 1e3)
+        });
+        const resp2 = yield makeApiRequest(
+          `api/v1/kline/query?${params2.toString()}`,
+          KUCOIN_FUTURES_API
+        );
+        const raw2 = Array.isArray(resp2 == null ? void 0 : resp2.data) ? resp2.data : [];
+        const candles2 = raw2.map((bar) => [
+          Number(bar[0]),
+          // time already in ms
+          Number(bar[1]),
+          // open
+          Number(bar[2]),
+          // high
+          Number(bar[3]),
+          // low
+          Number(bar[4]),
+          // close
+          Number(bar[5])
+          // volume
+        ]);
+        candles2.sort((a, b) => a[0] - b[0]);
+        return candles2;
+      }
       const type = mapKuCoinInterval(interval);
       const params = new URLSearchParams({
         symbol,
@@ -535,21 +606,23 @@ var SUPPORTED_EXCHANGES = {
     restApiUrl: "https://api.kucoin.com",
     wsUrl: "",
     // Will be fetched dynamically
-    getWsUrl: () => __async(void 0, null, function* () {
+    getWsUrl: (symbol) => __async(void 0, null, function* () {
       var _a, _b;
+      const isFutures = symbol == null ? void 0 : symbol.endsWith("M");
+      const apiBase = isFutures ? "https://api-futures.kucoin.com" : "https://api.kucoin.com";
       try {
-        const data = yield makeApiRequest(
-          "api/v1/bullet-public",
-          "https://api.kucoin.com",
-          { method: "POST" }
-        );
+        const data = yield makeApiRequest("api/v1/bullet-public", apiBase, {
+          method: "POST"
+        });
         if (data.code === "200000" && ((_b = (_a = data.data) == null ? void 0 : _a.instanceServers) == null ? void 0 : _b.length) > 0) {
           const server = data.data.instanceServers[0];
           return `${server.endpoint}?token=${data.data.token}`;
         }
         throw new Error("Failed to get KuCoin WebSocket URL: Invalid response");
       } catch (error) {
-        throw new Error(`Failed to get KuCoin WebSocket URL: ${(error == null ? void 0 : error.message) || String(error)}`);
+        throw new Error(
+          `Failed to get KuCoin WebSocket URL: ${(error == null ? void 0 : error.message) || String(error)}`
+        );
       }
     })
   }
@@ -673,7 +746,15 @@ function parseKuCoinMessage(data) {
   subscriptionItem.handlers.forEach((handler) => handler.callback(bar));
 }
 function subscribeOnStream(symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback, interval, wsUrl, exchange = EXCHANGE_BINANCE) {
-  const channelString = exchange === EXCHANGE_BINANCE ? `${symbolInfo.name.toLowerCase()}@kline_${interval}` : `/market/candles:${symbolInfo.name}_${interval}`;
+  let channelString;
+  if (exchange === EXCHANGE_BINANCE) {
+    channelString = `${symbolInfo.name.toLowerCase()}@kline_${interval}`;
+  } else if (isKucoinFutures(symbolInfo.name)) {
+    const granularity = mapKuCoinFuturesGranularity(interval);
+    channelString = `/contractMarket/candle:${symbolInfo.name}_${granularity}`;
+  } else {
+    channelString = `/market/candles:${symbolInfo.name}_${interval}`;
+  }
   const handler = {
     id: subscribeUID,
     callback: onRealtimeCallback
@@ -793,7 +874,9 @@ var Datafeed = class {
   constructor(timescaleMarks = [], interval = "1h", exchangeConfig, supportedExchanges = []) {
     this.configurationData = null;
     this.onReady = (callback) => __async(this, null, function* () {
-      this.configurationData = yield getConfigurationData(this.supportedExchanges);
+      this.configurationData = yield getConfigurationData(
+        this.supportedExchanges
+      );
       callback(this.configurationData);
     });
     this.searchSymbols = (userInput, exchange, symbolType, onResultReadyCallback) => __async(this, null, function* () {
@@ -811,7 +894,10 @@ var Datafeed = class {
       }
       const symbolInfo = () => __async(this, null, function* () {
         var _a;
-        const meta = yield this.adapter.fetchSymbolMeta(symbolName, this.exchangeConfig.restApiUrl);
+        const meta = yield this.adapter.fetchSymbolMeta(
+          symbolName,
+          this.exchangeConfig.restApiUrl
+        );
         const priceScale = (_a = meta.priceScale) != null ? _a : 8;
         return {
           name: symbolName,
@@ -885,7 +971,7 @@ var Datafeed = class {
         let wsUrl = this.exchangeConfig.wsUrl;
         if (this.exchangeConfig.getWsUrl) {
           try {
-            wsUrl = yield this.exchangeConfig.getWsUrl();
+            wsUrl = yield this.exchangeConfig.getWsUrl(symbolInfo.name);
           } catch (error) {
             console.error("Failed to get WebSocket URL:", error);
             return;
@@ -922,7 +1008,9 @@ var Datafeed = class {
   }
   getServerTime(onServertimeCallback) {
     return __async(this, null, function* () {
-      const serverTime = yield this.adapter.fetchServerTime(this.exchangeConfig.restApiUrl);
+      const serverTime = yield this.adapter.fetchServerTime(
+        this.exchangeConfig.restApiUrl
+      );
       onServertimeCallback(serverTime);
     });
   }
@@ -945,74 +1033,32 @@ var TVChartContainer = ({
   const containerRef = (0, import_react2.useRef)(null);
   const [chartOrderLines, setChartOrderLines] = (0, import_use_immer.useImmer)([]);
   const [widgetState, setWidgetState] = (0, import_use_immer.useImmer)(null);
-  const [symbolState, setSymbolState] = (0, import_react2.useState)(symbol);
-  const [transformedSymbol, setTransformedSymbol] = (0, import_react2.useState)(null);
-  const [isLoadingSymbol, setIsLoadingSymbol] = (0, import_react2.useState)(false);
   const prevTimescaleMarks = (0, import_react2.useRef)(timescaleMarks);
   const prevExchange = (0, import_react2.useRef)(exchange);
+  const prevSymbol = (0, import_react2.useRef)(symbol);
   (0, import_react2.useEffect)(() => {
-    const fetchSymbolMetadata = () => __async(void 0, null, function* () {
-      var _a, _b;
-      if (!symbol) return;
-      setIsLoadingSymbol(true);
-      try {
-        const cleanSymbol = symbol.replace(/-/g, "");
-        const response = yield fetch(`https://api.terminal.binbot.in/symbol/${cleanSymbol}`);
-        if (!response.ok) {
-          console.warn(`Failed to fetch symbol metadata for ${cleanSymbol}, using original symbol`);
-          setTransformedSymbol(symbol);
-          return;
-        }
-        const result = yield response.json();
-        if (((_a = result.data) == null ? void 0 : _a.base_asset) && ((_b = result.data) == null ? void 0 : _b.quote_asset)) {
-          const { base_asset, quote_asset } = result.data;
-          const formatted = exchange.toLowerCase() === "kucoin" ? `${base_asset}-${quote_asset}` : `${base_asset}${quote_asset}`;
-          setTransformedSymbol(formatted);
-        } else {
-          console.warn("Invalid symbol metadata response, using original symbol");
-          setTransformedSymbol(symbol);
-        }
-      } catch (error) {
-        console.error("Error fetching symbol metadata:", error);
-        setTransformedSymbol(symbol);
-      } finally {
-        setIsLoadingSymbol(false);
-      }
-    });
-    fetchSymbolMetadata();
-  }, [symbol, exchange]);
-  (0, import_react2.useEffect)(() => {
-    if (isLoadingSymbol || !transformedSymbol) {
+    if (!symbol) return;
+    if (widgetState && (symbol !== prevSymbol.current || exchange !== prevExchange.current)) {
+      widgetState.remove();
+      setWidgetState(null);
+      prevSymbol.current = symbol;
+      prevExchange.current = exchange;
       return;
     }
     if (!widgetState) {
       initializeChart(interval);
-      prevExchange.current = exchange;
-      setSymbolState(transformedSymbol);
-      return;
-    }
-    if (widgetState && exchange !== prevExchange.current) {
-      widgetState.remove();
-      setWidgetState(null);
+      prevSymbol.current = symbol;
       prevExchange.current = exchange;
       return;
     }
     if (orderLines && orderLines.length > 0) {
       updateOrderLines(orderLines);
     }
-    if (widgetState && transformedSymbol !== symbolState) {
-      try {
-        widgetState.setSymbol(transformedSymbol, interval);
-        setSymbolState(transformedSymbol);
-      } catch (error) {
-        console.error("Failed to set symbol:", error);
-      }
-    }
     if (widgetState && prevTimescaleMarks.current && timescaleMarks !== prevTimescaleMarks.current) {
       widgetState._options.datafeed.timescaleMarks = timescaleMarks;
       prevTimescaleMarks.current = timescaleMarks;
     }
-  }, [orderLines, timescaleMarks, exchange, isLoadingSymbol, transformedSymbol, widgetState, symbolState, interval]);
+  }, [symbol, orderLines, timescaleMarks, exchange, widgetState, interval]);
   const initializeChart = (interval2) => {
     const exchangeConfig = SUPPORTED_EXCHANGES[exchange.toLowerCase()];
     if (!exchangeConfig) {
@@ -1021,7 +1067,7 @@ var TVChartContainer = ({
     }
     const supportedExchangeConfigs = supportedExchanges.map((ex) => SUPPORTED_EXCHANGES[ex.toLowerCase()]).filter(Boolean);
     const widgetOptions = {
-      symbol: transformedSymbol || symbol,
+      symbol,
       datafeed: new Datafeed(
         timescaleMarks,
         interval2,