binbot-charts 0.2.16 → 0.2.19

package/dist/components/TVChartContainer.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = TVChartContainer;
 
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.promise.js");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _charting_library = require("../charting_library");
@@ -21,7 +17,7 @@ var _useImmer = require("use-immer");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -38,8 +34,8 @@ function TVChartContainer(_ref) {
   } = _ref;
   const containerRef = (0, _react.useRef)(null);
   const [chartOrderLines, setChartOrderLines] = (0, _useImmer.useImmer)([]);
-  const [widgetState, setWidgetState] = (0, _react.useState)(null); // const [symbolState, setSymbolState] = useState(symbol)
-
+  const [widgetState, setWidgetState] = (0, _react.useState)(null);
+  const [symbolState, setSymbolState] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     if (!widgetState) {
       initializeChart();
@@ -47,10 +43,11 @@ function TVChartContainer(_ref) {
 
     if (orderLines && orderLines.length > 0) {
       updateOrderLines(orderLines);
-    } // if (symbol !== symbolState) {
-    //   widgetState.setSymbol(symbol, interval);
-    // }
+    }
 
+    if (widgetState && symbol !== symbolState) {
+      widgetState.setSymbol(symbol, interval);
+    }
   }, [orderLines]);
 
   const initializeChart = () => {

package/dist/components/datafeed.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
 var _helpers = require("./helpers.js");
 
 var _streaming = require("./streaming.js");
@@ -94,10 +90,10 @@ class Datafeed {
         endTime: to * 1000,
         limit: 600
       };
-      const query = Object.keys(urlParameters).map(name => "".concat(name, "=").concat(encodeURIComponent(urlParameters[name]))).join("&");
+      const query = Object.keys(urlParameters).map(name => `${name}=${encodeURIComponent(urlParameters[name])}`).join("&");
 
       try {
-        const data = await (0, _helpers.makeApiRequest)("api/v3/uiKlines?".concat(query));
+        const data = await (0, _helpers.makeApiRequest)(`api/v3/uiKlines?${query}`);
 
         if (data.Response && data.Response === "Error" || data.length === 0) {
           // "noData" should be set if there is no data in the requested period.

package/dist/components/helpers.js

@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAllSymbols = getAllSymbols;
 exports.makeApiRequest = makeApiRequest;
 
-require("core-js/modules/es.promise.js");
-
 async function makeApiRequest(path) {
   try {
-    const response = await fetch("https://api.binance.com/".concat(path));
+    const response = await fetch(`https://api.binance.com/${path}`);
     return response.json();
   } catch (error) {
-    throw new Error("Binance request error: ".concat(error.status));
+    throw new Error(`Binance request error: ${error.status}`);
   }
 }
 
@@ -21,13 +19,13 @@ async function getAllSymbols(symbol) {
   let newSymbols = [];
 
   try {
-    const data = await makeApiRequest("api/v3/exchangeInfo?symbol=".concat(symbol.toUpperCase()));
+    const data = await makeApiRequest(`api/v3/exchangeInfo?symbol=${symbol.toUpperCase()}`);
     data.symbols.forEach(item => {
       if (item.status === "TRADING") {
         newSymbols.push({
           symbol: item.symbol,
-          full_name: "".concat(item.baseAsset, "/").concat(item.quoteAsset),
-          description: "Precision: ".concat(item.quoteAssetPrecision),
+          full_name: `${item.baseAsset}/${item.quoteAsset}`,
+          description: `Precision: ${item.quoteAssetPrecision}`,
           exchange: "Binance",
           ticker: item.symbol,
           type: "crypto"

package/dist/components/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TVChartContainer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TVChartContainer.default;
   }
 });

package/dist/components/streaming.js

@@ -5,68 +5,68 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.subscribeOnStream = subscribeOnStream;
 exports.unsubscribeFromStream = unsubscribeFromStream;
+const channelToSubscription = new Map();
 
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.json.stringify.js");
+function setupSockets(subRequest) {
+  const socket = new WebSocket("wss://stream.binance.com:9443/ws");
+  window.socket = socket;
 
-const channelToSubscription = new Map();
-const socket = new WebSocket("wss://stream.binance.com:9443/ws");
+  socket.onopen = event => {
+    console.log("[socket] Connected");
+    socket.send(JSON.stringify(subRequest));
+  };
 
-socket.onopen = event => {
-  console.log("[socket] Connected", event);
-};
+  socket.onclose = reason => {
+    console.log("[socket] Disconnected:", reason);
+  };
 
-socket.onclose = reason => {
-  console.log("[socket] Disconnected:", reason);
-};
+  socket.onerror = error => {
+    console.log("[socket] Error:", error);
+  };
 
-socket.onerror = error => {
-  console.log("[socket] Error:", error);
-};
+  socket.onmessage = e => {
+    const data = JSON.parse(e.data);
 
-socket.onmessage = e => {
-  const data = JSON.parse(e.data);
+    if (data.e == undefined) {
+      // skip all non-TRADE events
+      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 {
-    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 = "".concat(symbol.toLowerCase(), "@kline_").concat(interval);
-  const subscriptionItem = channelToSubscription.get(channelString);
-
-  if (subscriptionItem === undefined) {
-    return;
-  }
+    if (subscriptionItem === undefined) {
+      return;
+    }
 
-  const bar = {
-    time: startTime,
-    open: open,
-    high: high,
-    low: low,
-    close: close,
-    volume: volume
-  }; // send data to every subscriber of that symbol
+    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));
-};
+    subscriptionItem.handlers.forEach(handler => handler.callback(bar));
+  };
+}
 
 function subscribeOnStream(symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback, interval) {
-  const channelString = "".concat(symbolInfo.name.toLowerCase(), "@kline_").concat(interval);
+  const channelString = `${symbolInfo.name.toLowerCase()}@kline_${interval}`;
   const handler = {
     id: subscribeUID,
     callback: onRealtimeCallback
@@ -90,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) {
@@ -111,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.16",
+  "version": "0.2.19",
   "name": "binbot-charts",
   "dependencies": {
     "react": "^17.0.1",
@@ -10,7 +10,7 @@
     "@babel/cli": "^7.18.10",
     "@babel/core": "^7.18.13",
     "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-env": "^7.19.0",
     "react-scripts": "^5.0.1"
   },
   "scripts": {