binbot-charts 0.1.4 → 0.1.7

package/dist/components/charting-library-interfaces.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/components/index.js

@@ -3,24 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "IOrderLine", {
-  enumerable: true,
-  get: function get() {
-    return _chartingLibraryInterfaces.IOrderLine;
-  }
-});
-Object.defineProperty(exports, "ITimescaleMarks", {
-  enumerable: true,
-  get: function get() {
-    return _chartingLibraryInterfaces.ITimescaleMarks;
-  }
-});
-Object.defineProperty(exports, "IWidgetOptions", {
-  enumerable: true,
-  get: function get() {
-    return _chartingLibraryInterfaces.IWidgetOptions;
-  }
-});
 Object.defineProperty(exports, "TVChartContainer", {
   enumerable: true,
   get: function get() {

package/package.json

@@ -1,11 +1,12 @@
 {
-  "version": "0.1.4",
+  "version": "0.1.7",
   "name": "binbot-charts",
   "dependencies": {
     "@babel/cli": "^7.18.10",
     "@babel/core": "^7.18.13",
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^7.18.10",
+    "@babel/preset-typescript": "^7.18.6",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-scripts": "^5.0.1",
@@ -14,7 +15,7 @@
   },
   "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",
+    "build": "rm -rf dist && NODE_ENV=production babel -d dist/components src/components --extensions \".ts,.js\" && 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.",

package/dist/components/TVChartContainer.js

@@ -1,65 +0,0 @@
-"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");
-
-var _datafeed = _interopRequireDefault(require("./datafeed"));
-
-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(element => {
-        tvWidget.chart().createPositionLine().setText(element.text).setTooltip(element.tooltip).setQuantity(element.quantity).setQuantityBackgroundColor(element.color).setQuantityBorderColor(element.color).setLineStyle(0).setLineLength(25).setLineColor(element.color).setBodyBorderColor(element.color).setBodyTextColor(element.color).setPrice(element.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
-    }
-  });
-}