binbot-charts 0.1.1 → 0.1.3

package/dist/components/TVChartContainer.js

@@ -21,17 +21,19 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function TVChartContainer(_ref) {
   let {
-    symbol = "AAPL",
-    interval = "D",
+    apiKey,
+    symbol = "Binance:APE/USDT",
+    interval = "1D",
     libraryPath = "/charting_library/",
     timescaleMarks = [],
-    orderLines = []
+    orderLines = [],
+    height = "calc(100vh - 80px)"
   } = _ref;
   const containerRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     const widgetOptions = {
       symbol: symbol,
-      datafeed: new _datafeed.default(timescaleMarks),
+      datafeed: new _datafeed.default(apiKey, timescaleMarks),
       interval: interval,
       container: containerRef.current,
       library_path: libraryPath,
@@ -57,7 +59,7 @@ function TVChartContainer(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     style: {
-      height: "calc(100vh)"
+      height: height
     }
   });
 }

package/dist/components/datafeed.js

@@ -21,60 +21,40 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const lastBarsCache = new Map();
 const exchange = "Binance";
-const configurationData = {
-  // trading_options: true,
-  supports_marks: true,
-  supports_time: true,
-  supports_timescale_marks: true,
-  supported_resolutions: ["1D", "1W", "1M"],
-  exchanges: [{
-    value: "Binance",
-    name: "Binance",
-    desc: "Binance"
-  }],
-  symbols_types: [{
-    name: "crypto",
-    value: "crypto"
-  }]
-};
-
-async function getAllSymbols() {
-  const data = await (0, _helpers.makeApiRequest)("data/v3/all/exchanges");
-  let allSymbols = [];
-  const pairs = data.Data[exchange].pairs;
-
-  for (const leftPairPart of Object.keys(pairs)) {
-    const symbols = pairs[leftPairPart].map(rightPairPart => {
-      const symbol = (0, _helpers.generateSymbol)(exchange, leftPairPart, rightPairPart);
-      return {
-        symbol: symbol.short,
-        full_name: symbol.full,
-        description: symbol.short,
-        exchange: exchange,
-        type: "crypto"
-      };
-    });
-    allSymbols = [...allSymbols, ...symbols];
-  }
+const lastBarsCache = new Map();
 
-  return allSymbols;
-}
+const getConfigurationData = async () => {
+  return {
+    supports_marks: true,
+    supports_time: true,
+    supports_timescale_marks: true,
+    selected_resolution: "m",
+    exchanges: [{
+      value: "Binance",
+      name: "Binance",
+      desc: "Binance"
+    }],
+    symbols_types: [{
+      name: "crypto",
+      value: "crypto"
+    }]
+  };
+};
 
 class Datafeed {
-  constructor() {
-    let timescaleMarks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let lineOrders = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  constructor(apiKey) {
+    let timescaleMarks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    let lineOrders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
 
-    _defineProperty(this, "onReady", callback => {
-      console.log("[onReady]: Method call");
-      setTimeout(() => callback(configurationData));
+    _defineProperty(this, "onReady", async callback => {
+      this.configurationData = await getConfigurationData(this.apiKey);
+      callback(this.configurationData);
     });
 
     _defineProperty(this, "searchSymbols", async (userInput, exchange, symbolType, onResultReadyCallback) => {
       console.log("[searchSymbols]: Method call");
-      const symbols = await getAllSymbols();
+      const symbols = await (0, _helpers.getAllSymbols)(exchange);
       const newSymbols = symbols.filter(symbol => {
         const isExchangeValid = exchange === "" || symbol.exchange === exchange;
         const isFullSymbolContainsInput = symbol.full_name.toLowerCase().indexOf(userInput.toLowerCase()) !== -1;
@@ -84,8 +64,7 @@ class Datafeed {
     });
 
     _defineProperty(this, "resolveSymbol", async (symbolName, onSymbolResolvedCallback, onResolveErrorCallback) => {
-      console.log("[resolveSymbol]: Method call", symbolName);
-      const symbols = await getAllSymbols();
+      const symbols = await (0, _helpers.getAllSymbols)(exchange);
       const symbolItem = symbols.find(_ref => {
         let {
           full_name
@@ -94,7 +73,6 @@ class Datafeed {
       });
 
       if (!symbolItem) {
-        console.log("[resolveSymbol]: Cannot resolve symbol", symbolName);
         onResolveErrorCallback("cannot resolve symbol");
         return;
       }
@@ -112,11 +90,9 @@ class Datafeed {
         has_intraday: true,
         has_no_volume: false,
         has_weekly_and_monthly: false,
-        supported_resolutions: ["1D", "1W", "1M"],
         volume_precision: 4,
         data_status: "streaming"
       };
-      console.log("[resolveSymbol]: Symbol resolved", symbolName);
       onSymbolResolvedCallback(symbolInfo);
     });
 
@@ -176,24 +152,30 @@ class Datafeed {
     });
 
     _defineProperty(this, "subscribeBars", (symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback) => {
-      console.log("[subscribeBars]: Method call with subscribeUID:", subscribeUID);
+      console.log('[subscribeBars]: Method call with subscribeUID:', subscribeUID);
       (0, _streaming.subscribeOnStream)(symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback, lastBarsCache.get(symbolInfo.full_name));
     });
 
     _defineProperty(this, "unsubscribeBars", subscriberUID => {
-      console.log("[unsubscribeBars]: Method call with subscriberUID:", subscriberUID);
+      console.log('[unsubscribeBars]: Method call with subscriberUID:', subscriberUID);
       (0, _streaming.unsubscribeFromStream)(subscriberUID);
     });
 
     this.timescaleMarks = timescaleMarks;
     this.lineOrders = lineOrders;
+    this.apiKey = apiKey;
   }
 
   getTimescaleMarks(symbolInfo, from, to, onDataCallback, resolution) {
-    let timescaleMarks = [];
-
     if (this.timescaleMarks.length > 0) {
-      timescaleMarks = this.timescaleMarks;
+      let timescaleMarks = [];
+      this.timescaleMarks.forEach(mark => {
+        let time = new Date(mark.time * 1000);
+        time.setHours(1, 0, 0, 0);
+        const roundFloor = time.getTime() / 1000;
+        mark.time = roundFloor;
+        timescaleMarks.push(mark);
+      });
       onDataCallback(timescaleMarks);
     }
   }

package/dist/components/helpers.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateSymbol = generateSymbol;
+exports.getAllSymbols = getAllSymbols;
 exports.makeApiRequest = makeApiRequest;
 exports.parseFullSymbol = parseFullSymbol;
 
@@ -13,6 +14,8 @@ require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.match.js");
 
+require("core-js/modules/web.dom-collections.iterator.js");
+
 // Make requests to CryptoCompare API
 async function makeApiRequest(path) {
   try {
@@ -44,4 +47,26 @@ function parseFullSymbol(fullSymbol) {
     fromSymbol: match[2],
     toSymbol: match[3]
   };
+}
+
+async function getAllSymbols(exchange) {
+  const data = await makeApiRequest("data/v3/all/exchanges");
+  let allSymbols = [];
+  const pairs = data.Data[exchange].pairs;
+
+  for (const leftPairPart of Object.keys(pairs)) {
+    const symbols = pairs[leftPairPart].map(rightPairPart => {
+      const symbol = generateSymbol(exchange, leftPairPart, rightPairPart);
+      return {
+        symbol: symbol.short,
+        full_name: symbol.full,
+        description: symbol.short,
+        exchange: exchange,
+        type: "crypto"
+      };
+    });
+    allSymbols = [...allSymbols, ...symbols];
+  }
+
+  return allSymbols;
 }

package/dist/components/streaming.js

@@ -28,20 +28,20 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const socket = (0, _socket.default)("wss://streamer.cryptocompare.com");
+const socket = (0, _socket.default)('wss://streamer.cryptocompare.com');
 const channelToSubscription = new Map();
-socket.on("connect", () => {
-  console.log("[socket] Connected");
+socket.on('connect', () => {
+  console.log('[socket] Connected');
 });
-socket.on("disconnect", reason => {
-  console.log("[socket] Disconnected:", reason);
+socket.on('disconnect', reason => {
+  console.log('[socket] Disconnected:', reason);
 });
-socket.on("error", error => {
-  console.log("[socket] Error:", error);
+socket.on('error', error => {
+  console.log('[socket] Error:', error);
 });
-socket.on("m", data => {
-  console.log("[socket] Message:", data);
-  const [eventTypeStr, exchange, fromSymbol, toSymbol, tradeTimeStr, tradePriceStr] = data.split("~");
+socket.on('m', data => {
+  console.log('[socket] Message:', data);
+  const [eventTypeStr, exchange, fromSymbol, toSymbol,,, tradeTimeStr,, tradePriceStr] = data.split('~');
 
   if (parseInt(eventTypeStr) !== 0) {
     // skip all non-TRADE events
@@ -69,14 +69,14 @@ socket.on("m", data => {
       low: tradePrice,
       close: tradePrice
     };
-    console.log("[socket] Generate new bar", bar);
+    console.log('[socket] Generate new bar', bar);
   } else {
     bar = _objectSpread(_objectSpread({}, lastDailyBar), {}, {
       high: Math.max(lastDailyBar.high, tradePrice),
       low: Math.min(lastDailyBar.low, tradePrice),
       close: tradePrice
     });
-    console.log("[socket] Update the latest bar by price", tradePrice);
+    console.log('[socket] Update the latest bar by price', tradePrice);
   }
 
   subscriptionItem.lastDailyBar = bar; // send data to every subscriber of that symbol
@@ -112,8 +112,8 @@ function subscribeOnStream(symbolInfo, resolution, onRealtimeCallback, subscribe
     handlers: [handler]
   };
   channelToSubscription.set(channelString, subscriptionItem);
-  console.log("[subscribeBars]: Subscribe to streaming. Channel:", channelString);
-  socket.emit("SubAdd", {
+  console.log('[subscribeBars]: Subscribe to streaming. Channel:', channelString);
+  socket.emit('SubAdd', {
     subs: [channelString]
   });
 }
@@ -130,8 +130,8 @@ function unsubscribeFromStream(subscriberUID) {
 
       if (subscriptionItem.handlers.length === 0) {
         // unsubscribe from the channel, if it was the last handler
-        console.log("[unsubscribeBars]: Unsubscribe from streaming. Channel:", channelString);
-        socket.emit("SubRemove", {
+        console.log('[unsubscribeBars]: Unsubscribe from streaming. Channel:', channelString);
+        socket.emit('SubRemove', {
           subs: [channelString]
         });
         channelToSubscription.delete(channelString);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.1",
+  "version": "0.1.3",
   "name": "binbot-charts",
   "dependencies": {
     "@babel/cli": "^7.18.10",
@@ -8,14 +8,14 @@
     "@babel/preset-env": "^7.18.10",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "react-scripts": "5.0.1",
-    "socket.io-client": "^4.5.2",
+    "react-scripts": "^5.0.1",
+    "socket.io": "1.7.2",
     "use-immer": "^0.7.0"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "rm -rf dist && NODE_ENV=production babel src/components/ -d dist/components && cp -r src/charting_library dist/charting_library",
-    "release": "yarn build && npm publish"
+    "release": "yarn build && yarn publish"
   },
   "description": "Binbot charts is the default candlestick bars chart used in terminal.binbot.com to render bots graphically.",
   "repository": {