binbot-charts 0.12.12 → 0.12.14

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

@@ -384,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({
@@ -477,6 +480,7 @@ var binanceAdapter = {
     });
   }
 };
+var kucoinFuturesBarsAbort = null;
 var kucoinAdapter = {
   fetchSymbolMeta(symbol, apiHost) {
     return __async(this, null, function* () {
@@ -511,35 +515,50 @@ var kucoinAdapter = {
   fetchBars(_0, _1) {
     return __async(this, arguments, function* ({ symbol, interval, from, to }, apiHost) {
       if (isKucoinFutures(symbol)) {
+        if (kucoinFuturesBarsAbort) {
+          kucoinFuturesBarsAbort.abort();
+        }
+        kucoinFuturesBarsAbort = new AbortController();
+        const { signal } = kucoinFuturesBarsAbort;
         const granularity = mapKuCoinFuturesGranularity(interval);
-        const params2 = new URLSearchParams({
-          symbol,
-          granularity: String(granularity),
-          from: String(from * 1e3),
-          // futures expects milliseconds
-          to: String(to * 1e3)
+        const fromMs = from * 1e3;
+        let currentTo = to * 1e3;
+        let allCandles = [];
+        const MAX_PAGES = 10;
+        for (let page = 0; page < MAX_PAGES; page++) {
+          const params2 = new URLSearchParams({
+            symbol,
+            granularity: String(granularity),
+            to: String(currentTo)
+          });
+          const resp2 = yield makeApiRequest(
+            `api/v1/kline/query?${params2.toString()}`,
+            KUCOIN_FUTURES_API,
+            { signal }
+          );
+          const raw2 = Array.isArray(resp2 == null ? void 0 : resp2.data) ? resp2.data : [];
+          if (raw2.length === 0) break;
+          const candles2 = raw2.map((bar) => [
+            Number(bar[0]),
+            Number(bar[1]),
+            Number(bar[2]),
+            Number(bar[3]),
+            Number(bar[4]),
+            Number(bar[5])
+          ]);
+          allCandles = allCandles.concat(candles2);
+          const earliest = Math.min(...candles2.map((c) => c[0]));
+          if (earliest <= fromMs) break;
+          currentTo = earliest;
+        }
+        const seen = /* @__PURE__ */ new Set();
+        const unique = allCandles.filter((c) => {
+          if (seen.has(c[0])) return false;
+          seen.add(c[0]);
+          return true;
         });
-        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;
+        unique.sort((a, b) => a[0] - b[0]);
+        return unique;
       }
       const type = mapKuCoinInterval(interval);
       const params = new URLSearchParams({
@@ -608,18 +627,18 @@ var SUPPORTED_EXCHANGES = {
       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",
-          apiBase,
-          { 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)}`
+        );
       }
     })
   }
@@ -871,7 +890,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* () {
@@ -889,7 +910,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,
@@ -917,6 +941,10 @@ var Datafeed = class {
     });
     this.getBars = (symbolInfo, resolution, periodParams, onHistoryCallback, onErrorCallback) => __async(this, null, function* () {
       const { from, to, firstDataRequest } = periodParams;
+      if (!firstDataRequest) {
+        onHistoryCallback([], { noData: true });
+        return;
+      }
       let interval = "60";
       if (!/[a-zA-Z]$/.test(resolution)) {
         if (parseInt(resolution) >= 60) {
@@ -952,7 +980,7 @@ var Datafeed = class {
             ];
           }
         });
-        onHistoryCallback(bars, { noData: false });
+        onHistoryCallback(bars, { noData: bars.length === 0 });
       } catch (error) {
         console.log("[getBars]: Get error", error);
         onErrorCallback(error);
@@ -1000,7 +1028,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);
     });
   }
@@ -1023,74 +1053,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) {
@@ -1099,7 +1087,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,