binbot-charts 0.0.20 → 0.1.0

package/README.md

@@ -7,6 +7,8 @@ Import it in your project as a React component
 ## How to start
 
 1. Run `yarn install && yarn start`. It will build the project and open a default browser with the Charting Library.
+2. `library_path` should be `node_modules/dist/charting_library`
+3. Write a script to copy `charting_library` to `public/charting_library` during build. E.g. `cp -r node_modules/dist/charting_library/ src/public/charting_library`
 
 ## About This Project
 

package/dist/components/TVChartContainer.js

@@ -21,7 +21,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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; }
 
-class TVChartContainer extends _react.Component {
+class TVChartContainer extends _react.PureComponent {
   constructor(props) {
     super(props);
 
@@ -32,28 +32,27 @@ class TVChartContainer extends _react.Component {
 
   componentDidMount() {
     const widgetOptions = {
-      symbol: "AAPL",
+      symbol: this.props.symbol,
       // BEWARE: no trailing slash is expected in feed URL
-      datafeed: _datafeed.default,
-      // interval: this.props.interval,
+      datafeed: new _datafeed.default(this.props.timescaleMarks),
+      interval: this.props.interval,
       container: this.ref.current,
       library_path: this.props.libraryPath,
       locale: "en",
-      // disabled_features: ["use_localstorage_for_settings"],
-      // enabled_features: ["study_templates"],
-      // charts_storage_url: this.props.chartsStorageUrl,
-      // charts_storage_api_version: this.props.chartsStorageApiVersion,
-      // client_id: this.props.clientId,
-      // user_id: this.props.userId,
-      fullscreen: false,
-      autosize: false,
-      studies_overrides: {}
+      fullscreen: this.props.fullscreen,
+      autosize: this.props.autosize,
+      studies_overrides: this.props.studiesOverrides
     };
     const tvWidget = new _charting_library.widget(widgetOptions);
     this.tvWidget = tvWidget;
     tvWidget.onChartReady(() => {
-      const takeProfit = tvWidget.chart().createOrderLine().setText("Take profit").setLineLength(3).setLineStyle(1).setLineColor("green").setBodyBorderColor("green").setBodyTextColor("green").setQuantityBackgroundColor("green").setQuantityBorderColor("green").setQuantityTextColor("green").setQuantity("225 USDT");
-      takeProfit.setPrice(182);
+      this.props.orderLines.forEach(element => {
+        tvWidget.chart().createPositionLine().setText(element.text).setTooltip(element.tooltip) // .setProtectTooltip("Protect position")
+        // .setCloseTooltip("Close position")
+        // .setReverseTooltip("Reverse position")
+        .setQuantity(element.quantity).setQuantityBackgroundColor(element.color).setQuantityBorderColor(element.color) // .setExtendLeft(false)
+        .setLineStyle(0).setLineLength(25).setLineColor(element.color).setBodyBackgroundColor(element.color).setBodyBorderColor(element.color).setBodyTextColor(element.color).setPrice(element.price);
+      });
     });
   }
 
@@ -75,4 +74,18 @@ class TVChartContainer extends _react.Component {
 
 }
 
-exports.default = TVChartContainer;
+exports.default = TVChartContainer;
+
+_defineProperty(TVChartContainer, "defaultProps", {
+  symbol: "AAPL",
+  interval: "D",
+  datafeedUrl: "https://demo_feed.tradingview.com",
+  libraryPath: "/charting_library/",
+  chartsStorageUrl: "https://saveload.tradingview.com",
+  chartsStorageApiVersion: "1.1",
+  clientId: "tradingview.com",
+  userId: "public_user_id",
+  fullscreen: false,
+  autosize: true,
+  studiesOverrides: {}
+});

package/dist/components/datafeed.js

@@ -24,6 +24,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 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",
@@ -32,10 +36,8 @@ const configurationData = {
   }],
   symbols_types: [{
     name: "crypto",
-    // `symbolType` argument for the `searchSymbols` method, if a user selects this symbol type
     value: "crypto"
-  } // ...
-  ]
+  }]
 };
 
 async function getAllSymbols() {
@@ -60,124 +62,142 @@ async function getAllSymbols() {
   return allSymbols;
 }
 
-class Datafeed {}
+class Datafeed {
+  constructor() {
+    let timescaleMarks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let lineOrders = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
-exports.default = Datafeed;
-
-_defineProperty(Datafeed, "onReady", callback => {
-  console.log("[onReady]: Method call");
-  setTimeout(() => callback(configurationData));
-});
+    _defineProperty(this, "onReady", callback => {
+      console.log("[onReady]: Method call");
+      setTimeout(() => callback(configurationData));
+    });
 
-_defineProperty(Datafeed, "searchSymbols", async (userInput, exchange, symbolType, onResultReadyCallback) => {
-  console.log("[searchSymbols]: Method call");
-  const symbols = await getAllSymbols();
-  const newSymbols = symbols.filter(symbol => {
-    const isExchangeValid = exchange === "" || symbol.exchange === exchange;
-    const isFullSymbolContainsInput = symbol.full_name.toLowerCase().indexOf(userInput.toLowerCase()) !== -1;
-    return isExchangeValid && isFullSymbolContainsInput;
-  });
-  onResultReadyCallback(newSymbols);
-});
+    _defineProperty(this, "searchSymbols", async (userInput, exchange, symbolType, onResultReadyCallback) => {
+      console.log("[searchSymbols]: Method call");
+      const symbols = await getAllSymbols();
+      const newSymbols = symbols.filter(symbol => {
+        const isExchangeValid = exchange === "" || symbol.exchange === exchange;
+        const isFullSymbolContainsInput = symbol.full_name.toLowerCase().indexOf(userInput.toLowerCase()) !== -1;
+        return isExchangeValid && isFullSymbolContainsInput;
+      });
+      onResultReadyCallback(newSymbols);
+    });
 
-_defineProperty(Datafeed, "resolveSymbol", async (symbolName, onSymbolResolvedCallback, onResolveErrorCallback) => {
-  console.log("[resolveSymbol]: Method call", symbolName);
-  const symbols = await getAllSymbols();
-  const symbolItem = symbols.find(_ref => {
-    let {
-      full_name
-    } = _ref;
-    return full_name === symbolName;
-  });
-
-  if (!symbolItem) {
-    console.log("[resolveSymbol]: Cannot resolve symbol", symbolName);
-    onResolveErrorCallback("cannot resolve symbol");
-    return;
-  }
+    _defineProperty(this, "resolveSymbol", async (symbolName, onSymbolResolvedCallback, onResolveErrorCallback) => {
+      console.log("[resolveSymbol]: Method call", symbolName);
+      const symbols = await getAllSymbols();
+      const symbolItem = symbols.find(_ref => {
+        let {
+          full_name
+        } = _ref;
+        return full_name === symbolName;
+      });
 
-  const symbolInfo = {
-    ticker: symbolItem.full_name,
-    name: symbolItem.symbol,
-    description: symbolItem.description,
-    type: symbolItem.type,
-    session: "24x7",
-    timezone: "Etc/UTC",
-    exchange: symbolItem.exchange,
-    minmov: 1,
-    pricescale: 100,
-    has_intraday: false,
-    has_no_volume: true,
-    has_weekly_and_monthly: false,
-    supported_resolutions: ["1D", "1W", "1M"],
-    volume_precision: 2,
-    data_status: "streaming"
-  };
-  console.log("[resolveSymbol]: Symbol resolved", symbolName);
-  onSymbolResolvedCallback(symbolInfo);
-});
+      if (!symbolItem) {
+        console.log("[resolveSymbol]: Cannot resolve symbol", symbolName);
+        onResolveErrorCallback("cannot resolve symbol");
+        return;
+      }
 
-_defineProperty(Datafeed, "getBars", async (symbolInfo, resolution, periodParams, onHistoryCallback, onErrorCallback) => {
-  const {
-    from,
-    to,
-    firstDataRequest
-  } = periodParams;
-  console.log("[getBars]: Method call", symbolInfo, resolution, from, to);
-  const parsedSymbol = (0, _helpers.parseFullSymbol)(symbolInfo.full_name);
-  const urlParameters = {
-    e: parsedSymbol.exchange,
-    fsym: parsedSymbol.fromSymbol,
-    tsym: parsedSymbol.toSymbol,
-    toTs: to,
-    limit: 2000
-  };
-  const query = Object.keys(urlParameters).map(name => "".concat(name, "=").concat(encodeURIComponent(urlParameters[name]))).join("&");
-
-  try {
-    const data = await (0, _helpers.makeApiRequest)("data/histoday?".concat(query));
-
-    if (data.Response && data.Response === "Error" || data.Data.length === 0) {
-      // "noData" should be set if there is no data in the requested period.
-      onHistoryCallback([], {
-        noData: true
-      });
-      return;
-    }
+      const symbolInfo = {
+        ticker: symbolItem.full_name,
+        name: symbolItem.symbol,
+        description: symbolItem.description,
+        type: symbolItem.type,
+        session: "24x7",
+        timezone: "Etc/UTC",
+        exchange: symbolItem.exchange,
+        minmov: 1,
+        pricescale: 100,
+        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);
+    });
 
-    let bars = [];
-    data.Data.forEach(bar => {
-      if (bar.time >= from && bar.time < to) {
-        bars = [...bars, {
-          time: bar.time * 1000,
-          low: bar.low,
-          high: bar.high,
-          open: bar.open,
-          close: bar.close
-        }];
+    _defineProperty(this, "getBars", async (symbolInfo, resolution, periodParams, onHistoryCallback, onErrorCallback) => {
+      const {
+        from,
+        to,
+        firstDataRequest
+      } = periodParams;
+      console.log("[getBars]: Method call");
+      const parsedSymbol = (0, _helpers.parseFullSymbol)(symbolInfo.full_name);
+      const urlParameters = {
+        e: parsedSymbol.exchange,
+        fsym: parsedSymbol.fromSymbol,
+        tsym: parsedSymbol.toSymbol,
+        toTs: to,
+        limit: 2000
+      };
+      const query = Object.keys(urlParameters).map(name => "".concat(name, "=").concat(encodeURIComponent(urlParameters[name]))).join("&");
+
+      try {
+        const data = await (0, _helpers.makeApiRequest)("data/histoday?".concat(query));
+
+        if (data.Response && data.Response === "Error" || data.Data.length === 0) {
+          // "noData" should be set if there is no data in the requested period.
+          onHistoryCallback([], {
+            noData: true
+          });
+          return;
+        }
+
+        let bars = [];
+        data.Data.forEach(bar => {
+          if (bar.time >= from && bar.time < to) {
+            bars = [...bars, {
+              time: bar.time * 1000,
+              low: bar.low,
+              high: bar.high,
+              open: bar.open,
+              close: bar.close
+            }];
+          }
+        });
+
+        if (firstDataRequest) {
+          lastBarsCache.set(symbolInfo.full_name, _objectSpread({}, bars[bars.length - 1]));
+        }
+
+        console.log("[getBars]: returned ".concat(bars.length, " bar(s)"));
+        onHistoryCallback(bars, {
+          noData: false
+        });
+      } catch (error) {
+        console.log("[getBars]: Get error", error);
+        onErrorCallback(error);
       }
     });
 
-    if (firstDataRequest) {
-      lastBarsCache.set(symbolInfo.full_name, _objectSpread({}, bars[bars.length - 1]));
-    }
+    _defineProperty(this, "subscribeBars", (symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback) => {
+      console.log("[subscribeBars]: Method call with subscribeUID:", subscribeUID);
+      (0, _streaming.subscribeOnStream)(symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback, lastBarsCache.get(symbolInfo.full_name));
+    });
 
-    console.log("[getBars]: returned ".concat(bars.length, " bar(s)"));
-    onHistoryCallback(bars, {
-      noData: false
+    _defineProperty(this, "unsubscribeBars", subscriberUID => {
+      console.log("[unsubscribeBars]: Method call with subscriberUID:", subscriberUID);
+      (0, _streaming.unsubscribeFromStream)(subscriberUID);
     });
-  } catch (error) {
-    console.log("[getBars]: Get error", error);
-    onErrorCallback(error);
+
+    this.timescaleMarks = timescaleMarks;
+    this.lineOrders = lineOrders;
   }
-});
 
-_defineProperty(Datafeed, "subscribeBars", (symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback) => {
-  console.log("[subscribeBars]: Method call with subscribeUID:", subscribeUID);
-  (0, _streaming.subscribeOnStream)(symbolInfo, resolution, onRealtimeCallback, subscribeUID, onResetCacheNeededCallback, lastBarsCache.get(symbolInfo.full_name));
-});
+  getTimescaleMarks(symbolInfo, from, to, onDataCallback, resolution) {
+    let timescaleMarks = [];
+
+    if (this.timescaleMarks.length > 0) {
+      timescaleMarks = this.timescaleMarks;
+      onDataCallback(timescaleMarks);
+    }
+  }
+
+}
 
-_defineProperty(Datafeed, "unsubscribeBars", subscriberUID => {
-  console.log("[unsubscribeBars]: Method call with subscriberUID:", subscriberUID);
-  (0, _streaming.unsubscribeFromStream)(subscriberUID);
-});
+exports.default = Datafeed;

package/dist/{index.js → components/index.js}

@@ -10,6 +10,6 @@ Object.defineProperty(exports, "TVChartContainer", {
   }
 });
 
-var _TVChartContainer = _interopRequireDefault(require("./components/TVChartContainer"));
+var _TVChartContainer = _interopRequireDefault(require("./TVChartContainer"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/streaming.js

@@ -41,7 +41,7 @@ socket.on("error", error => {
 });
 socket.on("m", data => {
   console.log("[socket] Message:", data);
-  const [eventTypeStr, exchange, fromSymbol, toSymbol,,, tradeTimeStr,, tradePriceStr] = data.split("~");
+  const [eventTypeStr, exchange, fromSymbol, toSymbol, tradeTimeStr, tradePriceStr] = data.split("~");
 
   if (parseInt(eventTypeStr) !== 0) {
     // skip all non-TRADE events

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.20",
+  "version": "0.1.0",
   "name": "binbot-charts",
   "dependencies": {
     "@babel/cli": "^7.18.10",
@@ -8,21 +8,24 @@
     "@babel/preset-env": "^7.18.10",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "react-scripts": "5.0.1"
+    "react-scripts": "5.0.1",
+    "socket.io-client": "^4.5.2"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "rm -rf dist && NODE_ENV=production babel src/lib/ -d dist && cp -r src/lib/charting_library dist/charting_library",
-    "publish": "yarn build && npm publish"
+    "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"
   },
   "description": "Binbot charts is the default candlestick bars chart used in terminal.binbot.com to render bots graphically.",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/carkod/binbot-charts.git"
   },
-  "module": "dist/index.js",
-  "main": "dist/index.js",
-  "files": ["dist"],
+  "module": "dist/components/index.js",
+  "main": "dist/components/index.js",
+  "files": [
+    "dist"
+  ],
   "keywords": [
     "binbot",
     "charts"