candleview 2.4.6 → 2.5.1

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/README.md +38 -29
  2. package/dist/index.d.ts +11 -1
  3. package/dist/index.js +63 -52
  4. package/dist/index.mjs +9012 -8345
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -7,10 +7,10 @@
7
7
  </table>
8
8
  </p>
9
9
  <h4 align="center">
10
- An AI-powered data visualization and charting engine designed for the financial industry.
10
+ An AI-driven financial time-series data visualization and rendering engine.
11
11
  </h4>
12
12
  <p align="center">
13
- <a href="https://https://github.com/0xhappyboy/candleview/LICENSE"><img src="https://img.shields.io/badge/License-AGPL3.0-d1d1f6.svg?style=flat&labelColor=1C2C2E&color=BEC5C9&logo=googledocs&label=license&logoColor=BEC5C9" alt="License"></a>
13
+ <a href="https://github.com/0xhappyboy/candleview/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-AGPL3.0-d1d1f6.svg?style=flat&labelColor=1C2C2E&color=BEC5C9&logo=googledocs&label=license&logoColor=BEC5C9" alt="License"></a>
14
14
  </p>
15
15
  <p align="center">
16
16
  <a href="./README_zh-CN.md">简体中文</a> | <a href="./README.md">English</a>
@@ -26,6 +26,12 @@ npm i candleview
26
26
  yarn add candleview
27
27
  ```
28
28
 
29
+ # 🌐 Link
30
+
31
+ | Website | Website(CN) | Emulator | Markets |
32
+ | ------------------------------------------------------------ | ---------------------------------------------------- | ------------------------------------------------------------------------ | ------------------------------------------------------------------- |
33
+ | <a href="https://candleview-website.vercel.app/">Website</a> | <a href="https://www.candleview.cn/">Website(CN)</a> | <a href="https://candleview-website.vercel.app/application">Emulator</a> | <a href="https://candleview-website.vercel.app/markets">Markets</a> |
34
+
29
35
  # 🚀 Quick Start
30
36
 
31
37
  ```typescript
