binbot-charts 0.2.8 → 0.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/TVChartContainer.js +33 -28
  2. package/dist/components/{charting-library-interfaces.js → charting-library-interfaces.d.js} +0 -0
  3. package/dist/components/datafeed.js +25 -21
  4. package/dist/components/helpers.js +0 -7
  5. package/package.json +3 -3
package/dist/components/TVChartContainer.js CHANGED
@@ -38,7 +38,18 @@ function TVChartContainer(_ref) {
38
38
  } = _ref;
39
39
  const containerRef = (0, _react.useRef)(null);
40
40
  const [chartOrderLines, setChartOrderLines] = (0, _useImmer.useImmer)([]);
41
+ const [widgetState, setWidgetState] = (0, _react.useState)(null);
41
42
  (0, _react.useEffect)(() => {
43
+ if (!widgetState) {
44
+ initializeChart();
45
+ }
46
+
47
+ if (orderLines && orderLines.length > 0) {
48
+ updateOrderLines(orderLines);
49
+ }
50
+ }, [orderLines]);
51
+
52
+ const initializeChart = () => {
42
53
  const widgetOptions = {
43
54
  symbol: symbol,
44
55
  datafeed: new _datafeed.default(timescaleMarks),
@@ -57,13 +68,8 @@ function TVChartContainer(_ref) {
57
68
  };
58
69
  const tvWidget = new _charting_library.widget(widgetOptions);
59
70
  tvWidget.onChartReady(() => {
60
- if (orderLines.length > 0) {
61
- orderLines.forEach(order => {
62
- updateOrderLines(tvWidget, order);
63
- });
64
- }
65
-
66
- tvWidget.subscribe("onTick", event => onTick(event)); // get latest bar for last price
71
+ tvWidget.subscribe("onTick", event => onTick(event));
72
+ setWidgetState(tvWidget); // get latest bar for last price
67
73
 
68
74
  const prices = async () => {
69
75
  const data = await tvWidget.activeChart().exportData({
@@ -75,35 +81,34 @@ function TVChartContainer(_ref) {
75
81
  };
76
82
 
77
83
  prices();
78
- }); // returned function will be called on component unmount
79
-
80
- return () => {
81
- if (!tvWidget) {
82
- tvWidget.remove();
83
- }
84
- };
85
- }, [orderLines, timescaleMarks]);
84
+ });
85
+ };
86
86
 
