@vninvestcharts/widget 0.0.0-stage → 0.2.0

package/dist/dts/lib/series/LineSeries.d.ts

@@ -0,0 +1,54 @@
+import { Component } from "react";
+import PropTypes from "prop-types";
+import type { ChartAccessor, ChartDatum } from "../types";
+interface LineSeriesProps {
+    className?: string;
+    strokeWidth?: number;
+    strokeOpacity?: number;
+    stroke?: string;
+    hoverStrokeWidth?: number;
+    fill?: string;
+    defined: (datum: ChartDatum) => boolean;
+    strokeDasharray?: string;
+    highlightOnHover?: boolean;
+    yAccessor: ChartAccessor;
+    connectNulls?: boolean;
+    interpolation?: any;
+    canvasClip?: (ctx: CanvasRenderingContext2D, moreProps: any) => void;
+    style?: React.CSSProperties;
+}
+declare class LineSeries extends Component<LineSeriesProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        strokeWidth: PropTypes.Requireable<number>;
+        strokeOpacity: PropTypes.Requireable<number>;
+        stroke: PropTypes.Requireable<string>;
+        hoverStrokeWidth: PropTypes.Requireable<number>;
+        fill: PropTypes.Requireable<string>;
+        defined: PropTypes.Requireable<(...args: any[]) => any>;
+        strokeDasharray: PropTypes.Requireable<string>;
+        highlightOnHover: PropTypes.Requireable<boolean>;
+        yAccessor: PropTypes.Requireable<(...args: any[]) => any>;
+        connectNulls: PropTypes.Requireable<boolean>;
+        interpolation: PropTypes.Requireable<(...args: any[]) => any>;
+        canvasClip: PropTypes.Requireable<(...args: any[]) => any>;
+        style: PropTypes.Requireable<object>;
+    };
+    static defaultProps: {
+        className: string;
+        strokeWidth: number;
+        strokeOpacity: number;
+        hoverStrokeWidth: number;
+        fill: string;
+        stroke: string;
+        strokeDasharray: string;
+        defined: (d: any) => boolean;
+        highlightOnHover: boolean;
+        connectNulls: boolean;
+    };
+    constructor(props: LineSeriesProps);
+    drawOnCanvas(ctx: CanvasRenderingContext2D, moreProps: any): void;
+    renderSVG(moreProps: any): import("react").JSX.Element;
+    render(): import("react").JSX.Element;
+}
+export default LineSeries;

package/dist/dts/lib/series/MACDSeries.d.ts

@@ -0,0 +1,28 @@
+import PropTypes from "prop-types";
+import type { AnyRecord } from "../types";
+declare const MACDSeries: {
+    (props: AnyRecord): import("react").JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        yAccessor: PropTypes.Validator<(...args: any[]) => any>;
+        opacity: PropTypes.Requireable<number>;
+        divergenceStroke: PropTypes.Requireable<boolean>;
+        zeroLineStroke: PropTypes.Requireable<string>;
+        zeroLineOpacity: PropTypes.Requireable<number>;
+        clip: PropTypes.Validator<boolean>;
+        stroke: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            macd: PropTypes.Validator<string>;
+            signal: PropTypes.Validator<string>;
+        }>>>;
+        strokeWidth: PropTypes.Requireable<PropTypes.InferProps<{
+            macd: PropTypes.Requireable<number>;
+            signal: PropTypes.Requireable<number>;
+        }>>;
+        fill: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            divergence: PropTypes.Validator<NonNullable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>>;
+        }>>>;
+        widthRatio: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<NonNullable<number | ((...args: any[]) => any) | null | undefined>>;
+    };
+};
+export default MACDSeries;

package/dist/dts/lib/series/MarketProfileSeries.d.ts

@@ -0,0 +1,18 @@
+import React, { Component } from "react";
+interface MarketProfileSeriesProps {
+    yAccessor: (d: any) => any;
+    opacity?: number;
+    fontSize?: number;
+    fontFamily?: string;
+    textColor?: string;
+    pocColor?: string;
+    valueAreaColor?: string;
+    initialBalanceColor?: string;
+}
+export declare class MarketProfileSeries extends Component<MarketProfileSeriesProps> {
+    static defaultProps: any;
+    constructor(props: MarketProfileSeriesProps);
+    drawOnCanvas(ctx: CanvasRenderingContext2D, moreProps: any): void;
+    render(): React.JSX.Element;
+}
+export default MarketProfileSeries;

