@oanda/labs-crowd-view-widget 1.0.43 → 1.0.45

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 (180) hide show
  1. package/CHANGELOG.md +364 -0
  2. package/dist/main/CrowdViewWidget/CrowdViewWidget.js +3 -3
  3. package/dist/main/CrowdViewWidget/CrowdViewWidget.js.map +1 -1
  4. package/dist/main/CrowdViewWidget/Main.js +22 -12
  5. package/dist/main/CrowdViewWidget/Main.js.map +1 -1
  6. package/dist/main/CrowdViewWidget/components/Chart/Chart.js +16 -17
  7. package/dist/main/CrowdViewWidget/components/Chart/Chart.js.map +1 -1
  8. package/dist/main/CrowdViewWidget/components/Chart/ChartWithData.js +16 -13
  9. package/dist/main/CrowdViewWidget/components/Chart/ChartWithData.js.map +1 -1
  10. package/dist/main/CrowdViewWidget/components/Chart/{getOption.js → chartOptions.js} +79 -62
  11. package/dist/main/CrowdViewWidget/components/Chart/chartOptions.js.map +1 -0
  12. package/dist/main/CrowdViewWidget/components/Chart/index.js +44 -0
  13. package/dist/main/CrowdViewWidget/components/Chart/index.js.map +1 -1
  14. package/dist/main/CrowdViewWidget/components/Chart/types.js.map +1 -1
  15. package/dist/main/CrowdViewWidget/components/Chart/useCrowdViewData.js +184 -0
  16. package/dist/main/CrowdViewWidget/components/Chart/useCrowdViewData.js.map +1 -0
  17. package/dist/main/CrowdViewWidget/components/Chart/utils/chartUtils.js +107 -0
  18. package/dist/main/CrowdViewWidget/components/Chart/utils/chartUtils.js.map +1 -0
  19. package/dist/main/CrowdViewWidget/components/Legend/Legend.js +3 -2
  20. package/dist/main/CrowdViewWidget/components/Legend/Legend.js.map +1 -1
  21. package/dist/main/CrowdViewWidget/components/Legend/LegendBar.js +9 -11
  22. package/dist/main/CrowdViewWidget/components/Legend/LegendBar.js.map +1 -1
  23. package/dist/main/CrowdViewWidget/constants.js +31 -0
  24. package/dist/main/CrowdViewWidget/constants.js.map +1 -0
  25. package/dist/main/CrowdViewWidget/render.js +1 -0
  26. package/dist/main/CrowdViewWidget/render.js.map +1 -1
  27. package/dist/main/CrowdViewWidget/selectConfig.js +121 -0
  28. package/dist/main/CrowdViewWidget/selectConfig.js.map +1 -0
  29. package/dist/main/CrowdViewWidget/types/index.js +17 -0
  30. package/dist/main/CrowdViewWidget/types/index.js.map +1 -0
  31. package/dist/main/CrowdViewWidget/types/instruments.js +45 -0
  32. package/dist/main/CrowdViewWidget/types/instruments.js.map +1 -0
  33. package/dist/main/CrowdViewWidget/types.js +0 -44
  34. package/dist/main/CrowdViewWidget/types.js.map +1 -1
  35. package/dist/main/CrowdViewWidget/utils/instrumentUtils.js +13 -0
  36. package/dist/main/CrowdViewWidget/utils/instrumentUtils.js.map +1 -0
  37. package/dist/main/gql/getOrderPositionBooks.js +1 -1
  38. package/dist/main/gql/getOrderPositionBooks.js.map +1 -1
  39. package/dist/main/gql/getPriceCandles.js +11 -0
  40. package/dist/main/gql/getPriceCandles.js.map +1 -0
  41. package/dist/main/gql/types/gql.js +2 -3
  42. package/dist/main/gql/types/gql.js.map +1 -1
  43. package/dist/main/gql/types/graphql.js +161 -160
  44. package/dist/main/gql/types/graphql.js.map +1 -1
  45. package/dist/main/translations/sources/en.json +24 -0
  46. package/dist/module/CrowdViewWidget/CrowdViewWidget.js +3 -3
  47. package/dist/module/CrowdViewWidget/CrowdViewWidget.js.map +1 -1
  48. package/dist/module/CrowdViewWidget/Main.js +23 -13
  49. package/dist/module/CrowdViewWidget/Main.js.map +1 -1
  50. package/dist/module/CrowdViewWidget/components/Chart/Chart.js +15 -16
  51. package/dist/module/CrowdViewWidget/components/Chart/Chart.js.map +1 -1
  52. package/dist/module/CrowdViewWidget/components/Chart/ChartWithData.js +16 -12
  53. package/dist/module/CrowdViewWidget/components/Chart/ChartWithData.js.map +1 -1
  54. package/dist/module/CrowdViewWidget/components/Chart/{getOption.js → chartOptions.js} +77 -59
  55. package/dist/module/CrowdViewWidget/components/Chart/chartOptions.js.map +1 -0
  56. package/dist/module/CrowdViewWidget/components/Chart/index.js +4 -0
  57. package/dist/module/CrowdViewWidget/components/Chart/index.js.map +1 -1
  58. package/dist/module/CrowdViewWidget/components/Chart/types.js.map +1 -1
  59. package/dist/module/CrowdViewWidget/components/Chart/useCrowdViewData.js +177 -0
  60. package/dist/module/CrowdViewWidget/components/Chart/useCrowdViewData.js.map +1 -0
  61. package/dist/module/CrowdViewWidget/components/Chart/utils/chartUtils.js +94 -0
  62. package/dist/module/CrowdViewWidget/components/Chart/utils/chartUtils.js.map +1 -0
  63. package/dist/module/CrowdViewWidget/components/Legend/Legend.js +3 -2
  64. package/dist/module/CrowdViewWidget/components/Legend/Legend.js.map +1 -1
  65. package/dist/module/CrowdViewWidget/components/Legend/LegendBar.js +9 -11
  66. package/dist/module/CrowdViewWidget/components/Legend/LegendBar.js.map +1 -1
  67. package/dist/module/CrowdViewWidget/constants.js +25 -0
  68. package/dist/module/CrowdViewWidget/constants.js.map +1 -0
  69. package/dist/module/CrowdViewWidget/render.js +1 -0
  70. package/dist/module/CrowdViewWidget/render.js.map +1 -1
  71. package/dist/module/CrowdViewWidget/selectConfig.js +116 -0
  72. package/dist/module/CrowdViewWidget/selectConfig.js.map +1 -0
  73. package/dist/module/CrowdViewWidget/types/index.js +2 -0
  74. package/dist/module/CrowdViewWidget/types/index.js.map +1 -0
  75. package/dist/module/CrowdViewWidget/types/instruments.js +39 -0
  76. package/dist/module/CrowdViewWidget/types/instruments.js.map +1 -0
  77. package/dist/module/CrowdViewWidget/types.js +1 -43
  78. package/dist/module/CrowdViewWidget/types.js.map +1 -1
  79. package/dist/module/CrowdViewWidget/utils/instrumentUtils.js +6 -0
  80. package/dist/module/CrowdViewWidget/utils/instrumentUtils.js.map +1 -0
  81. package/dist/module/gql/getOrderPositionBooks.js +1 -1
  82. package/dist/module/gql/getOrderPositionBooks.js.map +1 -1
  83. package/dist/module/gql/getPriceCandles.js +6 -0
  84. package/dist/module/gql/getPriceCandles.js.map +1 -0
  85. package/dist/module/gql/types/gql.js +2 -3
  86. package/dist/module/gql/types/gql.js.map +1 -1
  87. package/dist/module/gql/types/graphql.js +160 -159
  88. package/dist/module/gql/types/graphql.js.map +1 -1
  89. package/dist/module/translations/sources/en.json +24 -0
  90. package/dist/types/CrowdViewWidget/CrowdViewWidget.d.ts +1 -1
  91. package/dist/types/CrowdViewWidget/components/Chart/ChartWithData.d.ts +1 -1
  92. package/dist/types/CrowdViewWidget/components/Chart/index.d.ts +4 -0
  93. package/dist/types/CrowdViewWidget/components/Chart/types.d.ts +23 -16
  94. package/dist/types/CrowdViewWidget/components/Chart/useCrowdViewData.d.ts +2 -0
  95. package/dist/types/CrowdViewWidget/components/Chart/{utils.d.ts → utils/chartUtils.d.ts} +9 -11
  96. package/dist/types/CrowdViewWidget/components/Legend/Legend.d.ts +3 -3
  97. package/dist/types/CrowdViewWidget/constants.d.ts +24 -0
  98. package/dist/types/CrowdViewWidget/selectConfig.d.ts +19 -0
  99. package/dist/types/CrowdViewWidget/types/index.d.ts +1 -0
  100. package/dist/types/CrowdViewWidget/types/instruments.d.ts +36 -0
  101. package/dist/types/CrowdViewWidget/types.d.ts +2 -50
  102. package/dist/types/CrowdViewWidget/utils/instrumentUtils.d.ts +8 -0
  103. package/dist/types/gql/types/gql.d.ts +10 -14
  104. package/dist/types/gql/types/graphql.d.ts +71 -63
  105. package/lokalise.config.json +1 -1
  106. package/package.json +6 -4
  107. package/src/CrowdViewWidget/CrowdViewWidget.tsx +2 -2
  108. package/src/CrowdViewWidget/Main.tsx +32 -22
  109. package/src/CrowdViewWidget/components/Chart/Chart.tsx +21 -17
  110. package/src/CrowdViewWidget/components/Chart/ChartWithData.tsx +12 -12
  111. package/src/CrowdViewWidget/components/Chart/chartOptions.ts +205 -0
  112. package/src/CrowdViewWidget/components/Chart/index.ts +4 -0
  113. package/src/CrowdViewWidget/components/Chart/types.ts +30 -24
  114. package/src/CrowdViewWidget/components/Chart/useCrowdViewData.ts +288 -0
  115. package/src/CrowdViewWidget/components/Chart/utils/chartUtils.ts +161 -0
  116. package/src/CrowdViewWidget/components/Legend/Legend.tsx +7 -3
  117. package/src/CrowdViewWidget/components/Legend/LegendBar.tsx +16 -20
  118. package/src/CrowdViewWidget/constants.ts +28 -0
  119. package/src/CrowdViewWidget/render.tsx +1 -0
  120. package/src/CrowdViewWidget/{config.ts → selectConfig.ts} +65 -43
  121. package/src/CrowdViewWidget/types/index.ts +1 -0
  122. package/src/CrowdViewWidget/types/instruments.ts +37 -0
  123. package/src/CrowdViewWidget/types.ts +4 -55
  124. package/src/CrowdViewWidget/utils/instrumentUtils.ts +11 -0
  125. package/src/gql/getOrderPositionBooks.ts +9 -4
  126. package/src/gql/{mock/getPriceCandles.ts → getPriceCandles.ts} +5 -5
  127. package/src/gql/types/gql.ts +6 -14
  128. package/src/gql/types/graphql.ts +170 -160
  129. package/src/translations/sources/en.json +24 -0
  130. package/test/Main.test.tsx +73 -27
  131. package/test/components/Chart/utils/chartUtils.test.ts +172 -0
  132. package/test/components/Legend.test.tsx +3 -6
  133. package/test/components/LegendBar.test.tsx +7 -8
  134. package/test/utils/instrumentUtils.test.ts +52 -0
  135. package/dist/main/CrowdViewWidget/components/Chart/constants.js +0 -14
  136. package/dist/main/CrowdViewWidget/components/Chart/constants.js.map +0 -1
  137. package/dist/main/CrowdViewWidget/components/Chart/getOption.js.map +0 -1
  138. package/dist/main/CrowdViewWidget/components/Chart/getOrderPositionDataMock.js +0 -47
  139. package/dist/main/CrowdViewWidget/components/Chart/getOrderPositionDataMock.js.map +0 -1
  140. package/dist/main/CrowdViewWidget/components/Chart/getPriceCandlesMock.js +0 -36
  141. package/dist/main/CrowdViewWidget/components/Chart/getPriceCandlesMock.js.map +0 -1
  142. package/dist/main/CrowdViewWidget/components/Chart/utils.js +0 -166
  143. package/dist/main/CrowdViewWidget/components/Chart/utils.js.map +0 -1
  144. package/dist/main/CrowdViewWidget/config.js +0 -107
  145. package/dist/main/CrowdViewWidget/config.js.map +0 -1
  146. package/dist/main/gql/mock/getPriceCandles.js +0 -11
  147. package/dist/main/gql/mock/getPriceCandles.js.map +0 -1
  148. package/dist/main/gql/mock/schema.graphqls +0 -62
  149. package/dist/main/gql/validateInstruments.js +0 -11
  150. package/dist/main/gql/validateInstruments.js.map +0 -1
  151. package/dist/module/CrowdViewWidget/components/Chart/constants.js +0 -8
  152. package/dist/module/CrowdViewWidget/components/Chart/constants.js.map +0 -1
  153. package/dist/module/CrowdViewWidget/components/Chart/getOption.js.map +0 -1
  154. package/dist/module/CrowdViewWidget/components/Chart/getOrderPositionDataMock.js +0 -40
  155. package/dist/module/CrowdViewWidget/components/Chart/getOrderPositionDataMock.js.map +0 -1
  156. package/dist/module/CrowdViewWidget/components/Chart/getPriceCandlesMock.js +0 -29
  157. package/dist/module/CrowdViewWidget/components/Chart/getPriceCandlesMock.js.map +0 -1
  158. package/dist/module/CrowdViewWidget/components/Chart/utils.js +0 -156
  159. package/dist/module/CrowdViewWidget/components/Chart/utils.js.map +0 -1
  160. package/dist/module/CrowdViewWidget/config.js +0 -102
  161. package/dist/module/CrowdViewWidget/config.js.map +0 -1
  162. package/dist/module/gql/mock/getPriceCandles.js +0 -6
  163. package/dist/module/gql/mock/getPriceCandles.js.map +0 -1
  164. package/dist/module/gql/mock/schema.graphqls +0 -62
  165. package/dist/module/gql/validateInstruments.js +0 -5
  166. package/dist/module/gql/validateInstruments.js.map +0 -1
  167. package/dist/types/CrowdViewWidget/components/Chart/constants.d.ts +0 -7
  168. package/dist/types/CrowdViewWidget/components/Chart/getOrderPositionDataMock.d.ts +0 -14
  169. package/dist/types/CrowdViewWidget/components/Chart/getPriceCandlesMock.d.ts +0 -2
  170. package/dist/types/CrowdViewWidget/config.d.ts +0 -22
  171. package/dist/types/gql/validateInstruments.d.ts +0 -1
  172. package/src/CrowdViewWidget/components/Chart/constants.tsx +0 -8
  173. package/src/CrowdViewWidget/components/Chart/getOption.ts +0 -200
  174. package/src/CrowdViewWidget/components/Chart/getOrderPositionDataMock.ts +0 -66
  175. package/src/CrowdViewWidget/components/Chart/getPriceCandlesMock.ts +0 -43
  176. package/src/CrowdViewWidget/components/Chart/utils.ts +0 -191
  177. package/src/gql/mock/schema.graphqls +0 -62
  178. package/src/gql/validateInstruments.ts +0 -10
  179. /package/dist/types/CrowdViewWidget/components/Chart/{getOption.d.ts → chartOptions.d.ts} +0 -0
  180. /package/dist/types/gql/{mock/getPriceCandles.d.ts → getPriceCandles.d.ts} +0 -0