87
- const updateOrderLines = (tvWidget, order) => {
87
+ const updateOrderLines = orderLines => {
88
88
  if (chartOrderLines && chartOrderLines.length > 0) {
89
89
  chartOrderLines.forEach(item => {
90
- if (item._data.bodyText == order.text) {
91
- item.setText(order.text).setTooltip(order.tooltip).setQuantity(order.quantity).setPrice(order.price);
92
- } else {
93
- item.remove();
94
- }
90
+ orderLines.forEach(order => {
91
+ if (item._data.bodyText == order.text) {
92
+ item.setText(order.text).setTooltip(order.tooltip).setQuantity(order.quantity).setPrice(order.price);
93
+ }
94
+ });
95
95
  });
96
96
  } else {
97
- const lineStyle = order.lineStyle || 0;
98
- const chartOrderLine = tvWidget.chart().createOrderLine().setText(order.text).setTooltip(order.tooltip).setQuantity(order.quantity).setQuantityFont("inherit 14px Arial").setQuantityBackgroundColor(order.color).setQuantityBorderColor(order.color).setLineStyle(lineStyle).setLineLength(25).setLineColor(order.color).setBodyFont("inherit 14px Arial").setBodyBorderColor(order.color).setBodyTextColor(order.color).setPrice(order.price);
99
- setChartOrderLines(draft => {
100
- draft.push(chartOrderLine);
101
- return draft;
102
- });
97
+ if (orderLines && orderLines.length > 0) {
98
+ orderLines.forEach(order => {
99
+ // const lineStyle = order.lineStyle || 0;
100
+ const chartOrderLine = widgetState.chart().createOrderLine().setText(order.text).setTooltip(order.tooltip).setQuantity(order.quantity).setQuantityFont("inherit 14px Arial").setQuantityBackgroundColor(order.color).setQuantityBorderColor(order.color) // .setLineStyle(lineStyle)
101
+ .setLineLength(25).setLineColor(order.color).setBodyFont("inherit 14px Arial").setBodyBorderColor(order.color).setBodyTextColor(order.color).setPrice(order.price);
102
+ setChartOrderLines(draft => {
103
+ draft.push(chartOrderLine);
104
+ return draft;
105
+ });
106
+ });
107
+ }
103
108
  }
104
109
  };
105
110
 
106
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, console.log(chartOrderLines), /*#__PURE__*/_react.default.createElement("div", {
111
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
107
112
  ref: containerRef,
108
113
  style: {
109
114
  height: height
package/dist/components/datafeed.js CHANGED
@@ -49,32 +49,36 @@ class Datafeed {
49
49
  onResultReadyCallback(symbols);
50
50
  });
51
51
 
52
- _defineProperty(this, "resolveSymbol", (symbolName, onSymbolResolvedCallback, onResolveErrorCallback) => {
52
+ _defineProperty(this, "resolveSymbol", async (symbolName, onSymbolResolvedCallback, onResolveErrorCallback) => {
53
53
  if (!symbolName) {
54
- onResolveErrorCallback("cannot resolve symbol");
54
+ await onResolveErrorCallback("cannot resolve symbol");
55
55
  return;
56
56
  }
57
57
 
58
- const symbolInfo = {
59
- ticker: symbolName,
60
- name: symbolName,
61
- ticker: symbolName,
62
- description: symbolName,
63
- type: "crypto",
64
- session: "24x7",
65
- timezone: "Etc/UTC",
66
- exchange: "Binance",
67
- minmov: 100,
68
- pricescale: 100000,
69
- has_intraday: true,
70
- has_no_volume: false,
71
- volume: "hundreds",
72
- has_weekly_and_monthly: true,
73
- volume_precision: 9,
74
- data_status: "streaming",
75
- resolution: "1h"
58
+ const symbolInfo = () => {
59
+ return {
60
+ ticker: symbolName,
61
+ name: symbolName,
62
+ ticker: symbolName,
63
+ description: symbolName,
64
+ type: "crypto",
65
+ session: "24x7",
66
+ timezone: "Etc/UTC",
67
+ exchange: "Binance",
68
+ minmov: 100,
69
+ pricescale: 100000,
70
+ has_intraday: true,
71
+ has_no_volume: false,
72
+ volume: "hundreds",
73
+ has_weekly_and_monthly: true,
74
+ volume_precision: 9,
75
+ data_status: "streaming",
76
+ resolution: "1h"
77
+ };
76
78
  };
77
- onSymbolResolvedCallback(symbolInfo);
79
+
80
+ const symbol = await symbolInfo();
81
+ onSymbolResolvedCallback(symbol);
78
82
  });
79
83
 
80
84
  _defineProperty(this, "getBars", async (symbolInfo, resolution, periodParams, onHistoryCallback, onErrorCallback) => {
package/dist/components/helpers.js CHANGED
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = getNextDailyBarTime;
7
6
  exports.generateSymbol = generateSymbol;
8
7
  exports.getAllSymbols = getAllSymbols;
9
8
  exports.makeApiRequest = makeApiRequest;
@@ -70,10 +69,4 @@ async function getAllSymbols(symbol) {
70
69
  }
71
70
 
72
71
  return newSymbols;
73
- }
74
-
75
- function getNextDailyBarTime(barTime) {
76
- const date = new Date(barTime * 1000);
77
- date.setDate(date.getDate() + 1);
78
- return date.getTime() / 1000;
79
72
  }
package/package.json CHANGED
@@ -1,10 +1,9 @@
1
1
  {
2
- "version": "0.2.8",
2
+ "version": "0.2.11",
3
3
  "name": "binbot-charts",
4
4
  "dependencies": {
5
5
  "react": "^17.0.1",
6
6
  "react-dom": "^17.0.1",
7
- "react-scripts": "^5.0.1",
8
7
  "use-immer": "^0.7.0"
9
8
  },
10
9
  "devDependencies": {
@@ -12,7 +11,8 @@
12
11
  "@babel/core": "^7.18.13",
13
12
  "@babel/polyfill": "^7.12.1",
14
13
  "@babel/preset-env": "^7.18.10",
15
- "@babel/preset-typescript": "^7.18.6"
14
+ "@babel/preset-typescript": "^7.18.6",
15
+ "react-scripts": "^5.0.1"
16
16
  },
17
17
  "scripts": {
18
18
  "start": "react-scripts start",