package/dist/dts/lib/series/OHLCSeries.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from "react";
+declare class OHLCSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    drawOnCanvas(ctx: any, moreProps: any): void;
+    render(): React.JSX.Element;
+    renderSVG(moreProps: any): React.JSX.Element;
+}
+export default OHLCSeries;

package/dist/dts/lib/series/OverlayBarSeries.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from "react";
+declare class OverlayBarSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    drawOnCanvas(ctx: any, moreProps: any): void;
+    renderSVG(moreProps: any): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default OverlayBarSeries;

package/dist/dts/lib/series/PointAndFigureSeries.d.ts

@@ -0,0 +1,45 @@
+import React, { Component } from "react";
+/**
+ * Point & Figure — MỘT CỘT = MỘT X.
+ *
+ * LỊCH SỬ (2026-09-29, f2-pfn-linebreak). Bản trước map mỗi BAR thành một cột:
+ * `getColumns` gán `xOffset = xScale(xAccessor(d))` cho từng `d`, nên một cột P&F
+ * (gốm nhiều bar) bị NHOÈ ra nhiều ô cách xa nhau. Đó không phải lỗi hiển thị mà
+ * là sai mô hình: engine đã có `layoutPointAndFigure` làm đúng việc này
+ * (`vn-kline-engine-core/src/engine/pointAndFigureColumns.ts`), và bản này bám
+ * theo đúng bất biến đó — xếp theo `pnfColumnStart`, không theo bar.
+ *
+ * Bản trước còn THROW: nó dò bar đầu có box hay không bằng một vòng lặp không có
+ * điều kiện dừng, và trong vòng lặp đó đọc `boxes` của bar đầu để đo chiều cao
+ * box ⇒ `TypeError` ngay khi producer chưa chạy, còn `plotData` rỗng thì đo bề
+ * rộng trên `undefined`. Ở đây `boxes` luôn được kiểm tra qua `readBoxes` trước
+ * khi đọc, và `plotData` rỗng thì trả về `[]`.
+ */
+declare class PointAndFigureSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    drawOnCanvas(ctx: any, moreProps: any): void;
+    render(): React.JSX.Element;
+    renderSVG(moreProps: any): React.JSX.Element;
+}
+/**
+ * Gom bar theo CỘT rồi đổi sang pixel. Export để test được: đây là nơi quyết
+ * định "một x cho một cột", và đó là bất biến cần khoá, không phải chi tiết hình
+ * thức.
+ *
+ * `columnWidth` suy ra từ SỐ CỘT, không phải số bar: một cột P&F là một thanh
+ * rộng, và đặt bề rộng theo bar làm nó thành sọc mảnh giữa những khoảng trống.
+ */
+export declare function getPointAndFigureColumns(props: any, moreProps: any): {
+    columnStart: number;
+    direction: number;
+    className: string;
+    x: number;
+    columnWidth: number;
+    step: number;
+    boxes: {
+        open: any;
+        close: any;
+    }[];
+}[];
+export default PointAndFigureSeries;

package/dist/dts/lib/series/RSISeries.d.ts

@@ -0,0 +1,38 @@
+import PropTypes from "prop-types";
+import type { AnyRecord } from "../types";
+declare const RSISeries: {
+    (props: AnyRecord): import("react").JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        yAccessor: PropTypes.Validator<(...args: any[]) => any>;
+        stroke: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            top: PropTypes.Validator<string>;
+            middle: PropTypes.Validator<string>;
+            bottom: PropTypes.Validator<string>;
+            outsideThreshold: PropTypes.Validator<string>;
+            insideThreshold: PropTypes.Validator<string>;
+        }>>>;
+        opacity: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            top: PropTypes.Validator<number>;
+            middle: PropTypes.Validator<number>;
+            bottom: PropTypes.Validator<number>;
+        }>>>;
+        strokeDasharray: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            line: PropTypes.Requireable<string>;
+            top: PropTypes.Requireable<string>;
+            middle: PropTypes.Requireable<string>;
+            bottom: PropTypes.Requireable<string>;
+        }>>>;
+        strokeWidth: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            outsideThreshold: PropTypes.Validator<number>;
+            insideThreshold: PropTypes.Validator<number>;
+            top: PropTypes.Validator<number>;
+            middle: PropTypes.Validator<number>;
+            bottom: PropTypes.Validator<number>;
+        }>>>;
+        overSold: PropTypes.Validator<number>;
+        middle: PropTypes.Validator<number>;
+        overBought: PropTypes.Validator<number>;
+    };
+};
+export default RSISeries;

