candleview 1.0.3 → 1.0.5

package/dist/components/CandleView/ViewportManager.d.ts

@@ -0,0 +1,53 @@
+import { TimeframeEnum, TimezoneEnum, ICandleViewDataPoint } from './types';
+export interface VisibleRange {
+    from: number;
+    to: number;
+}
+export interface ViewportState {
+    savedVisibleRange: VisibleRange | null;
+    mainChartVisibleRange: VisibleRange | null;
+    adxChartVisibleRange: VisibleRange | null;
+    atrChartVisibleRange: VisibleRange | null;
+    bbwidthChartVisibleRange: VisibleRange | null;
+    cciChartVisibleRange: VisibleRange | null;
+    kdjChartVisibleRange: VisibleRange | null;
+    macdChartVisibleRange: VisibleRange | null;
+    obvhartVisibleRange: VisibleRange | null;
+    rsiChartVisibleRange: VisibleRange | null;
+    sarChartVisibleRange: VisibleRange | null;
+    volumeChartVisibleRange: VisibleRange | null;
+    stochasticChartVisibleRange: VisibleRange | null;
+}
+export interface ViewportConfig {
+    timeframe: TimeframeEnum;
+    timezone: TimezoneEnum;
+}
+export declare class ViewportManager {
+    private chart;
+    private currentSeries;
+    constructor(chart: any, currentSeries: any);
+    zoomIn(): void;
+    zoomOut(): void;
+    scrollChart(direction: 'left' | 'right'): void;
+    positionChart(activeTimeframe: TimeframeEnum): void;
+    getVisibleTimeRange(): VisibleRange | null;
+    private setVisibleTimeRange;
+    private scrollToRealData;
+    private scrollToStablePosition;
+    getRealDataRange(): {
+        firstIndex: number;
+        lastIndex: number;
+        realDataCount: number;
+        virtualBeforeCount: number;
+        virtualAfterCount: number;
+    };
+    private setOptimalBarSpacing;
+    private beforeViewPortBuffer;
+    private afterViewPortBuffer;
+    getViewportDataPoints: (visibleRange: {
+        from: number;
+        to: number;
+    }, preparedData: ICandleViewDataPoint[]) => ICandleViewDataPoint[];
+    private scrollLockState;
+    handleChartScrollLock(visibleRange: VisibleRange, currentData: ICandleViewDataPoint[]): void;
+}

package/dist/components/CandleView/index.d.ts

@@ -0,0 +1,2 @@
+export { CandleView } from './CandleView';
+export type { ICandleViewDataPoint } from './types';

package/dist/components/CandleView/tools.d.ts

@@ -0,0 +1,7 @@
+import { ThemeConfig } from './Theme';
+import { TimeframeEnum, TimezoneEnum } from './types';
+export declare function getRandomColor(theme: ThemeConfig): string;
+export declare function timestampToDateTime(timestamp: number, separator?: string, timeSeparator?: string, includeTime?: boolean): string;
+export declare function timestampToFriendlyTime(timestamp: number): string;
+export declare function mapTimeframe(timeframeStr?: string): TimeframeEnum | null;
+export declare function mapTimezone(timezoneStr?: string): TimezoneEnum | null;

package/dist/components/CandleView/types.d.ts