@@ -0,0 +1,172 @@
1
+ import {
2
+ formatXAxisLabel,
3
+ getLabelData,
4
+ getRectColor,
5
+ getTimeSpanForGranularity,
6
+ getTooltipFormatter,
7
+ isDifferenceGreaterThanTwoWeeks,
8
+ } from '../../../../src/CrowdViewWidget/components/Chart/utils/chartUtils';
9
+ import {
10
+ BOOKS_THRESHOLDS,
11
+ COLOR_MAP,
12
+ } from '../../../../src/CrowdViewWidget/constants';
13
+ import { Granularity, TimeSpan } from '../../../../src/gql/types/graphql';
14
+
15
+ describe('chartUtils', () => {
16
+ describe('getTimeSpanForGranularity', () => {
17
+ it('maps granularity to expected TimeSpan', () => {
18
+ expect(getTimeSpanForGranularity(Granularity.M5)).toBe(TimeSpan.TwoDays);
19
+ expect(getTimeSpanForGranularity(Granularity.M15)).toBe(
20
+ TimeSpan.FiveDays
21
+ );
22
+ expect(getTimeSpanForGranularity(Granularity.H1)).toBe(
23
+ TimeSpan.TwentyDays
24
+ );
25
+ expect(getTimeSpanForGranularity(Granularity.H4)).toBe(
26
+ TimeSpan.NinetyDays
27
+ );
28
+ });
29
+ });
30
+
31
+ describe('isDifferenceGreaterThanTwoWeeks', () => {
32
+ // Note: Function returns true when difference is LESS than threshold (14 days)
33
+ it('returns true when time difference is less than 14 days', () => {
34
+ const start = new Date('2025-01-01T00:00:00Z').toISOString();
35
+ const end = new Date('2025-01-05T00:00:00Z').toISOString();
36
+ expect(isDifferenceGreaterThanTwoWeeks(start, end)).toBe(true);
37
+ });
38
+
39
+ it('returns false when time difference is 14 days or more', () => {
40
+ const start = new Date('2025-01-01T00:00:00Z').toISOString();
41
+ const end = new Date('2025-02-10T00:00:00Z').toISOString();
42
+ expect(isDifferenceGreaterThanTwoWeeks(start, end)).toBe(false);
43
+ });
44
+ });
45
+
46
+ describe('getRectColor', () => {
47
+ it('uses long color scale for positive sentiment', () => {
48
+ const color = getRectColor(BOOKS_THRESHOLDS.MAX);
49
+ expect(typeof color).toBe('string');
50
+ // At max threshold, should be at or near target color
51
+ expect(color.toLowerCase()).toContain(
52
+ COLOR_MAP.long[1].slice(1).toLowerCase().substring(0, 3)
53
+ );
54
+ });
55
+
56
+ it('uses short color scale for negative sentiment', () => {
57
+ const color = getRectColor(-BOOKS_THRESHOLDS.MAX);
58
+ expect(typeof color).toBe('string');
59
+ expect(color.toLowerCase()).toContain(
60
+ COLOR_MAP.short[1].slice(1).toLowerCase().substring(0, 3)
61
+ );
62
+ });
63
+ });
64
+
65
+ describe('formatXAxisLabel', () => {
66
+ const sampleIso = '2025-03-15T10:30:00Z';
67
+
68
+ it('formats time when flag is true', () => {
69
+ const result = formatXAxisLabel(sampleIso, true);
70
+ expect(typeof result).toBe('string');
71
+ expect(result).toContain(':');
72
+ });
73
+
74
+ it('formats day when flag is false', () => {
75
+ const result = formatXAxisLabel(sampleIso, false);
76
+ expect(typeof result).toBe('string');
77
+ // Contains day of month (15) with surrounding spaces per implementation
78
+ expect(result).toMatch(/\s15\s/);
79
+ });
80
+ });
81
+
82
+ describe('getLabelData', () => {
83
+ const dates = [
84
+ '2025-03-01T00:00:00Z',
85
+ '2025-03-01T12:00:00Z',
86
+ '2025-03-02T00:00:00Z',
87
+ '2025-03-03T00:00:00Z',
88
+ ];
89
+
90
+ it('emits label when day changes for < two weeks case', () => {
91
+ const labels = getLabelData({
92
+ xAxisData: dates,
93
+ isGreaterThanTwoWeeks: true,
94
+ });
95
+ // First change happens between 1st and 2nd
96
+ expect(labels.length).toBeGreaterThanOrEqual(2);
97
+ expect(labels[0]).toHaveProperty('xAxis', '2025-03-02T00:00:00Z');
98
+ });
99
+
100
+ it('emits label when month changes for >= two weeks case', () => {
101
+ const monthSpanDates = [
102
+ '2025-01-31T00:00:00Z',
103
+ '2025-02-01T00:00:00Z',
104
+ '2025-02-15T00:00:00Z',
105
+ ];
106
+ const labels = getLabelData({
107
+ xAxisData: monthSpanDates,
108
+ isGreaterThanTwoWeeks: false,
109
+ });
110
+ expect(labels.length).toBe(1);
111
+ expect(labels[0]).toHaveProperty('xAxis', '2025-02-01T00:00:00Z');
112
+ });
113
+ });
114
+
115
+ describe('getTooltipFormatter', () => {
116
+ const labelCallback = (k: string) => k;
117
+
118
+ it('renders candle and book details when available', () => {
119
+ const params = [
120
+ {
121
+ axisValue: '2025-03-15T10:30:00Z',
122
+ value: [0, 1.11111, 1.22222, 1.00001, 1.33333],
123
+ },
124
+ { value: ['2025-03-15T10:30:00Z', 1.33333, 0] },
125
+ ];
126
+
127
+ const buckets = [
128
+ [
129
+ { price: 1.33, sentiment: 0.2 },
130
+ { price: 1.3305, sentiment: -0.3 },
131
+ ],
132
+ ];
133
+
134
+ const html = getTooltipFormatter(
135
+ params,
136
+ buckets,
137
+ 0.0005,
138
+ 1.3306,
139
+ labelCallback
140
+ );
141
+ expect(html).toContain('candle');
142
+ expect(html).toContain('open_price');
143
+ expect(html).toContain('close_price');
144
+ expect(html).toContain('low');
145
+ expect(html).toContain('high');
146
+ expect(html).toContain('orders');
147
+ expect(html).toContain('price_range');
148
+ // Selected price 1.3306 falls into second bucket 1.3305 - 1.3310 which has negative sentiment
149
+ expect(html).toContain('sell_advantage');
150
+ });
151
+
152
+ it('omits sections when data is missing', () => {
153
+ const params = [
154
+ {
155
+ axisValue: '2025-03-15T10:30:00Z',
156
+ value: [0, 0, 0, 0, 0], // no candle values
157
+ },
158
+ { value: ['2025-03-15T10:30:00Z', 0, 0] },
159
+ ];
160
+ const buckets: Array<Array<{ price: number; sentiment: number }>> = [[]];
161
+ const html = getTooltipFormatter(
162
+ params,
163
+ buckets,
164
+ 0.0005,
165
+ 0,
166
+ labelCallback
167
+ );
168
+ expect(html).not.toContain('open_price');
169
+ expect(html).not.toContain('orders');
170
+ });
171
+ });
172
+ });
@@ -12,14 +12,11 @@ describe('Crowd View Widget', () => {
12
12
  describe('<Legend />', () => {
13
13
  it('renders two LegendBar components', () => {
14
14
  const { getAllByText } = render(
15
- <Legend
16
- longValues={[0.15, 0.25, 0.4, 0.55]}
17
- shortValues={[0.15, 0.25, 0.4, 0.55]}
18
- />
15
+ <Legend longValues={[0.15, 0.55]} shortValues={[0.15, 0.55]} />
19
16
  );
20
17
 
21
- expect(getAllByText(/long/)).toHaveLength(4);
22
- expect(getAllByText(/short/)).toHaveLength(4);
18
+ expect(getAllByText(/long/)).toHaveLength(2);
19
+ expect(getAllByText(/short/)).toHaveLength(2);
23
20
  });
24
21
  });
25
22
  });