package/dist/dts/lib/series/RenkoSeries.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from "react";
+declare class RenkoSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    drawOnCanvas(ctx: any, moreProps: any): void;
+    render(): React.JSX.Element;
+    renderSVG(moreProps: any): React.JSX.Element;
+}
+export default RenkoSeries;

package/dist/dts/lib/series/SARSeries.d.ts

@@ -0,0 +1,10 @@
+import React, { Component } from "react";
+declare class SARSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    isHover(moreProps: any): boolean;
+    drawOnCanvas(ctx: any, moreProps: any): void;
+    renderSVG(moreProps: any): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default SARSeries;

package/dist/dts/lib/series/SVGComponent.d.ts

@@ -0,0 +1,5 @@
+import React, { Component } from "react";
+declare class SVGComponent extends Component<any, any> {
+    render(): React.JSX.Element;
+}
+export default SVGComponent;

package/dist/dts/lib/series/ScatterSeries.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from "react";
+declare class ScatterSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    drawOnCanvas(ctx: any, moreProps: any): void;
+    renderSVG(moreProps: any): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default ScatterSeries;

package/dist/dts/lib/series/SquareMarker.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import PropTypes from "prop-types";
+declare function Square(props: any): React.JSX.Element;
+declare namespace Square {
+    var propTypes: {
+        stroke: PropTypes.Requireable<string>;
+        fill: PropTypes.Validator<string>;
+        opacity: PropTypes.Validator<number>;
+        point: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+            datum: PropTypes.Validator<object>;
+        }>>>;
+        className: PropTypes.Requireable<string>;
+        strokeWidth: PropTypes.Requireable<number>;
+        width: PropTypes.Validator<NonNullable<NonNullable<number | ((...args: any[]) => any) | null | undefined>>>;
+    };
+    var defaultProps: {
+        stroke: string;
+        strokeWidth: number;
+        opacity: number;
+        fill: string;
+        className: string;
+    };
+    var drawOnCanvas: (props: any, point: any, ctx: any) => void;
+    var drawOnCanvasWithNoStateChange: (props: any, point: any, ctx: any) => void;
+}
+export default Square;

package/dist/dts/lib/series/StackedBarSeries.d.ts

@@ -0,0 +1,19 @@
+import React, { Component } from "react";
+declare class StackedBarSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    drawOnCanvas(ctx: any, moreProps: any): void;
+    renderSVG(moreProps: any): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export declare function identityStack(): {
+    (data: any[]): any[];
+    keys(x: any): any[] | /*elided*/ any;
+};
+export declare function drawOnCanvasHelper(ctx: any, props: any, moreProps: any, xAccessor: any, stackFn: any, defaultPostAction?: any, postRotateAction?: any): void;
+export declare function svgHelper(props: any, moreProps: any, xAccessor: any, stackFn: any, defaultPostAction?: any, postRotateAction?: any): React.JSX.Element[];
+export declare const rotateXY: (array: any[]) => any[];
+export declare function getBarsSVG2(props: any, bars: any[]): React.JSX.Element[];
+export declare function drawOnCanvas2(props: any, ctx: any, bars: any[]): void;
+export declare function getBars(props: any, xAccessor: any, yAccessor: any[], xScale: any, yScale: any, plotData: any[], stack?: any, after?: any): any;
+export default StackedBarSeries;

package/dist/dts/lib/series/StochasticSeries.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from "react";
+declare class StochasticSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    yAccessorForD(d: any): any;
+    yAccessorForK(d: any): any;
+    render(): React.JSX.Element;
+}
+export default StochasticSeries;

package/dist/dts/lib/series/StraightLine.d.ts

@@ -0,0 +1,18 @@
+import { Component } from "react";
+interface StraightLineProps {
+    className?: string;
+    type?: "vertical" | "horizontal";
+    stroke?: string;
+    strokeWidth?: number;
+    strokeDasharray?: string;
+    opacity?: number;
+    yValue?: number;
+    xValue?: number | Date;
+}
+declare class StraightLine extends Component<StraightLineProps> {
+    constructor(props: StraightLineProps);
+    drawOnCanvas(ctx: CanvasRenderingContext2D, moreProps: any): void;
+    renderSVG(moreProps: any): import("react").JSX.Element;
+    render(): import("react").JSX.Element;
+}
+export default StraightLine;

