binbot-charts 0.1.7 → 0.1.8

package/dist/components/TVChartContainer.js

@@ -0,0 +1,79 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TVChartContainer;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _charting_library = require("../charting_library/charting_library");
+
+var _datafeed = _interopRequireDefault(require("./datafeed"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _chartingLibraryInterfaces = require("./charting-library-interfaces");
+
+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 _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; }
+
+function TVChartContainer(_ref) {
+  let {
+    apiKey,
+    symbol = "Binance:APE/USDT",
+    interval = "1D",
+    libraryPath = "/charting_library/",
+    timescaleMarks = [],
+    orderLines = [],
+    height = "calc(100vh - 80px)"
+  } = _ref;
+  const containerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const widgetOptions = {
+      symbol: symbol,
+      datafeed: new _datafeed.default(apiKey, timescaleMarks),
+      interval: interval,
+      container: containerRef.current,
+      library_path: libraryPath,
+      locale: "en",
+      fullscreen: false,
+      autosize: true,
+      studies_overrides: {}
+    };
+    const tvWidget = new _charting_library.widget(widgetOptions);
+    tvWidget.onChartReady(() => {
+      orderLines.forEach(order => {
+        tvWidget.chart().createPositionLine().setText(order.text).setTooltip(order.tooltip).setQuantity(order.quantity).setQuantityBackgroundColor(order.color).setQuantityBorderColor(order.color).setLineStyle(0).setLineLength(25).setLineColor(order.color).setBodyBorderColor(order.color).setBodyTextColor(order.color).setPrice(order.price);
+      });
+    }); // returned function will be called on component unmount 
+
+    return () => {
+      if (this.tvWidget !== null) {
+        this.tvWidget.remove();
+        this.tvWidget = null;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    style: {
+      height: height
+    }
+  });
+}
+
+TVChartContainer.propTypes = {
+  apiKey: _propTypes.default.string,
+  symbol: _propTypes.default.string,
+  interval: _propTypes.default.string,
+  libraryPath: _propTypes.default.string,
+  timescaleMarks: _propTypes.default.array,
+  orderLines: _propTypes.default.array,
+  height: _propTypes.default.string
+};

package/dist/components/index.js

@@ -12,6 +12,4 @@ Object.defineProperty(exports, "TVChartContainer", {
 
 var _TVChartContainer = _interopRequireDefault(require("./TVChartContainer"));
 
-var _chartingLibraryInterfaces = require("./charting-library-interfaces");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.7",
+  "version": "0.1.8",
   "name": "binbot-charts",
   "dependencies": {
     "@babel/cli": "^7.18.10",
@@ -15,7 +15,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "rm -rf dist && NODE_ENV=production babel -d dist/components src/components --extensions \".ts,.js\" && cp -r src/charting_library dist/charting_library",
+    "build": "rm -rf dist && NODE_ENV=production babel -d dist/components src/components --extensions \".ts,.js,.jsx\" && cp -r src/charting_library dist/charting_library",
     "release": "yarn build && yarn publish"
   },
   "description": "Binbot charts is the default candlestick bars chart used in terminal.binbot.com to render bots graphically.",