react-candlesticks 0.0.3 → 0.0.6
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.
- package/README.md +14 -14
- package/dist/index-Bb_QstiX.js +1 -1
- package/dist/index.js +1 -1
- package/dist/propTypes.js +1 -1
- package/dist/react-candlesticks.css +1 -1
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/react-candlesticks)
|
|
4
4
|
[](./LICENSE)
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
[](https://www.npmjs.com/package/react-candlesticks)
|
|
7
7
|
[](https://react.dev/)
|
|
8
|
-
[](https://github.com/trendingcandles/react-candlesticks/actions/workflows/ci.yml)
|
|
8
|
+
[](https://docs.reactcandlesticks.com/)
|
|
9
|
+
<!-- [](https://github.com/trendingcandles/react-candlesticks/actions/workflows/ci.yml) -->
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
Canvas-powered, composable candlestick charts for React — built for serious trading UIs.
|
|
@@ -20,12 +20,10 @@ Build responsive trading charts in React with candlesticks, indicators, crosshai
|
|
|
20
20
|
|
|
21
21
|
[](https://stackblitz.com/edit/react-candlesticks?file=src%2FApp.tsx)
|
|
22
22
|
|
|
23
|
-
[Website](https://
|
|
23
|
+
[Website](https://reactcandlesticks.com/) • [Documentation](https://docs.reactcandlesticks.com/docs/) • [npm](https://www.npmjs.com/package/react-candlesticks) • [Live Demo](https://stackblitz.com/edit/react-candlesticks?file=src%2FApp.tsx)
|
|
24
24
|
|
|
25
25
|
For bugs and feature requests, [open an issue](https://github.com/trendingcandles/react-candlesticks/issues). For usage questions, [start a discussion](https://github.com/trendingcandles/react-candlesticks/discussions/new?category=q-a).
|
|
26
26
|
|
|
27
|
-
---
|
|
28
|
-
|
|
29
27
|
## Installation
|
|
30
28
|
|
|
31
29
|
```bash
|
|
@@ -62,6 +60,8 @@ export default function App() {
|
|
|
62
60
|
|
|
63
61
|
`granularity` is optional if your dataset uses a consistent interval and you want the library to infer it automatically. For empty/loading states, pass `granularity` explicitly.
|
|
64
62
|
|
|
63
|
+
For a fuller walkthrough, see the [Getting Started docs](https://docs.reactcandlesticks.com/docs/getting-started).
|
|
64
|
+
|
|
65
65
|
## Why React Candlesticks?
|
|
66
66
|
|
|
67
67
|
- **Canvas rendering** — smooth zoom, pan, and hover with predictable performance on large datasets
|
|
@@ -143,7 +143,7 @@ import type { Theme } from 'react-candlesticks';
|
|
|
143
143
|
<Chart theme={myCustomTheme} ... />
|
|
144
144
|
```
|
|
145
145
|
|
|
146
|
-
See the [Theme documentation](https://docs.
|
|
146
|
+
See the [Theme documentation](https://docs.reactcandlesticks.com/docs/api/theme/theme) for the full theme shape.
|
|
147
147
|
|
|
148
148
|
---
|
|
149
149
|
|
|
@@ -180,13 +180,13 @@ See the [Theme documentation](https://docs.trendingcandles.com/docs/api/theme/th
|
|
|
180
180
|
|
|
181
181
|
## API Reference
|
|
182
182
|
|
|
183
|
-
- [`API Reference Home`](https://docs.
|
|
184
|
-
- [`ChartProps`](https://docs.
|
|
185
|
-
- [`PanelConfig`](https://docs.
|
|
186
|
-
- [`LayerConfig`](https://docs.
|
|
187
|
-
- [`Theme`](https://docs.
|
|
188
|
-
- [`DataPoint`](https://docs.
|
|
189
|
-
- [`Granularity`](https://docs.
|
|
183
|
+
- [`API Reference Home`](https://docs.reactcandlesticks.com/docs/api/)
|
|
184
|
+
- [`ChartProps`](https://docs.reactcandlesticks.com/docs/api/chart/chart#properties)
|
|
185
|
+
- [`PanelConfig`](https://docs.reactcandlesticks.com/docs/api/panel/panel-config)
|
|
186
|
+
- [`LayerConfig`](https://docs.reactcandlesticks.com/docs/api/layer/layer-config)
|
|
187
|
+
- [`Theme`](https://docs.reactcandlesticks.com/docs/api/theme/theme)
|
|
188
|
+
- [`DataPoint`](https://docs.reactcandlesticks.com/docs/api/chart/data-point)
|
|
189
|
+
- [`Granularity`](https://docs.reactcandlesticks.com/docs/api/chart/granularity)
|
|
190
190
|
|
|
191
191
|
---
|
|
192
192
|
|
package/dist/index-Bb_QstiX.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
* Copyright (c) 2026 Jason Wilson, trendingcandles.com
|
|
3
3
|
* Licensed under the MIT License
|
|
4
|
-
* Build time: 2026-05-
|
|
4
|
+
* Build time: 2026-05-15T23:26:08.300Z
|
|
5
5
|
*/
|
|
6
6
|
import { jsx as ne, jsxs as Kn, Fragment as ou } from "react/jsx-runtime";
|
|
7
7
|
import Hr, { useRef as W, useState as so, useLayoutEffect as ru, useEffect as Oe, memo as en, useCallback as G, forwardRef as io, useImperativeHandle as ao, Fragment as su, createRef as Da, useMemo as Ne, Children as iu } from "react";
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
* Copyright (c) 2026 Jason Wilson, trendingcandles.com
|
|
3
3
|
* Licensed under the MIT License
|
|
4
|
-
* Build time: 2026-05-
|
|
4
|
+
* Build time: 2026-05-15T23:26:08.300Z
|
|
5
5
|
*/
|
|
6
6
|
import { A as e, B as l, C as r, a as t, E as c, M as i, P as n, b as o, R as A, S as B, c as C, V as M, e as S } from "./index-Bb_QstiX.js";
|
|
7
7
|
export {
|
package/dist/propTypes.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
* Copyright (c) 2026 Jason Wilson, trendingcandles.com
|
|
3
3
|
* Licensed under the MIT License
|
|
4
|
-
* Build time: 2026-05-
|
|
4
|
+
* Build time: 2026-05-15T23:26:08.300Z
|
|
5
5
|
*/
|
|
6
6
|
import { jsx as f } from "react/jsx-runtime";
|
|
7
7
|
import { memo as m } from "react";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
* Copyright (c) 2026 Jason Wilson, trendingcandles.com
|
|
3
3
|
* Licensed under the MIT License
|
|
4
|
-
* Build time: 2026-05-
|
|
4
|
+
* Build time: 2026-05-15T23:26:08.300Z
|
|
5
5
|
*/
|
|
6
6
|
@charset "UTF-8";._interactiveArea_1ela9_8{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:crosshair;touch-action:none;overscroll-behavior-x:contain}._canvases_u908y_8{position:relative;width:100%;height:100%}._drawingCanvas_u908y_14{position:absolute;top:0}._axesCanvas_u908y_19,._crosshairsCanvas_u908y_25{position:absolute;left:0;top:0}._uis_1h7fp_8{position:absolute}._legend_xya6s_8{width:fit-content;margin:0 0 4px;box-sizing:border-box;white-space:nowrap}._legendLabel_xya6s_15{margin-right:12px}._fieldLabel_xya6s_19{margin-right:2px}._fieldValue_xya6s_23{margin-right:6px}._panelUis_b5fyk_8{position:absolute;padding-top:4px;width:100%;box-sizing:border-box}._goToLatestButton_18vcz_8{position:absolute;padding:4px 12px;height:40px;z-index:20}._statefulChart_aenp7_8{position:relative;width:100%;height:100%}._chart_kyo5w_8{font-family:Arial,Helvetica,sans-serif;font-size:13px}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-candlesticks",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"description": "High-performance, composable candlestick charts for React.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Jason Wilson <info@trendingcandles.com>",
|
|
7
|
-
"homepage": "https://
|
|
7
|
+
"homepage": "https://reactcandlesticks.com",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
10
10
|
"url": "git+https://github.com/trendingcandles/react-candlesticks.git"
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
"test": "vitest",
|
|
64
64
|
"check": "npm run typecheck && npm run lint && npm run test:run",
|
|
65
65
|
"pack:check": "npm run build && npm pack --dry-run --cache ./.npm-pack-cache",
|
|
66
|
+
"prepare": "npm run build",
|
|
66
67
|
"prepublishOnly": "npm run check && npm run pack:check",
|
|
67
68
|
"coverage": "vitest run --coverage",
|
|
68
69
|
"test:ui": "vitest --ui",
|