package/dist/dts/lib/series/TriangleMarker.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import PropTypes from "prop-types";
+declare function Triangle(props: any): React.JSX.Element | null;
+declare namespace Triangle {
+    var propTypes: {
+        direction: PropTypes.Validator<NonNullable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>>;
+        stroke: PropTypes.Validator<NonNullable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>>;
+        fill: PropTypes.Validator<NonNullable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>>;
+        opacity: PropTypes.Validator<number>;
+        point: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+            datum: PropTypes.Validator<object>;
+        }>>>;
+        className: PropTypes.Requireable<string>;
+        strokeWidth: PropTypes.Requireable<number>;
+        width: PropTypes.Validator<NonNullable<NonNullable<number | ((...args: any[]) => any) | null | undefined>>>;
+    };
+    var defaultProps: {
+        direction: string;
+        stroke: string;
+        strokeWidth: number;
+        opacity: number;
+        fill: string;
+        className: string;
+    };
+    var drawOnCanvas: (props: any, point: any, ctx: any) => void;
+    var drawOnCanvasWithNoStateChange: (props: any, point: any, ctx: any) => void;
+}
+export default Triangle;

package/dist/dts/lib/series/VolumeProfileSeries.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from "react";
+declare class VolumeProfileSeries extends Component<any, any> {
+    static defaultProps: any;
+    constructor(props: any);
+    drawOnCanvas(ctx: any, moreProps: any): void;
+    render(): React.JSX.Element;
+    renderSVG(moreProps: any): React.JSX.Element;
+}
+export default VolumeProfileSeries;

package/dist/dts/lib/series/index.d.ts

@@ -0,0 +1,28 @@
+export { default as AreaSeries } from "./AreaSeries";
+export { default as AlternatingFillAreaSeries } from "./AlternatingFillAreaSeries";
+export { default as AreaOnlySeries } from "./AreaOnlySeries";
+export { default as ScatterSeries } from "./ScatterSeries";
+export { default as CircleMarker } from "./CircleMarker";
+export { default as TriangleMarker } from "./TriangleMarker";
+export { default as SquareMarker } from "./SquareMarker";
+export { default as LineSeries } from "./LineSeries";
+export { default as CandlestickSeries } from "./CandlestickSeries";
+export { default as OHLCSeries } from "./OHLCSeries";
+export { default as BarSeries } from "./BarSeries";
+export { default as StackedBarSeries } from "./StackedBarSeries";
+export { default as GroupedBarSeries } from "./GroupedBarSeries";
+export { default as KagiSeries } from "./KagiSeries";
+export { default as LineBreakSeries } from "./LineBreakSeries";
+export { default as PointAndFigureSeries } from "./PointAndFigureSeries";
+export { default as RenkoSeries } from "./RenkoSeries";
+export { default as MACDSeries } from "./MACDSeries";
+export { default as BollingerSeries } from "./BollingerSeries";
+export { default as RSISeries } from "./RSISeries";
+export { default as StochasticSeries } from "./StochasticSeries";
+export { default as ElderRaySeries } from "./ElderRaySeries";
+export { default as VolumeProfileSeries } from "./VolumeProfileSeries";
+export { default as StraightLine } from "./StraightLine";
+export { default as SARSeries } from "./SARSeries";
+export { default as MarketProfileSeries } from "./MarketProfileSeries";
+export { default as FootprintSeries } from "./FootprintSeries";
+export { default as HTFOverlaySeries } from "./HTFOverlaySeries";

package/dist/dts/lib/strategy/BrokerSimulator.d.ts

@@ -0,0 +1,11 @@
+import { PerformanceReport } from "./types";
+export declare class BrokerSimulator {
+    private balance;
+    private initialBalance;
+    private position;
+    private trades;
+    constructor(initialBalance?: number);
+    runBacktest(data: any[], strategyFn: (curr: any, prev: any) => "buy" | "sell" | null): PerformanceReport;
+    private reset;
+    getPerformanceReport(): PerformanceReport;
+}

package/dist/dts/lib/strategy/types.d.ts

