@pradeepjadhav/trading-reload-chart 1.0.1 → 1.0.2

package/dist/canvas/layers/TradeLayer/TradeLayer.d.ts

@@ -1,13 +1,13 @@
 import { TemporaryTradeProtectionHandleRectConfig, TradeHandleRectConfig, TradeHandleStyleConfig } from '../../../config/chartConfig.types';
 import { Candle } from '../../../models/Candle.types';
 import { ChartViewport } from '../../../models/ChartViewport.types';
-import { OpenTrade } from '../../../models/Trade.types';
-import { CreateHitBoxOptions, CreateMissingProtectionHitBoxOptions, DrawConnectorLineOptions, DrawHandleLineOptions, DrawHandleRectOptions, DrawHandleSectionsOptions, DrawTradeHandleOptions, LineBlockedRange, PastTrade, TemporaryTradeProtectionDrag, TradeHandleHitbox, TradeHandleRenderState, TradeHandleType, TradeLayerOptions, TradeProtectionHandleType } from './TradeLayer.types';
+import { ClosedTrade, OpenTrade } from '../../../models/Trade.types';
+import { CreateHitBoxOptions, CreateMissingProtectionHitBoxOptions, DrawConnectorLineOptions, DrawHandleLineOptions, DrawHandleRectOptions, DrawHandleSectionsOptions, DrawTradeHandleOptions, LineBlockedRange, TemporaryTradeProtectionDrag, TradeHandleHitbox, TradeHandleRenderState, TradeHandleType, TradeLayerOptions, TradeProtectionHandleType } from './TradeLayer.types';
 export declare class TradeLayer {
     #private;
     isDragging: boolean;
     trades: OpenTrade[];
-    pastTrades: PastTrade[];
+    pastTrades: ClosedTrade[];
     candles: Candle[];
     viewport: ChartViewport | null;
     liveCandle: Candle | null;
@@ -15,7 +15,7 @@ export declare class TradeLayer {
     temporaryProtectionDrag: TemporaryTradeProtectionDrag | null;
     constructor(options: TradeLayerOptions);
     setTrades(trades: OpenTrade[]): void;
-    setPastTrades(pastTrades: PastTrade[]): void;
+    setPastTrades(pastTrades: ClosedTrade[]): void;
     setCandles(candles: Candle[]): void;
     setViewport(viewport: ChartViewport): void;
     setLiveCandle(candle: Candle): void;

package/dist/canvas/layers/TradeLayer/TradeLayer.helpers.d.ts

@@ -1,3 +1,3 @@
-import { TradeType } from '../../../models/Trade.types';
+import { TradeDirection } from '../../../models/Trade.types';
 export declare const getPipSize: (symbol: string) => number;
-export declare const calculatePotentialPnlUsd: (type: TradeType, entryPrice: number, targetPrice: number, volume: number, symbol: string) => number;
+export declare const calculatePotentialPnlUsd: (type: TradeDirection, entryPrice: number, targetPrice: number, volume: number, symbol: string) => number;

package/dist/canvas/layers/TradeLayer/TradeLayer.types.d.ts

@@ -1,6 +1,6 @@
 import { MissingTradeProtectionHandleRectConfig, PastTradeIndicatorArrowConfig, TemporaryTradeProtectionHandleRectConfig, TradeHandleLineConfig, TradeHandleRectConfig, TradeHandleStyleConfig } from '../../../config/chartConfig.types';
 import { ChartViewport } from '../../../models/ChartViewport.types';
-import { OpenTrade, TradeType } from '../../../models/Trade.types';
+import { ClosedTrade, OpenTrade, TradeDirection } from '../../../models/Trade.types';
 /**
  * Type of existing trade handle shown on open positions.
  *
@@ -50,41 +50,6 @@ export type TemporaryTradeProtectionDrag = {
     price: number;
     viewport: ChartViewport;
 };
-/**
- * Historical trade marker rendered on the chart after a position is closed.
- *
- * @example
- * ```ts
- * const trade: PastTrade = {
- *   symbol: "EURUSD",
- *   type: "sell",
- *   startTime: 1716796800000,
- *   closeTime: 1716800400000,
- *   openPrice: 1.089,
- *   closePrice: 1.086,
- *   volume: 1,
- *   sl: 1.091,
- *   tp: 1.086,
- *   commission: 0,
- *   swap: 0,
- *   pnl: 30,
- * };
- * ```
- */
-export type PastTrade = {
-    symbol: string;
-    type: TradeType;
-    startTime: number;
-    closeTime: number;
-    openPrice: number;
-    closePrice: number;
-    volume: number;
-    sl: number | null;
-    tp: number | null;
-    commission: number;
-    swap: number;
-    pnl: number;
-};
 export type TradeLayerEventsOptions = {
     canvas: HTMLCanvasElement;
     getHandleHitboxes: () => TradeHandleHitbox[];
@@ -168,7 +133,7 @@ export type PastTradeIndicatorPoint = {
     time: number;
 };
 export type PastTradeIndicatorRenderState = {
-    trade: PastTrade;
+    trade: ClosedTrade;
     start: PastTradeIndicatorPoint;
     close: PastTradeIndicatorPoint;
     arrowWidth: number;
@@ -243,7 +208,7 @@ export type DrawHandleSectionsOptions = {
 export type DrawPastTradeArrowOptions = {
     x: number;
     y: number;
-    type: TradeType;
+    type: TradeDirection;
     width: number;
     height: number;
     config: PastTradeIndicatorArrowConfig;

package/dist/chart/ChartController.types.d.ts

@@ -1,8 +1,7 @@
 import { Shape, ShapeAddedPayload, ShapeModifiedPayload, ShapeSelectedPayload, ShapeToolType } from '../canvas/layers/ShapesLayer/ShapesLayer.types';
-import { PastTrade } from '../canvas/layers/TradeLayer/TradeLayer.types';
 import { ChartConfig } from '../config/chartConfig.types';
 import { Candle } from '../models/Candle.types';
-import { OpenTrade } from '../models/Trade.types';
+import { ClosedTrade, OpenTrade } from '../models/Trade.types';
 import { DeepPartial } from './utils/deepPartial.types';
 /**
  * Payload emitted when the user commits a stop-loss or take-profit change.
@@ -117,10 +116,10 @@ export type ChartControllerProps = {
      *
      * @example
      * ```ts
-     * pastTrades: [{ symbol: "EURUSD", type: "sell", startTime: 1716796800000, closeTime: 1716800400000, openPrice: 1.089, closePrice: 1.086, volume: 1, sl: 1.091, tp: 1.086, commission: 0, swap: 0, pnl: 30 }]
+     * pastTrades: [{ ticket: 101245, symbol: "EURUSD", type: "sell", openTime: 1716796800000, openPrice: 1.089, closeTime: 1716800400000, closePrice: 1.086, volume: 1, sl: 1.091, tp: 1.086, commission: 0, swap: 0, pnl: 30, status: "closed" }]
      * ```
      */
-    pastTrades: PastTrade[];
+    pastTrades: ClosedTrade[];
     /**
      * Parent-owned shapes rendered and edited by the chart.
      *

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export type { PartialShapeConfig, Shape, ShapeAddedPayload, ShapeId, ShapeModifiedPayload, ShapeSelectedPayload, ShapeToolType, ShapeType, ShapeVertex, } from './canvas/layers/ShapesLayer/ShapesLayer.types';
-export type { PastTrade, TradeHandleType, TradeProtectionHandleType, } from './canvas/layers/TradeLayer/TradeLayer.types';
+export type { TradeHandleType, TradeProtectionHandleType, } from './canvas/layers/TradeLayer/TradeLayer.types';
 export type { ChartControllerProps, PreviousDay, TradeModifyPayload, } from './chart/ChartController.types';
 export type { DeepPartial } from './chart/utils/deepPartial.types';
 export type { CanvasPoint } from './chart/utils/getCanvasPoint.types';
@@ -8,7 +8,7 @@ export type { ChartConfig, PreviousDayHighLowConfig } from './config/chartConfig
 export type { Candle } from './models/Candle.types';
 export type { ChartViewport } from './models/ChartViewport.types';
 export type { Point2D } from './models/Point.types';
-export type { BaseTrade, ClosedTrade, OpenTrade, TradeType } from './models/Trade.types';
+export type { BaseTrade, ClosedTrade, OpenTrade, TradeDirection } from './models/Trade.types';
 export type { VisibleRange } from './models/VisibleRange.types';
 export { TradingReload } from './react/TradingReload';
 export type { TradingReloadHandle, TradingReloadProps } from './react/TradingReload.types';

package/dist/models/Trade.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @example `"buy"`
  */
-export type TradeType = "buy" | "sell";
+export type TradeDirection = "buy" | "sell";
 /**
  * Shared trade fields used by open and closed trade records.
  *
@@ -54,7 +54,7 @@ export type BaseTrade = {
      *
      * @example `"buy"`
      */
-    type: TradeType;
+    type: TradeDirection;
     /** Trade open time in milliseconds UTC.
      *
      * @example `1716883200000`

package/dist/trading-reload-chart.js

@@ -2527,7 +2527,7 @@ var U = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID(
   }
   getPastTradeIndicatorRenderState(t) {
     if (!this.viewport) return null;
-    const e = this.getTimeX(t.startTime), i = this.getTimeX(t.closeTime);
+    const e = this.getTimeX(t.openTime), i = this.getTimeX(t.closeTime);
     if (e === null || i === null) return null;
     const r = this.getPriceY(t.openPrice, this.viewport), s = this.getPriceY(t.closePrice, this.viewport), n = c.pastTradeIndicators.arrow, a = n.width, o = n.height;
     return {
@@ -2535,7 +2535,7 @@ var U = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID(
       start: {
         x: e,
         y: r,
-        time: t.startTime,
+        time: t.openTime,
         price: t.openPrice
       },
       close: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pradeepjadhav/trading-reload-chart",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "A React canvas-based trading chart library with candles, volume, drawing tools, and trade overlays.",
 	"keywords": [
 		"trading",
@@ -71,4 +71,4 @@
 	"main": "./dist/trading-reload-chart.js",
 	"module": "./dist/trading-reload-chart.js",
 	"types": "./dist/index.d.ts"
-}
+}