@@ -0,0 +1,200 @@
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface MarkDrawing {
+    id: string;
+    type: string;
+    markType: MarkType;
+    mark: any;
+    points: Point[];
+    color: string;
+    lineWidth: number;
+    isSelected?: boolean;
+    rotation?: number;
+    properties?: any;
+    graphColor?: string;
+    graphWidth?: number;
+    graphStyle?: 'solid' | 'dashed' | 'dotted';
+}
+export interface HistoryRecord {
+    drawings: MarkDrawing[];
+    description: string;
+}
+export interface ICandleViewDataPoint {
+    time: number;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+    volume: number;
+    isVirtual?: boolean;
+}
+export declare enum TimeframeEnum {
+    ONE_SECOND = "1s",
+    FIVE_SECONDS = "5s",
+    FIFTEEN_SECONDS = "15s",
+    THIRTY_SECONDS = "30s",
+    ONE_MINUTE = "1m",
+    THREE_MINUTES = "3m",
+    FIVE_MINUTES = "5m",
+    FIFTEEN_MINUTES = "15m",
+    THIRTY_MINUTES = "30m",
+    FORTY_FIVE_MINUTES = "45m",
+    ONE_HOUR = "1H",
+    TWO_HOURS = "2H",
+    THREE_HOURS = "3H",
+    FOUR_HOURS = "4H",
+    SIX_HOURS = "6H",
+    EIGHT_HOURS = "8H",
+    TWELVE_HOURS = "12H",
+    ONE_DAY = "1D",
+    THREE_DAYS = "3D",
+    ONE_WEEK = "1W",
+    TWO_WEEKS = "2W",
+    ONE_MONTH = "1M",
+    THREE_MONTHS = "3M",
+    SIX_MONTHS = "6M"
+}
+export declare enum TimezoneEnum {
+    NEW_YORK = "America/New_York",
+    CHICAGO = "America/Chicago",
+    DENVER = "America/Denver",
+    LOS_ANGELES = "America/Los_Angeles",
+    TORONTO = "America/Toronto",
+    LONDON = "Europe/London",
+    PARIS = "Europe/Paris",
+    FRANKFURT = "Europe/Frankfurt",
+    ZURICH = "Europe/Zurich",
+    MOSCOW = "Europe/Moscow",
+    DUBAI = "Asia/Dubai",
+    KARACHI = "Asia/Karachi",
+    KOLKATA = "Asia/Kolkata",
+    SHANGHAI = "Asia/Shanghai",
+    HONG_KONG = "Asia/Hong_Kong",
+    SINGAPORE = "Asia/Singapore",
+    TOKYO = "Asia/Tokyo",
+    SEOUL = "Asia/Seoul",
+    SYDNEY = "Australia/Sydney",
+    AUCKLAND = "Pacific/Auckland",
+    UTC = "UTC"
+}
+export declare enum CursorType {
+    Default = "default",
+    Crosshair = "crosshair",
+    None = "none",
+    Circle = "circle",
+    Dot = "dot"
+}
+export declare enum ChartType {
+    MainChart = "MainChart",
+    SubChart = "SubChart"
+}
+export declare enum MainChartType {
+    Candle = "Candle",
+    HollowCandle = "HollowCandle",
+    Bar = "Bar",
+    BaseLine = "BaseLine",
+    Line = "Line",
+    Area = "Area",
+    StepLine = "StepLine",
+    Histogram = "Histogram",
+    HeikinAshi = "HeikinAshi",
+    LineBreak = "LineBreak",
+    Mountain = "Mountain",
+    BaselineArea = "BaselineArea",
+    HighLow = "HighLow",
+    HLCArea = "HLCArea"
+}
+export declare enum MainChartIndicatorType {
+    MA = "MA",
+    EMA = "EMA",
+    BOLLINGER = "BOLLINGER",
+    ICHIMOKU = "ICHIMOKU",
+    DONCHIAN = "DONCHIAN",
+    ENVELOPE = "ENVELOPE",
+    VWAP = "VWAP",
+    HEATMAP = "HEATMAP",
+    MARKETPROFILE = "MARKETPROFILE"
+}
+export declare enum SubChartIndicatorType {
+    RSI = "RSI",
+    MACD = "MACD",
+    VOLUME = "VOLUME",
+    SAR = "SAR",
+    KDJ = "KDJ",
+    ATR = "ATR",
+    STOCHASTIC = "STOCHASTIC",
+    CCI = "CCI",
+    BBWIDTH = "BBWIDTH",
+    ADX = "ADX",
+    OBV = "OBV"
+}
+export declare enum MarkType {
+    Text = 0,
+    Emoji = 1,
+    LineSegment = 2,
+    ArrowLine = 3,
+    ThickArrowLine = 4,
+    HorizontalLine = 5,
+    VerticalLine = 6,
+    ParallelChannel = 7,
+    LinearRegressionChannel = 8,
+    EquidistantChannel = 9,
+    DisjointChannel = 10,
+    Pitchfork = 11,
+    AndrewPitchfork = 12,
+    EnhancedAndrewPitchfork = 13,
+    SchiffPitchfork = 14,
+    Rectangle = 15,
+    Circle = 16,
+    Ellipse = 17,
+    Sector = 18,
+    Curve = 19,
+    DoubleCurve = 20,
+    Triangle = 21,
+    GannFan = 22,
+    GannBox = 23,
+    GannRectangle = 24,
+    FibonacciTimeZoon = 25,
+    FibonacciRetracement = 26,
+    FibonacciArc = 27,
+    FibonacciCircle = 28,
+    FibonacciSpiral = 29,
+    FibonacciWedge = 30,
+    FibonacciFan = 31,
+    FibonacciChannel = 32,
+    FibonacciExtensionBasePrice = 33,
+    FibonacciExtensionBaseTime = 34,
+    XABCD = 35,
+    HeadAndShoulders = 36,
+    ABCD = 37,
+    TriangleABCD = 38,
+    Elliott_Impulse = 39,
+    Elliott_Corrective = 40,
+    Elliott_Triangle = 41,
+    Elliott_Double_Combination = 42,
+    Elliott_Triple_Combination = 43,
+    TimeRange = 44,
+    PriceRange = 45,
+    TimePriceRange = 46,
+    Pencil = 47,
+    Pen = 48,
+    Brush = 49,
+    MarkerPen = 50,
+    Eraser = 51,
+    Image = 52,
+    Table = 53,
+    LongPosition = 54,
+    ShortPosition = 55,
+    PriceLabel = 56,
+    Flag = 57,
+    PriceNote = 58,
+    SignPost = 59,
+    Pin = 60,
+    BubbleBox = 61,
+    TextEdit = 62,
+    MockKLine = 63,
+    HeatMap = 64
+}
+export declare function markTypeName(markType: MarkType): string;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { CandleView, ICandleViewDataPoint } from './components/CandleView';
+export { CandleView };
+export default CandleView;
+export type { ICandleViewDataPoint };

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "candleview",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Chart engine in the financial field.",
   "keywords": [
     "Finance",
     "Financial Analysis",
     "Financial Charts",
-    "Finance Trading"
+    "Finance Trading",
+    "Trading"
   ],
   "author": "happyboy",
   "license": "AGPL-3.0",
@@ -44,7 +45,8 @@
   },
   "dependencies": {
     "lightweight-charts": "^5.0.9",
-    "resize-observer-polyfill": "^1.5.1"
+    "resize-observer-polyfill": "^1.5.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",