binbot-charts 0.2.18 → 0.2.21

package/dist/components/TVChartContainer.js

@@ -35,7 +35,7 @@ function TVChartContainer(_ref) {
   const containerRef = (0, _react.useRef)(null);
   const [chartOrderLines, setChartOrderLines] = (0, _useImmer.useImmer)([]);
   const [widgetState, setWidgetState] = (0, _react.useState)(null);
-  const [symbolState, setSymbolState] = (0, _react.useState)(null);
+  const [symbolState] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     if (!widgetState) {
       initializeChart();
@@ -89,7 +89,7 @@ function TVChartContainer(_ref) {
     if (chartOrderLines && chartOrderLines.length > 0) {
       chartOrderLines.forEach(item => {
         orderLines.forEach(order => {
-          if (item._data.bodyText == order.text) {
+          if (item._data.id == order.id) {
             item.setText(order.text).setTooltip(order.tooltip).setQuantity(order.quantity).setPrice(order.price);
           }
         });
@@ -98,7 +98,9 @@ function TVChartContainer(_ref) {
       if (orderLines && orderLines.length > 0) {
         orderLines.forEach(order => {
           const lineStyle = order.lineStyle || 0;
-          const chartOrderLine = widgetState.chart().createOrderLine().setText(order.text).setTooltip(order.tooltip).setQuantity(order.quantity).setQuantityFont("inherit 14px Arial").setQuantityBackgroundColor(order.color).setQuantityBorderColor(order.color).setLineStyle(lineStyle).setLineLength(25).setLineColor(order.color).setBodyFont("inherit 14px Arial").setBodyBorderColor(order.color).setBodyTextColor(order.color).setPrice(order.price);
+          let chartOrderLine = widgetState.chart().createOrderLine().setText(order.text).setTooltip(order.tooltip).setQuantity(order.quantity).setQuantityFont("inherit 14px Arial").setQuantityBackgroundColor(order.color).setQuantityBorderColor(order.color).setLineStyle(lineStyle).setLineLength(25).setLineColor(order.color).setBodyFont("inherit 14px Arial").setBodyBorderColor(order.color).setBodyTextColor(order.color).setPrice(order.price); // set custom id easier search
+
+          chartOrderLine.id = order.id;
           setChartOrderLines(draft => {
             draft.push(chartOrderLine);
             return draft;

package/dist/components/streaming.js

@@ -6,59 +6,64 @@ Object.defineProperty(exports, "__esModule", {
 exports.subscribeOnStream = subscribeOnStream;
 exports.unsubscribeFromStream = unsubscribeFromStream;
 const channelToSubscription = new Map();
-const socket = new WebSocket("wss://stream.binance.com:9443/ws");
 
-socket.onopen = event => {
-  console.log("[socket] Connected", event);
-};
+function setupSockets(subRequest) {
+  const socket = new WebSocket("wss://stream.binance.com:9443/ws");
+  window.socket = socket;
 
-socket.onclose = reason => {
-  console.log("[socket] Disconnected:", reason);
-};
+  socket.onopen = event => {
+    console.log("[socket] Connected");
+    socket.send(JSON.stringify(subRequest));
+  };
 
-socket.onerror = error => {
-  console.log("[socket] Error:", error);
-};
+  socket.onclose = reason => {
+    console.log("[socket] Disconnected:", reason);
+  };
 
-socket.onmessage = e => {
-  const data = JSON.parse(e.data);
+  socket.onerror = error => {
+    console.log("[socket] Error:", error);
+  };
 
-  if (data.e == undefined) {
-    // skip all non-TRADE events
-    return;
-  }
+  socket.onmessage = e => {
+    const data = JSON.parse(e.data);
 
-  const {
-    s: symbol,
-    t: startTime,
-    T: closeTime,
-    i: interval,
-    o: open,
-    c: close,
-    h: high,
-    l: low,
-    v: volume,
-    n: trades,
-    q: quoteVolume
-  } = data.k;
-  const channelString = `${symbol.toLowerCase()}@kline_${interval}`;
-  const subscriptionItem = channelToSubscription.get(channelString);
-
-  if (subscriptionItem === undefined) {
-    return;
-  }
+    if (data.e == undefined) {
+      // skip all non-TRADE events
+      return;
+    }
+
+    const {
+      s: symbol,
+      t: startTime,
+      T: closeTime,
+      i: interval,
+      o: open,
+      c: close,
+      h: high,
+      l: low,
+      v: volume,
+      n: trades,
+      q: quoteVolume
+    } = data.k;
+    const channelString = `${symbol.toLowerCase()}@kline_${interval}`;
+    const subscriptionItem = channelToSubscription.get(channelString);
 
-  const bar = {
-    time: startTime,
-    open: open,
-    high: high,
-    low: low,
-    close: close,
-    volume: volume
-  }; // send data to every subscriber of that symbol
+    if (subscriptionItem === undefined) {
+      return;
+    }
 
-  subscriptionItem.handlers.forEach(handler => handler.callback(bar));
-};
+    const bar = {
+      time: startTime,
+      open: open,
+      high: high,
+      low: low,
+      close: close,
+      volume: volume
+    }; // send data to every subscriber of that symbol
+
+    subscriptionItem.handlers.forEach(handler => handler.callback(bar));
+  };
+}
 
 function subscribeOnStream(symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback, interval) {
   const channelString = `${symbolInfo.name.toLowerCase()}@kline_${interval}`;
@@ -85,7 +90,7 @@ function subscribeOnStream(symbolInfo, resolution, onRealtimeCallback, subscribe
     id: 1
   };
   channelToSubscription.set(channelString, subscriptionItem);
-  socket.send(JSON.stringify(subRequest));
+  setupSockets(subRequest);
 }
 
 function unsubscribeFromStream(subscriberUID) {
@@ -106,8 +111,9 @@ function unsubscribeFromStream(subscriberUID) {
           params: [channelString],
           id: 1
         };
-        socket.send(JSON.stringify(subRequest));
+        window.socket.send(JSON.stringify(subRequest));
         channelToSubscription.delete(channelString);
+        window.socket = undefined;
         break;
       }
     }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.18",
+  "version": "0.2.21",
   "name": "binbot-charts",
   "dependencies": {
     "react": "^17.0.1",