@@ -116,7 +122,7 @@ const App = () => {
116
122
 
117
123
  # AI Features
118
124
 
119
- <img src="./assets/ai/ai-data-analysis-2.png" alt="CandleView AI" width="100%">
125
+ <img src="./assets/ai/ai-data-analysis.gif" alt="CandleView AI" width="100%">
120
126
 
121
127
  ## Supported Brands
122
128
 
@@ -304,7 +310,7 @@ The system integrates the following SDKs:
304
310
 
305
311
  # 💻 Command System
306
312
 
307
- <img src="./assets/command-system.png" width="100%">
313
+ <img src="./assets/command-system.gif" width="100%">
308
314
 
309
315
  ## Supported Commands
310
316
 
@@ -384,14 +390,10 @@ $ history # View recent command history
384
390
  <td align="left">
385
391
  <h4>Channel</h4>
386
392
  </td>
387
- <td align="left">
388
- <h4>Circle</h4>
389
- </td>
390
393
  </tr>
391
394
  <tr>
392
- <td align="center"><img src="./assets/fibonacci/fibonacci-arc.png" width="400"></td>
393
- <td align="center"><img src="./assets/fibonacci/fibonacci-channel.png" width="400"></td>
394
- <td align="center"><img src="./assets/fibonacci/fibonacci-circle.png" width="400"></td>
395
+ <td align="center"><img src="./assets/fibonacci/fibonacci-arc.gif" width="100%"></td>
396
+ <td align="center"><img src="./assets/fibonacci/fibonacci-channel.gif" width="100%"></td>
395
397
  </tr>
396
398
  <tr>
397
399
  <td align="left">
@@ -400,14 +402,10 @@ $ history # View recent command history
400
402
  <td align="left">
401
403
  <h4>Price Extension</h4>
402
404
  </td>
403
- <td align="left">
404
- <h4>Retracement</h4>
405
- </td>
406
405
  </tr>
407
406
  <tr>
408
- <td align="center"><img src="./assets/fibonacci/fibonacci-fan.png" width="400"></td>
409
- <td align="center"><img src="./assets/fibonacci/fibonacci-price-extension.png" width="400"></td>
410
- <td align="center"><img src="./assets/fibonacci/fibonacci-retracement.png" width="400"></td>
407
+ <td align="center"><img src="./assets/fibonacci/fibonacci-fan.gif" width="100%"></td>
408
+ <td align="center"><img src="./assets/fibonacci/fibonacci-price-extension.gif" width="100%"></td>
411
409
  </tr>
412
410
  <tr>
413
411
  <td align="left">
@@ -416,26 +414,34 @@ $ history # View recent command history
416
414
  <td align="left">
417
415
  <h4>Time Expansion</h4>
418
416
  </td>
419
- <td align="left">
420
- <h4>Time Zoon</h4>
421
- </td>
422
417
  </tr>
423
418
  <tr>
424
- <td align="center"><img src="./assets/fibonacci/fibonacci-spiral.png" width="400"></td>
425
- <td align="center"><img src="./assets/fibonacci/fibonacci-time-expansion.png" width="400"></td>
426
- <td align="center"><img src="./assets/fibonacci/fibonacci-time-zoon.png" width="400"></td>
419
+ <td align="center"><img src="./assets/fibonacci/fibonacci-spiral.gif" width="100%"></td>
420
+ <td align="center"><img src="./assets/fibonacci/fibonacci-time-expansion.gif" width="100%"></td>
427
421
  </tr>
428
422
  <tr>
429
423
  <td align="left">
430
424
  <h4>Wedge</h4>
431
425
  </td>
432
426
  <td align="left">
427
+ <h4>Retracement</h4>
433
428
  </td>
434
- <td align="left">
429
+ </tr>
430
+ <tr>
431
+ <td align="center"><img src="./assets/fibonacci/fibonacci-wedge.gif" width="100%"></td>
432
+ <td align="center"><img src="./assets/fibonacci/fibonacci-retracement.gif" width="100%"></td>
433
+ </tr>
434
+ <tr>
435
+ <td align="left">
436
+ <h4>Time Zoon</h4>
437
+ </td>
438
+ <td align="left">
439
+ <h4>Circle</h4>
435
440
  </td>
436
441
  </tr>
437
442
  <tr>
438
- <td align="center"><img src="./assets/fibonacci/fibonacci-wedge.png" width="400"></td>
443
+ <td align="center"><img src="./assets/fibonacci/fibonacci-time-zoon.gif" width="100%"></td>
444
+ <td align="center"><img src="./assets/fibonacci/fibonacci-circle.gif" width="100%"></td>
439
445
  </tr>
440
446
  </table>
441
447
 
@@ -448,21 +454,24 @@ $ history # View recent command history
448
454
  </td>
449
455
  <td align="left">
450
456
  <h4>Fan</h4>
451
- </td>
457
+ </tr>
458
+ <tr>
459
+ <td align="center"><img src="./assets/gann/gann-box.gif" width="100%"></td>
460
+ <td align="center"><img src="./assets/gann/gann-fan.gif" width="100%"></td>
461
+ </tr>
462
+ <tr>
452
463
  <td align="left">
453
464
  <h4>Rectangle</h4>
454
465
  </td>
455
466
  </tr>
456
467
  <tr>
457
- <td align="center"><img src="./assets/gann/gann-box.png" width="400"></td>
458
- <td align="center"><img src="./assets/gann/gann-fan.png" width="400"></td>
459
- <td align="center"><img src="./assets/gann//gann-rectangle.png" width="400"></td>
468
+ <td align="center"><img src="./assets/gann//gann-rectangle.gif" width="100%"></td>
460
469
  </tr>
461
470
  </table>
462
471
 
463
472
  ### Mark
464
473
 
465
- <img src="./assets/mark.png" width="100%">
474
+ <img src="./assets/mark.gif" width="100%">
466
475
 
467
476
  ## Theme
468
477
 
package/dist/index.d.ts CHANGED
@@ -51,6 +51,10 @@ declare class CandleView extends default_2.Component<CandleViewProps, CandleView
51
51
  private isDraggingTerminal;
52
52
  private startY;
53
53
  private startTerminalHeightRatio;
54
+ private aiMobilePanelResizeRef;
55
+ private isDraggingAiMobilePanel;
56
+ private startAiMobileY;
57
+ private startAiMobileHeightRatio;
54
58
  private preparedData;
55
59
  private originalData;
56
60
  private aiManager;
@@ -58,6 +62,8 @@ declare class CandleView extends default_2.Component<CandleViewProps, CandleView
58
62
  componentDidMount(): void;
59
63
  componentDidUpdate(prevProps: CandleViewProps, prevState: CandleViewState): void;
60
64
  componentWillUnmount(): void;
65
+ private handleAiMobileMouseMove;
66
+ private handleAiMobileMouseUp;
61
67
  private clearStaticMarks;
62
68
  private isIncrementalDataUpdate;
63
69
  private handleTerminalResizeMouseDown;
@@ -103,12 +109,13 @@ declare class CandleView extends default_2.Component<CandleViewProps, CandleView
103
109
  handleEmojiSelect: (emoji: string) => void;
104
110
  handleThemeToggle: () => void;
105
111
  handleMobileMenuToggle: () => void;
106
- handleClickOutside: (event: MouseEvent) => void;
112
+ handleClickOutside: (event: Event) => void;
107
113
  handleToolSelect: (tool: string) => void;
108
114
  handleChartTypeSelect: (mainChartType: MainChartType) => void;
109
115
  handleCloseChartTypeModal: () => void;
110
116
  handleCloseDrawing: () => void;
111
117
  handleTimeframeClick: () => void;
118
+ handleAIClick: () => void;
112
119
  handleChartTypeClick: () => void;
113
120
  handleIndicatorClick: () => void;
114
121
  handleTradeClick: () => void;
@@ -152,6 +159,7 @@ declare interface CandleViewProps {
152
159
  ai?: boolean;
153
160
  aiconfigs?: AIConfig[];
154
161
  terminal?: boolean;
162
+ isMobileMode?: boolean;
155
163
  isOpenViewportSegmentation?: boolean;
156
164
  isCloseInternalTimeFrameCalculation?: boolean;
157
165
  timeframeCallbacks?: Partial<Record<TimeframeEnum, () => void>>;
@@ -171,6 +179,7 @@ declare interface CandleViewState {
171
179
  isChartTypeModalOpen: boolean;
172
180
  isSubChartModalOpen: boolean;
173
181
  isMobileMenuOpen: boolean;
182
+ isAIModalOpen: boolean;
174
183
  activeTool: string | null;
175
184
  currentTheme: ThemeConfig;
176
185
  currentI18N: I18n;
@@ -213,6 +222,7 @@ declare interface CandleViewState {
213
222
  terminalCommand: string;
214
223
  terminal: boolean;
215
224
  terminalHeightRatio: number;
225
+ mobileAiPanelHeightRatio: number;
216
226
  isResizingTerminal: boolean;
217
227
  markData: IStaticMarkData[];
218
228
  }