binbot-charts 0.2.18 → 0.2.19

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.19",
   "name": "binbot-charts",
   "dependencies": {
     "react": "^17.0.1",