@@ -10,24 +10,23 @@ import { LegendBar } from '../../src/CrowdViewWidget/components';
10
10
  describe('Crowd View Widget', () => {
11
11
  describe('components', () => {
12
12
  describe('<LegendBar />', () => {
13
- const mockValues = [0.15, 0.25, 0.4, 0.55];
13
+ const mockValues = [0.15, 0.55];
14
14
 
15
- it('renders two LegendBar components', () => {
15
+ it('renders LegendBar with min and max values', () => {
16
16
  const { getByText } = render(
17
17
  <LegendBar label="long" type="long" values={mockValues} />
18
18
  );
19
- mockValues.forEach((value) => {
20
- const label = `${value.toFixed(2)}% long`;
21
- expect(getByText(label)).toBeInTheDocument();
22
- });
19
+
20
+ expect(getByText('0.15% long')).toBeInTheDocument();
21
+ expect(getByText('0.55% long')).toBeInTheDocument();
23
22
  });
24
23
 
25
- it('renders exactly 4 segments', () => {
24
+ it('renders exactly 1 segment', () => {
26
25
  const { getAllByTestId } = render(
27
26
  <LegendBar label="short" type="short" values={mockValues} />
28
27
  );
29
28
  const segments = getAllByTestId('legend-bar-segment');
30
- expect(segments.length).toBe(4);
29
+ expect(segments.length).toBe(1);
31
30
  });
32
31
  });
33
32
  });
@@ -0,0 +1,52 @@
1
+ /**
2
+ * @jest-environment jsdom
3
+ */
4
+
5
+ import { getInstrumentConfigForDivision } from '../../src/CrowdViewWidget/utils/instrumentUtils';
6
+ import { Division } from '../../src/gql/types/graphql';
7
+
8
+ describe('instrumentUtils', () => {
9
+ describe('getInstrumentConfigForDivision', () => {
10
+ it('should return OC instrument config for OC division', () => {
11
+ const result = getInstrumentConfigForDivision(Division.Oc);
12
+
13
+ expect(result).toBeDefined();
14
+ expect(Array.isArray(result)).toBe(true);
15
+ expect(result.length).toBeGreaterThan(0);
16
+
17
+ // Check that the first instrument has the expected OC format
18
+ const firstInstrument = result[0];
19
+ expect(firstInstrument).toHaveProperty('id');
20
+ expect(firstInstrument).toHaveProperty('label');
21
+ expect(firstInstrument.id).toMatch(/^[A-Z]{3}_[A-Z]{3}$/); // OC format: EUR_USD
22
+ });
23
+
24
+ it('should return OAP instrument config for OAP division', () => {
25
+ const result = getInstrumentConfigForDivision(Division.Oap);
26
+
27
+ expect(result).toBeDefined();
28
+ expect(Array.isArray(result)).toBe(true);
29
+ expect(result.length).toBeGreaterThan(0);
30
+
31
+ // Check that the first instrument has the expected OAP format
32
+ const firstInstrument = result[0];
33
+ expect(firstInstrument).toHaveProperty('id');
34
+ expect(firstInstrument).toHaveProperty('label');
35
+ expect(firstInstrument.id).toMatch(/^[A-Z]{6}$/); // OAP format: EURUSD
36
+ });
37
+
38
+ it('should return different configs for different divisions', () => {
39
+ const ocConfig = getInstrumentConfigForDivision(Division.Oc);
40
+ const oapConfig = getInstrumentConfigForDivision(Division.Oap);
41
+
42
+ expect(ocConfig).not.toEqual(oapConfig);
43
+
44
+ // Check that the instrument IDs have different formats
45
+ const ocFirstId = ocConfig[0].id;
46
+ const oapFirstId = oapConfig[0].id;
47
+
48
+ expect(ocFirstId).toMatch(/^[A-Z]{3}_[A-Z]{3}$/);
49
+ expect(oapFirstId).toMatch(/^[A-Z]{6}$/);
50
+ });
51
+ });
52
+ });
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Y_LABEL_SIZE_DESKTOP = exports.X_LABEL_SIZE = exports.MAX_LABELS_COUNT = exports.INITIAL_START_ZOOM = exports.INITIAL_END_ZOOM = exports.CHART_WIDTH = exports.CHART_HEIGHT = void 0;
7
- const X_LABEL_SIZE = exports.X_LABEL_SIZE = 40;
8
- const Y_LABEL_SIZE_DESKTOP = exports.Y_LABEL_SIZE_DESKTOP = 60;
9
- const CHART_WIDTH = exports.CHART_WIDTH = 9999;
10
- const CHART_HEIGHT = exports.CHART_HEIGHT = 425;
11
- const INITIAL_START_ZOOM = exports.INITIAL_START_ZOOM = 80;
12
- const INITIAL_END_ZOOM = exports.INITIAL_END_ZOOM = 100;
13
- const MAX_LABELS_COUNT = exports.MAX_LABELS_COUNT = 14;
14
- //# sourceMappingURL=constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","names":["X_LABEL_SIZE","exports","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT","INITIAL_START_ZOOM","INITIAL_END_ZOOM","MAX_LABELS_COUNT"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/constants.tsx"],"sourcesContent":["export const X_LABEL_SIZE = 40;\nexport const Y_LABEL_SIZE_DESKTOP = 60;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 425;\n\nexport const INITIAL_START_ZOOM = 80;\nexport const INITIAL_END_ZOOM = 100;\nexport const MAX_LABELS_COUNT = 14;\n"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AACvB,MAAME,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,EAAE;AAC/B,MAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAAH,OAAA,CAAAG,YAAA,GAAG,GAAG;AAExB,MAAMC,kBAAkB,GAAAJ,OAAA,CAAAI,kBAAA,GAAG,EAAE;AAC7B,MAAMC,gBAAgB,GAAAL,OAAA,CAAAK,gBAAA,GAAG,GAAG;AAC5B,MAAMC,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAG,EAAE","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","echarts","_interopRequireWildcard","_constants","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","getOption","_ref","isDark","xAxisData","ordersPositionsChartData","ordersPositionsBucketWidth","candlesSeriesData","visibleXAxisData","slice","INITIAL_START_ZOOM","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","labelsData","getLabelData","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","bottomLeftBox","animation","dataZoom","type","xAxisIndex","start","end","tooltip","trigger","formatter","val","timestamp","axisValue","concat","Date","toLocaleTimeString","undefined","hour","minute","toLocaleDateString","day","month","xAxis","data","axisTick","show","axisLabel","padding","margin","date","yAxis","position","scale","axisLine","showMaxLabel","showMinLabel","series","id","itemStyle","color","colorPalette","raspberryLight","color0","bottleGreenLight","markPoint","symbol","symbolSize","name","silent","renderItem","params","api","coordSys","xVal","yVal","sentiment","coord","rectWidth","rectHeight","size","boundaries","shape","graphic","clipRectByRect","x","y","width","height","style","fill","getRectColor","emphasisDisabled","grid","top","left","right","bottom","getLineCommons","x1","y1","x2","y2","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n getGridLines,\n getLineCommons,\n} from '@oanda/labs-widget-common';\nimport * as echarts from 'echarts/core';\n\nimport {\n CHART_HEIGHT,\n CHART_WIDTH,\n INITIAL_END_ZOOM,\n INITIAL_START_ZOOM,\n X_LABEL_SIZE,\n Y_LABEL_SIZE_DESKTOP,\n} from './constants';\nimport type { GetOptionType } from './types';\nimport {\n getLabelData,\n getRectColor,\n isDifferenceGreaterThanTwoWeeks,\n} from './utils';\n\n// @ts-expect-error\nexport const getOption: GetOptionType = (\n {\n xAxisData,\n ordersPositionsChartData,\n ordersPositionsBucketWidth,\n candlesSeriesData,\n },\n isDark\n) => {\n const visibleXAxisData = xAxisData.slice(\n (xAxisData.length * INITIAL_START_ZOOM) / 100,\n (xAxisData.length * INITIAL_END_ZOOM) / 100\n );\n\n const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n visibleXAxisData[0],\n visibleXAxisData[visibleXAxisData.length - 1]\n );\n\n const labelsData = getLabelData({\n xAxisData,\n isGreaterThanTwoWeeks,\n });\n\n const gridLines = getGridLines({\n isDark,\n chartWidth: CHART_WIDTH,\n chartHeight: CHART_HEIGHT,\n xLabelsSize: X_LABEL_SIZE,\n yLabelSize: Y_LABEL_SIZE_DESKTOP,\n bottomLeftBox: false,\n });\n\n return {\n animation: false,\n dataZoom: [\n {\n type: 'inside',\n xAxisIndex: 0,\n start: INITIAL_START_ZOOM,\n end: INITIAL_END_ZOOM,\n },\n ],\n tooltip: {\n trigger: 'axis',\n formatter: (val) => {\n // @ts-expect-error\n const timestamp = val[0].axisValue as string;\n\n return `${new Date(timestamp).toLocaleTimeString(undefined, {\n hour: '2-digit',\n minute: '2-digit',\n })}\n ${new Date(timestamp).toLocaleDateString(undefined, {\n day: 'numeric',\n month: 'short',\n })}\n`;\n },\n },\n xAxis: {\n type: 'category',\n data: xAxisData,\n axisTick: {\n show: false,\n },\n axisLabel: {\n padding: [8, 16, 8, 16],\n margin: 0,\n formatter: (value) => {\n const date = new Date(value as string);\n return isGreaterThanTwoWeeks\n ? `${date.toLocaleTimeString(undefined, {\n hour: '2-digit',\n minute: '2-digit',\n })}`\n : `${date.toLocaleDateString(undefined, {\n day: 'numeric',\n })}`;\n },\n },\n },\n yAxis: {\n type: 'value',\n position: 'right',\n scale: true,\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n showMaxLabel: false,\n showMinLabel: false,\n },\n },\n series: [\n {\n type: 'candlestick',\n id: 'candlestick',\n data: candlesSeriesData,\n itemStyle: {\n color: colorPalette.raspberryLight,\n color0: colorPalette.bottleGreenLight,\n },\n markPoint: {\n symbol: 'circle',\n symbolSize: 0,\n data: labelsData,\n },\n },\n {\n type: 'custom',\n name: 'heatmap',\n id: 'heatmap',\n silent: true,\n renderItem: (params, api) => {\n const { coordSys } = params;\n const xVal = api.value(0);\n const yVal = api.value(1);\n const sentiment = api.value(2) as number;\n const start = api.coord([xVal, yVal]);\n const [rectWidth, rectHeight] = api.size!([\n 0,\n ordersPositionsBucketWidth,\n ]) as number[];\n const boundaries = coordSys as unknown as {\n x: number;\n y: number;\n width: number;\n height: number;\n };\n const shape = echarts.graphic.clipRectByRect(\n {\n x: start[0] - rectWidth / 2,\n y: start[1],\n width: rectWidth,\n height: rectHeight,\n },\n boundaries\n );\n return (\n shape && {\n type: 'rect',\n shape,\n style: {\n fill: getRectColor(sentiment),\n },\n emphasisDisabled: true,\n }\n );\n },\n data: ordersPositionsChartData,\n },\n ],\n grid: [\n {\n name: 'main-grid',\n top: '0px',\n left: '0px',\n right: `${Y_LABEL_SIZE_DESKTOP}px`,\n bottom: `${X_LABEL_SIZE}px`,\n },\n ],\n graphic: [\n ...gridLines,\n {\n ...getLineCommons(isDark as boolean),\n top: 0,\n right: 0,\n shape: {\n x1: 0,\n y1: 0,\n x2: 0,\n y2: 0,\n },\n },\n ],\n };\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getOrderPositionDataMock = void 0;
7
- const getOrderPositionDataMock = _ref => {
8
- let {
9
- min = 1.3,
10
- max = 2.1,
11
- bucketWidth = 0.005,
12
- baseValue,
13
- crossoverValue = baseValue
14
- } = _ref;
15
- const results = [];
16
- const maxDistance = Math.max(baseValue - min, max - baseValue);
17
- for (let currentPrice = min; currentPrice < max; currentPrice += bucketWidth) {
18
- const distance = Math.abs(currentPrice - baseValue);
19
- const proximityFactor = 1 - distance / maxDistance;
20
- const strongProximityFactor = Math.pow(proximityFactor, 2);
21
- let shortCountPercent;
22
- let longCountPercent;
23
- if (currentPrice === baseValue) {
24
- shortCountPercent = Math.random() * 0.5;
25
- longCountPercent = Math.random() * 0.5;
26
- } else {
27
- const maxDifference = 0.5;
28
- const targetDifference = Math.random() * maxDifference * strongProximityFactor;
29
- const baseRandom = Math.random() * (0.5 - targetDifference);
30
- if (currentPrice < crossoverValue) {
31
- shortCountPercent = baseRandom;
32
- longCountPercent = baseRandom + targetDifference;
33
- } else {
34
- longCountPercent = baseRandom;
35
- shortCountPercent = baseRandom + targetDifference;
36
- }
37
- }
38
- results.push({
39
- shortCountPercent: Math.round(shortCountPercent * 10000) / 10000,
40
- longCountPercent: Math.round(longCountPercent * 10000) / 10000,
41
- price: currentPrice
42
- });
43
- }
44
- return results;
45
- };
46
- exports.getOrderPositionDataMock = getOrderPositionDataMock;
47
- //# sourceMappingURL=getOrderPositionDataMock.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getOrderPositionDataMock.js","names":["getOrderPositionDataMock","_ref","min","max","bucketWidth","baseValue","crossoverValue","results","maxDistance","Math","currentPrice","distance","abs","proximityFactor","strongProximityFactor","pow","shortCountPercent","longCountPercent","random","maxDifference","targetDifference","baseRandom","push","round","price","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getOrderPositionDataMock.ts"],"sourcesContent":["export interface OrderPositionData {\n shortCountPercent: number;\n longCountPercent: number;\n price: number;\n}\n\ninterface GetOrderPositionDataMockParams {\n min?: number;\n max?: number;\n bucketWidth?: number;\n baseValue: number;\n crossoverValue?: number;\n}\n\nexport const getOrderPositionDataMock = ({\n min = 1.3,\n max = 2.1,\n bucketWidth = 0.005,\n baseValue,\n crossoverValue = baseValue,\n}: GetOrderPositionDataMockParams): OrderPositionData[] => {\n const results: OrderPositionData[] = [];\n\n const maxDistance = Math.max(baseValue - min, max - baseValue);\n\n for (\n let currentPrice = min;\n currentPrice < max;\n currentPrice += bucketWidth\n ) {\n const distance = Math.abs(currentPrice - baseValue);\n\n const proximityFactor = 1 - distance / maxDistance;\n const strongProximityFactor = Math.pow(proximityFactor, 2);\n\n let shortCountPercent: number;\n let longCountPercent: number;\n\n if (currentPrice === baseValue) {\n shortCountPercent = Math.random() * 0.5;\n longCountPercent = Math.random() * 0.5;\n } else {\n const maxDifference = 0.5;\n const targetDifference =\n Math.random() * maxDifference * strongProximityFactor;\n\n const baseRandom = Math.random() * (0.5 - targetDifference);\n\n if (currentPrice < crossoverValue) {\n shortCountPercent = baseRandom;\n longCountPercent = baseRandom + targetDifference;\n } else {\n longCountPercent = baseRandom;\n shortCountPercent = baseRandom + targetDifference;\n }\n }\n\n results.push({\n shortCountPercent: Math.round(shortCountPercent * 10000) / 10000,\n longCountPercent: Math.round(longCountPercent * 10000) / 10000,\n price: currentPrice,\n });\n }\n\n return results;\n};\n"],"mappings":";;;;;;AAcO,MAAMA,wBAAwB,GAAGC,IAAA,IAMmB;EAAA,IANlB;IACvCC,GAAG,GAAG,GAAG;IACTC,GAAG,GAAG,GAAG;IACTC,WAAW,GAAG,KAAK;IACnBC,SAAS;IACTC,cAAc,GAAGD;EACa,CAAC,GAAAJ,IAAA;EAC/B,MAAMM,OAA4B,GAAG,EAAE;EAEvC,MAAMC,WAAW,GAAGC,IAAI,CAACN,GAAG,CAACE,SAAS,GAAGH,GAAG,EAAEC,GAAG,GAAGE,SAAS,CAAC;EAE9D,KACE,IAAIK,YAAY,GAAGR,GAAG,EACtBQ,YAAY,GAAGP,GAAG,EAClBO,YAAY,IAAIN,WAAW,EAC3B;IACA,MAAMO,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAACF,YAAY,GAAGL,SAAS,CAAC;IAEnD,MAAMQ,eAAe,GAAG,CAAC,GAAGF,QAAQ,GAAGH,WAAW;IAClD,MAAMM,qBAAqB,GAAGL,IAAI,CAACM,GAAG,CAACF,eAAe,EAAE,CAAC,CAAC;IAE1D,IAAIG,iBAAyB;IAC7B,IAAIC,gBAAwB;IAE5B,IAAIP,YAAY,KAAKL,SAAS,EAAE;MAC9BW,iBAAiB,GAAGP,IAAI,CAACS,MAAM,CAAC,CAAC,GAAG,GAAG;MACvCD,gBAAgB,GAAGR,IAAI,CAACS,MAAM,CAAC,CAAC,GAAG,GAAG;IACxC,CAAC,MAAM;MACL,MAAMC,aAAa,GAAG,GAAG;MACzB,MAAMC,gBAAgB,GACpBX,IAAI,CAACS,MAAM,CAAC,CAAC,GAAGC,aAAa,GAAGL,qBAAqB;MAEvD,MAAMO,UAAU,GAAGZ,IAAI,CAACS,MAAM,CAAC,CAAC,IAAI,GAAG,GAAGE,gBAAgB,CAAC;MAE3D,IAAIV,YAAY,GAAGJ,cAAc,EAAE;QACjCU,iBAAiB,GAAGK,UAAU;QAC9BJ,gBAAgB,GAAGI,UAAU,GAAGD,gBAAgB;MAClD,CAAC,MAAM;QACLH,gBAAgB,GAAGI,UAAU;QAC7BL,iBAAiB,GAAGK,UAAU,GAAGD,gBAAgB;MACnD;IACF;IAEAb,OAAO,CAACe,IAAI,CAAC;MACXN,iBAAiB,EAAEP,IAAI,CAACc,KAAK,CAACP,iBAAiB,GAAG,KAAK,CAAC,GAAG,KAAK;MAChEC,gBAAgB,EAAER,IAAI,CAACc,KAAK,CAACN,gBAAgB,GAAG,KAAK,CAAC,GAAG,KAAK;MAC9DO,KAAK,EAAEd;IACT,CAAC,CAAC;EACJ;EAEA,OAAOH,OAAO;AAChB,CAAC;AAACkB,OAAA,CAAAzB,wBAAA,GAAAA,wBAAA","ignoreList":[]}
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getPriceCandlesMock = void 0;
7
- const getPriceCandlesMock = function (count) {
8
- let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1.3;
9
- let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2.1;
10
- const buffer = 0.02;
11
- const safeMin = min + buffer;
12
- const safeMax = max - buffer;
13
- const initialClose = +(Math.random() * (safeMax - safeMin) + safeMin).toFixed(5);
14
- return Array.from({
15
- length: count
16
- }).reduce(acc => {
17
- const prevClose = acc.length === 0 ? initialClose : acc[acc.length - 1].close;
18
- const isBullish = Math.random() > 0.5;
19
- const bodySize = +(Math.random() * 0.05 + 0.015).toFixed(5);
20
- const wickSize = +(Math.random() * 0.015 + 0.005).toFixed(5);
21
- const open = prevClose;
22
- let close = isBullish ? open + bodySize : open - bodySize;
23
- close = Math.max(safeMin, Math.min(safeMax, Number(close)));
24
- const high = Math.min(max, Math.max(Number(open), Number(close)) + wickSize);
25
- const low = Math.max(min, Math.min(Number(open), Number(close)) - wickSize);
26
- acc.push({
27
- open: +open.toFixed(5),
28
- close: +close.toFixed(5),
29
- low: +low.toFixed(5),
30
- high: +high.toFixed(5)
31
- });
32
- return acc;
33
- }, []);
34
- };
35
- exports.getPriceCandlesMock = getPriceCandlesMock;
36
- //# sourceMappingURL=getPriceCandlesMock.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getPriceCandlesMock.js","names":["getPriceCandlesMock","count","min","arguments","length","undefined","max","buffer","safeMin","safeMax","initialClose","Math","random","toFixed","Array","from","reduce","acc","prevClose","close","isBullish","bodySize","wickSize","open","Number","high","low","push","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getPriceCandlesMock.ts"],"sourcesContent":["import type { Candle } from '../../../gql/types/graphql';\n\nexport const getPriceCandlesMock = (\n count: number,\n min: number = 1.3,\n max: number = 2.1\n): Candle[] => {\n const buffer = 0.02;\n const safeMin = min + buffer;\n const safeMax = max - buffer;\n\n const initialClose = +(Math.random() * (safeMax - safeMin) + safeMin).toFixed(\n 5\n );\n\n return Array.from({ length: count }).reduce<Candle[]>((acc) => {\n const prevClose =\n acc.length === 0 ? initialClose : acc[acc.length - 1].close;\n const isBullish = Math.random() > 0.5;\n\n const bodySize = +(Math.random() * 0.05 + 0.015).toFixed(5);\n const wickSize = +(Math.random() * 0.015 + 0.005).toFixed(5);\n\n const open = prevClose;\n let close = isBullish ? open + bodySize : open - bodySize;\n close = Math.max(safeMin, Math.min(safeMax, Number(close)));\n\n const high = Math.min(\n max,\n Math.max(Number(open), Number(close)) + wickSize\n );\n const low = Math.max(min, Math.min(Number(open), Number(close)) - wickSize);\n\n acc.push({\n open: +open.toFixed(5),\n close: +close.toFixed(5),\n low: +low.toFixed(5),\n high: +high.toFixed(5),\n });\n\n return acc;\n }, []);\n};\n"],"mappings":";;;;;;AAEO,MAAMA,mBAAmB,GAAG,SAAAA,CACjCC,KAAa,EAGA;EAAA,IAFbC,GAAW,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,GAAG;EAAA,IACjBG,GAAW,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,GAAG;EAEjB,MAAMI,MAAM,GAAG,IAAI;EACnB,MAAMC,OAAO,GAAGN,GAAG,GAAGK,MAAM;EAC5B,MAAME,OAAO,GAAGH,GAAG,GAAGC,MAAM;EAE5B,MAAMG,YAAY,GAAG,CAAC,CAACC,IAAI,CAACC,MAAM,CAAC,CAAC,IAAIH,OAAO,GAAGD,OAAO,CAAC,GAAGA,OAAO,EAAEK,OAAO,CAC3E,CACF,CAAC;EAED,OAAOC,KAAK,CAACC,IAAI,CAAC;IAAEX,MAAM,EAAEH;EAAM,CAAC,CAAC,CAACe,MAAM,CAAYC,GAAG,IAAK;IAC7D,MAAMC,SAAS,GACbD,GAAG,CAACb,MAAM,KAAK,CAAC,GAAGM,YAAY,GAAGO,GAAG,CAACA,GAAG,CAACb,MAAM,GAAG,CAAC,CAAC,CAACe,KAAK;IAC7D,MAAMC,SAAS,GAAGT,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,GAAG;IAErC,MAAMS,QAAQ,GAAG,CAAC,CAACV,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,EAAEC,OAAO,CAAC,CAAC,CAAC;IAC3D,MAAMS,QAAQ,GAAG,CAAC,CAACX,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,EAAEC,OAAO,CAAC,CAAC,CAAC;IAE5D,MAAMU,IAAI,GAAGL,SAAS;IACtB,IAAIC,KAAK,GAAGC,SAAS,GAAGG,IAAI,GAAGF,QAAQ,GAAGE,IAAI,GAAGF,QAAQ;IACzDF,KAAK,GAAGR,IAAI,CAACL,GAAG,CAACE,OAAO,EAAEG,IAAI,CAACT,GAAG,CAACO,OAAO,EAAEe,MAAM,CAACL,KAAK,CAAC,CAAC,CAAC;IAE3D,MAAMM,IAAI,GAAGd,IAAI,CAACT,GAAG,CACnBI,GAAG,EACHK,IAAI,CAACL,GAAG,CAACkB,MAAM,CAACD,IAAI,CAAC,EAAEC,MAAM,CAACL,KAAK,CAAC,CAAC,GAAGG,QAC1C,CAAC;IACD,MAAMI,GAAG,GAAGf,IAAI,CAACL,GAAG,CAACJ,GAAG,EAAES,IAAI,CAACT,GAAG,CAACsB,MAAM,CAACD,IAAI,CAAC,EAAEC,MAAM,CAACL,KAAK,CAAC,CAAC,GAAGG,QAAQ,CAAC;IAE3EL,GAAG,CAACU,IAAI,CAAC;MACPJ,IAAI,EAAE,CAACA,IAAI,CAACV,OAAO,CAAC,CAAC,CAAC;MACtBM,KAAK,EAAE,CAACA,KAAK,CAACN,OAAO,CAAC,CAAC,CAAC;MACxBa,GAAG,EAAE,CAACA,GAAG,CAACb,OAAO,CAAC,CAAC,CAAC;MACpBY,IAAI,EAAE,CAACA,IAAI,CAACZ,OAAO,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAOI,GAAG;EACZ,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACW,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}
@@ -1,166 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.transformDataForChart = exports.isDifferenceGreaterThanTwoWeeks = exports.getRectColor = exports.getLabelData = exports.GranularityId = void 0;
7
- var _config = require("../../config");
8
- var _types = require("../../types");
9
- var _constants = require("./constants");
10
- var _getOrderPositionDataMock = require("./getOrderPositionDataMock");
11
- var _getPriceCandlesMock = require("./getPriceCandlesMock");
12
- const getRectColor = sentiment => {
13
- const colors = sentiment < 0 ? _config.colorMap.short : _config.colorMap.long;
14
- const absSentiment = Math.abs(sentiment);
15
- if (absSentiment < 0.15) {
16
- return colors[3];
17
- }
18
- if (absSentiment < 0.25) {
19
- return colors[2];
20
- }
21
- if (absSentiment < 0.4) {
22
- return colors[1];
23
- }
24
- if (absSentiment >= 0.4) {
25
- return colors[0];
26
- }
27
- return 'transparent';
28
- };
29
- exports.getRectColor = getRectColor;
30
- let GranularityId = exports.GranularityId = function (GranularityId) {
31
- GranularityId["MINUTE_5"] = "MINUTE_5";
32
- GranularityId["MINUTE_15"] = "MINUTE_15";
33
- GranularityId["MINUTE_30"] = "MINUTE_30";
34
- GranularityId["HOUR_1"] = "HOUR_1";
35
- GranularityId["HOUR_4"] = "HOUR_4";
36
- GranularityId["DAY_1"] = "DAY_1";
37
- return GranularityId;
38
- }({});
39
- const timeSpansInMilliseconds = {
40
- [_types.TimeSpanId.HOUR_1]: 60 * 60 * 1000,
41
- [_types.TimeSpanId.HOUR_12]: 12 * 60 * 60 * 1000,
42
- [_types.TimeSpanId.DAY_1]: 24 * 60 * 60 * 1000,
43
- [_types.TimeSpanId.DAY_2]: 2 * 24 * 60 * 60 * 1000,
44
- [_types.TimeSpanId.WEEK_1]: 7 * 24 * 60 * 60 * 1000,
45
- [_types.TimeSpanId.WEEK_2]: 14 * 24 * 60 * 60 * 1000,
46
- [_types.TimeSpanId.WEEK_3]: 21 * 24 * 60 * 60 * 1000,
47
- [_types.TimeSpanId.MONTH_1]: 30 * 24 * 60 * 60 * 1000,
48
- [_types.TimeSpanId.MONTH_3]: 3 * 30 * 24 * 60 * 60 * 1000,
49
- [_types.TimeSpanId.MONTH_6]: 6 * 30 * 24 * 60 * 60 * 1000,
50
- [_types.TimeSpanId.YEAR_1]: 365 * 24 * 60 * 60 * 1000,
51
- [_types.TimeSpanId.YEAR_5]: 5 * 365 * 24 * 60 * 60 * 1000
52
- };
53
- const granularityInMilliseconds = {
54
- [GranularityId.MINUTE_5]: 5 * 60 * 1000,
55
- [GranularityId.MINUTE_15]: 15 * 60 * 1000,
56
- [GranularityId.MINUTE_30]: 30 * 60 * 1000,
57
- [GranularityId.HOUR_1]: 60 * 60 * 1000,
58
- [GranularityId.HOUR_4]: 4 * 60 * 60 * 1000,
59
- [GranularityId.DAY_1]: 24 * 60 * 60 * 1000
60
- };
61
- const temporaryGranularityTimeSpanMap = {
62
- [GranularityId.MINUTE_5]: _types.TimeSpanId.DAY_2,
63
- [GranularityId.MINUTE_15]: _types.TimeSpanId.WEEK_1,
64
- [GranularityId.MINUTE_30]: _types.TimeSpanId.WEEK_2,
65
- [GranularityId.HOUR_1]: _types.TimeSpanId.MONTH_1,
66
- [GranularityId.HOUR_4]: _types.TimeSpanId.MONTH_3,
67
- [GranularityId.DAY_1]: _types.TimeSpanId.MONTH_6
68
- };
69
- const mockXAxisData = granularityId => {
70
- const granularity = granularityInMilliseconds[granularityId];
71
- const timeSpan = timeSpansInMilliseconds[temporaryGranularityTimeSpanMap[granularityId]];
72
- const currentTime = new Date();
73
- const startDate = currentTime;
74
- const totalSteps = timeSpan / granularity;
75
- const orderPositionDataForHistorical = new Array(totalSteps).fill(null).map((_, index) => {
76
- const newDate = new Date(startDate.getTime() - index * granularity);
77
- return "".concat(newDate.toISOString().slice(0, 19), "Z");
78
- }).reverse();
79
- return orderPositionDataForHistorical;
80
- };
81
- const getLabelData = _ref => {
82
- let {
83
- xAxisData,
84
- isGreaterThanTwoWeeks
85
- } = _ref;
86
- return xAxisData.filter((record, index, arr) => {
87
- if (index === 0) {
88
- return false;
89
- }
90
- const previousTimestamp = arr[index - 1];
91
- const currentDate = new Date(record);
92
- const previousDate = new Date(previousTimestamp);
93
- return isGreaterThanTwoWeeks ? currentDate.getDate() !== previousDate.getDate() : currentDate.getMonth() !== previousDate.getMonth();
94
- }).map(item => ({
95
- name: new Date(item).toLocaleDateString(undefined, {
96
- month: 'short',
97
- day: isGreaterThanTwoWeeks ? 'numeric' : undefined
98
- }),
99
- xAxis: item,
100
- y: _constants.CHART_HEIGHT - 22,
101
- silent: true,
102
- emphasis: {
103
- disabled: true
104
- },
105
- label: {
106
- fontFamily: 'Sofia W03',
107
- fontSize: 10,
108
- position: 'bottom',
109
- align: 'center',
110
- formatter: '{b}'
111
- }
112
- }));
113
- };
114
- exports.getLabelData = getLabelData;
115
- const isDifferenceGreaterThanTwoWeeks = (startDate, endDate) => {
116
- const date1 = new Date(startDate);
117
- const date2 = new Date(endDate);
118
- const TWO_WEEKS_IN_MS = 14 * 24 * 60 * 60 * 1000;
119
- const differenceInMs = Math.abs(date2.getTime() - date1.getTime());
120
- return differenceInMs < TWO_WEEKS_IN_MS;
121
- };
122
- exports.isDifferenceGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks;
123
- const transformDataForChart = _ref2 => {
124
- let {
125
- granularity
126
- } = _ref2;
127
- const bucketWidth = 0.005;
128
- const mockedXAxisData = mockXAxisData(granularity);
129
- const mockedCandles = (0, _getPriceCandlesMock.getPriceCandlesMock)(mockedXAxisData.length);
130
- const orderPositionData = mockedCandles.map((item, index) => {
131
- return {
132
- time: mockedXAxisData[index],
133
- buckets: (0, _getOrderPositionDataMock.getOrderPositionDataMock)({
134
- baseValue: item.high,
135
- bucketWidth,
136
- crossoverValue: item.high + (Math.random() - 0.5) * 0.3
137
- }),
138
- bucketWidth: 0.005
139
- };
140
- });
141
- const ordersPositionsChartData = orderPositionData.flatMap(_ref3 => {
142
- let {
143
- buckets,
144
- time
145
- } = _ref3;
146
- return buckets.map(bucket => [time, bucket.price, bucket.longCountPercent - bucket.shortCountPercent]);
147
- }).filter(item => Math.abs(item[2]) > 0.15);
148
- const candlesSeriesData = mockedCandles.map(_ref4 => {
149
- let {
150
- close,
151
- open,
152
- low,
153
- high
154
- } = _ref4;
155
- return [+close.toFixed(5), +open.toFixed(5), +low.toFixed(5), +high.toFixed(5)];
156
- });
157
- return {
158
- xAxisData: mockedXAxisData,
159
- ordersPositionsChartData,
160
- ordersPositionsBucketWidth: bucketWidth,
161
- candlesSeriesData,
162
- granularity
163
- };
164
- };
165
- exports.transformDataForChart = transformDataForChart;
166
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","names":["_config","require","_types","_constants","_getOrderPositionDataMock","_getPriceCandlesMock","getRectColor","sentiment","colors","colorMap","short","long","absSentiment","Math","abs","exports","GranularityId","timeSpansInMilliseconds","TimeSpanId","HOUR_1","HOUR_12","DAY_1","DAY_2","WEEK_1","WEEK_2","WEEK_3","MONTH_1","MONTH_3","MONTH_6","YEAR_1","YEAR_5","granularityInMilliseconds","MINUTE_5","MINUTE_15","MINUTE_30","HOUR_4","temporaryGranularityTimeSpanMap","mockXAxisData","granularityId","granularity","timeSpan","currentTime","Date","startDate","totalSteps","orderPositionDataForHistorical","Array","fill","map","_","index","newDate","getTime","concat","toISOString","slice","reverse","getLabelData","_ref","xAxisData","isGreaterThanTwoWeeks","filter","record","arr","previousTimestamp","currentDate","previousDate","getDate","getMonth","item","name","toLocaleDateString","undefined","month","day","xAxis","y","CHART_HEIGHT","silent","emphasis","disabled","label","fontFamily","fontSize","position","align","formatter","isDifferenceGreaterThanTwoWeeks","endDate","date1","date2","TWO_WEEKS_IN_MS","differenceInMs","transformDataForChart","_ref2","bucketWidth","mockedXAxisData","mockedCandles","getPriceCandlesMock","length","orderPositionData","time","buckets","getOrderPositionDataMock","baseValue","high","crossoverValue","random","ordersPositionsChartData","flatMap","_ref3","bucket","price","longCountPercent","shortCountPercent","candlesSeriesData","_ref4","close","open","low","toFixed","ordersPositionsBucketWidth"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/utils.ts"],"sourcesContent":["import { colorMap } from '../../config';\nimport { TimeSpanId } from '../../types';\nimport { CHART_HEIGHT } from './constants';\nimport { getOrderPositionDataMock } from './getOrderPositionDataMock';\nimport { getPriceCandlesMock } from './getPriceCandlesMock';\nimport type { GetLabelsDataProps, TransformDataForChartType } from './types';\n\nexport const getRectColor = (sentiment: number) => {\n const colors = sentiment < 0 ? colorMap.short : colorMap.long;\n const absSentiment = Math.abs(sentiment);\n\n if (absSentiment < 0.15) {\n return colors[3];\n }\n\n if (absSentiment < 0.25) {\n return colors[2];\n }\n\n if (absSentiment < 0.4) {\n return colors[1];\n }\n\n if (absSentiment >= 0.4) {\n return colors[0];\n }\n\n return 'transparent';\n};\n\nexport enum GranularityId {\n MINUTE_5 = 'MINUTE_5',\n MINUTE_15 = 'MINUTE_15',\n MINUTE_30 = 'MINUTE_30',\n HOUR_1 = 'HOUR_1',\n HOUR_4 = 'HOUR_4',\n DAY_1 = 'DAY_1',\n}\n\nconst timeSpansInMilliseconds: Record<TimeSpanId, number> = {\n [TimeSpanId.HOUR_1]: 60 * 60 * 1000,\n [TimeSpanId.HOUR_12]: 12 * 60 * 60 * 1000,\n [TimeSpanId.DAY_1]: 24 * 60 * 60 * 1000,\n [TimeSpanId.DAY_2]: 2 * 24 * 60 * 60 * 1000,\n [TimeSpanId.WEEK_1]: 7 * 24 * 60 * 60 * 1000,\n [TimeSpanId.WEEK_2]: 14 * 24 * 60 * 60 * 1000,\n [TimeSpanId.WEEK_3]: 21 * 24 * 60 * 60 * 1000,\n [TimeSpanId.MONTH_1]: 30 * 24 * 60 * 60 * 1000, // Approximation\n [TimeSpanId.MONTH_3]: 3 * 30 * 24 * 60 * 60 * 1000, // Approximation\n [TimeSpanId.MONTH_6]: 6 * 30 * 24 * 60 * 60 * 1000, // Approximation\n [TimeSpanId.YEAR_1]: 365 * 24 * 60 * 60 * 1000, // Approximation\n [TimeSpanId.YEAR_5]: 5 * 365 * 24 * 60 * 60 * 1000, // Approximation\n};\n\nconst granularityInMilliseconds: Record<GranularityId, number> = {\n [GranularityId.MINUTE_5]: 5 * 60 * 1000,\n [GranularityId.MINUTE_15]: 15 * 60 * 1000,\n [GranularityId.MINUTE_30]: 30 * 60 * 1000,\n [GranularityId.HOUR_1]: 60 * 60 * 1000,\n [GranularityId.HOUR_4]: 4 * 60 * 60 * 1000,\n [GranularityId.DAY_1]: 24 * 60 * 60 * 1000,\n};\n\nconst temporaryGranularityTimeSpanMap: Record<GranularityId, TimeSpanId> = {\n [GranularityId.MINUTE_5]: TimeSpanId.DAY_2,\n [GranularityId.MINUTE_15]: TimeSpanId.WEEK_1,\n [GranularityId.MINUTE_30]: TimeSpanId.WEEK_2,\n [GranularityId.HOUR_1]: TimeSpanId.MONTH_1,\n [GranularityId.HOUR_4]: TimeSpanId.MONTH_3,\n [GranularityId.DAY_1]: TimeSpanId.MONTH_6,\n};\n\nconst mockXAxisData = (granularityId: GranularityId) => {\n const granularity = granularityInMilliseconds[granularityId];\n const timeSpan =\n timeSpansInMilliseconds[temporaryGranularityTimeSpanMap[granularityId]];\n\n const currentTime = new Date();\n\n const startDate = currentTime;\n const totalSteps = timeSpan / granularity;\n\n const orderPositionDataForHistorical = new Array(totalSteps)\n .fill(null)\n .map((_, index) => {\n const newDate = new Date(startDate.getTime() - index * granularity);\n\n return `${newDate.toISOString().slice(0, 19)}Z`;\n })\n .reverse();\n\n return orderPositionDataForHistorical;\n};\n\nexport const getLabelData = ({\n xAxisData,\n isGreaterThanTwoWeeks,\n}: GetLabelsDataProps) =>\n xAxisData\n .filter((record, index, arr) => {\n if (index === 0) {\n return false;\n }\n const previousTimestamp = arr[index - 1];\n const currentDate = new Date(record);\n const previousDate = new Date(previousTimestamp);\n\n return isGreaterThanTwoWeeks\n ? currentDate.getDate() !== previousDate.getDate()\n : currentDate.getMonth() !== previousDate.getMonth();\n })\n .map((item) => ({\n name: new Date(item).toLocaleDateString(undefined, {\n month: 'short',\n day: isGreaterThanTwoWeeks ? 'numeric' : undefined,\n }),\n xAxis: item,\n y: CHART_HEIGHT - 22,\n silent: true,\n emphasis: {\n disabled: true,\n },\n label: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n position: 'bottom',\n align: 'center',\n formatter: '{b}',\n },\n }));\n\nexport const isDifferenceGreaterThanTwoWeeks = (\n startDate: string,\n endDate: string\n) => {\n const date1 = new Date(startDate);\n const date2 = new Date(endDate);\n\n const TWO_WEEKS_IN_MS = 14 * 24 * 60 * 60 * 1000;\n\n const differenceInMs = Math.abs(date2.getTime() - date1.getTime());\n\n return differenceInMs < TWO_WEEKS_IN_MS;\n};\n\nexport const transformDataForChart: TransformDataForChartType = ({\n granularity,\n}) => {\n const bucketWidth = 0.005;\n const mockedXAxisData = mockXAxisData(granularity);\n const mockedCandles = getPriceCandlesMock(mockedXAxisData.length);\n\n const orderPositionData = mockedCandles.map((item, index) => {\n return {\n time: mockedXAxisData[index],\n buckets: getOrderPositionDataMock({\n baseValue: item.high,\n bucketWidth,\n crossoverValue: item.high + (Math.random() - 0.5) * 0.3,\n }),\n bucketWidth: 0.005,\n };\n });\n\n const ordersPositionsChartData = orderPositionData\n .flatMap(\n ({ buckets, time }) =>\n buckets.map((bucket) => [\n time,\n bucket!.price,\n bucket!.longCountPercent - bucket!.shortCountPercent,\n ]) as [string, number, number][]\n )\n .filter((item) => Math.abs(item[2]) > 0.15);\n\n const candlesSeriesData: [number, number, number, number][] =\n mockedCandles.map(({ close, open, low, high }) => [\n +close.toFixed(5),\n +open.toFixed(5),\n +low.toFixed(5),\n +high.toFixed(5),\n ]);\n\n return {\n xAxisData: mockedXAxisData,\n ordersPositionsChartData,\n ordersPositionsBucketWidth: bucketWidth,\n candlesSeriesData,\n granularity,\n };\n};\n"],"mappings":"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","ignoreList":[]}