@@ -0,0 +1,35 @@
+export interface Order {
+    id: string;
+    symbol: string;
+    direction: "buy" | "sell";
+    type: "market" | "limit";
+    price?: number;
+    qty: number;
+    timestamp: number;
+}
+export interface Position {
+    symbol: string;
+    qty: number;
+    avgPrice: number;
+    direction: "long" | "short";
+}
+export interface TradeRecord {
+    id: string;
+    direction: "long" | "short";
+    qty: number;
+    entryPrice: number;
+    entryTime: number;
+    exitPrice: number;
+    exitTime: number;
+    pnl: number;
+    pnlPercent: number;
+}
+export interface PerformanceReport {
+    initialBalance: number;
+    finalBalance: number;
+    netProfit: number;
+    winRate: number;
+    profitFactor: number;
+    totalTrades: number;
+    trades: TradeRecord[];
+}

package/dist/dts/lib/tape/TapePanel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * P3a-04: Re-export TapePanel from widget location.
+ * Backward compatibility — import paths from src/lib/tape/ still work.
+ */
+export { TapePanel, type TapePanelProps } from "../../widget/components/overlays/TapePanel";

package/dist/dts/lib/types/adapter.d.ts

@@ -0,0 +1 @@
+export type { OHLCVBar, Unsubscribe, Timeframe, Trade, OrderbookLevel, OrderbookSnapshot, SymbolInfo, StockDataAdapter, CoverageFragment, CoverageBulkSlotInfo, CoverageMode, GapReason, SourceSemanticsDescriptor, SessionModel, FinalityMode, } from "@vninvestcharts/engine-core";

package/dist/dts/lib/types/index.d.ts

@@ -0,0 +1,5 @@
+export type { AnyRecord, BarData, CandleData, CandleWick, ChartAccessor, ChartDatum, CanvasContexts, MoreProps, OHLCV, } from "../types";
+export type { OHLCVBar } from "./ohlcv";
+export type { PaneConfig, IndicatorConfig, YAxisConfig } from "./pane";
+export type { StockDataAdapter, Timeframe, Trade, OrderbookLevel, OrderbookSnapshot, SymbolInfo, Unsubscribe } from "./adapter";
+export type { IndicatorDefinition } from "./indicator";

package/dist/dts/lib/types/indicator.d.ts

@@ -0,0 +1,11 @@
+import type { OHLCVBar } from "./ohlcv";
+export interface IndicatorDefinition<TInput = OHLCVBar, TOutput = unknown, TParams extends readonly unknown[] = readonly unknown[]> {
+    name: string;
+    compute: (bars: readonly TInput[], ...params: TParams) => TOutput;
+    render?: (context: {
+        values: TOutput;
+        bars: readonly TInput[];
+    }) => unknown;
+    computeExtents?: (values: TOutput) => readonly [number, number] | readonly number[];
+    yAxis?: "left" | "right";
+}

package/dist/dts/lib/types/ohlcv.d.ts

@@ -0,0 +1 @@
+export type { OHLCVBar } from "@vninvestcharts/engine-core";

package/dist/dts/lib/types/pane.d.ts

@@ -0,0 +1,23 @@
+export interface YAxisConfig {
+    autoScale?: boolean;
+    inverted?: boolean;
+    scaleType?: "linear" | "log" | "percentage";
+    tickFormat?: (value: number) => string;
+}
+export interface IndicatorConfig {
+    name: string;
+    params?: readonly unknown[];
+    yAxis?: "left" | "right";
+    visible?: boolean;
+    style?: Record<string, unknown>;
+}
+export interface PaneConfig {
+    id: string;
+    heightPx?: number;
+    heightPercent?: number;
+    minHeightPx?: number;
+    label?: string;
+    indicators: IndicatorConfig[];
+    leftAxis?: YAxisConfig;
+    rightAxis?: YAxisConfig;
+}

package/dist/dts/lib/types/runtime.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Runtime exports for the types subpath bundle.
+ * This ensures the bundle has actual JavaScript output, not just type definitions.
+ */
+export declare const VERSION = "0.2.0";
+export declare const TYPE_SUBPATH_MARKER = "vninvestcharts-widget/types";
+export type { AnyRecord, BarData, CandleData, CandleWick, ChartAccessor, ChartDatum, CanvasContexts, MoreProps, OHLCV, } from "../types";
+export type { OHLCVBar } from "./ohlcv";
+export type { PaneConfig, IndicatorConfig, YAxisConfig } from "./pane";
+export type { StockDataAdapter, Timeframe, Trade, OrderbookLevel, OrderbookSnapshot, SymbolInfo, Unsubscribe, } from "./adapter";
+export type { IndicatorDefinition } from "./indicator";