@pipsend/charts 1.2.0 → 1.2.2

package/dist/typings.d.ts

@@ -162,7 +162,7 @@ export declare class CircleTool extends DrawingToolBase {
 	remove(): void;
 }
 /**
- * Draggable Price Line - Línea de precio que se puede arrastrar con el mouse
+ * Draggable Price Line - Línea de precio que se puede arrastrar y/o hacer click
  */
 export declare class DraggablePriceLine {
 	private _chart;
@@ -174,9 +174,15 @@ export declare class DraggablePriceLine {
 	private _unsubscribeHandlers;
 	private _isHovering;
 	private _originalColor;
+	private _mouseDownPos;
+	private _mouseDownOnLine;
 	constructor(chart: IChartApi, series: ISeriesApi<SeriesType>, options: DraggablePriceLineOptions);
+	/**
+	 * Resolve the effective title: formatTitle(price) wins over the static title.
+	 */
+	private _resolveTitle;
 	private _createPriceLine;
-	private _setupDragHandlers;
+	private _setupInteractionHandlers;
 	private _getPriceFromY;
 	/**
 	 * Verifica si el mouse está EN la línea (no cerca, sino exactamente sobre ella)
@@ -195,15 +201,21 @@ export declare class DraggablePriceLine {
 	private _setHoverState;
 	private _updatePrice;
 	/**
-	 * Update the price line options
+	 * Update the price line options. Any subset of options can be passed.
+	 * Title is recomputed from `formatTitle` if available, otherwise from `title`.
 	 */
 	applyOptions(options: Partial<DraggablePriceLineOptions>): void;
+	/**
+	 * Set the title directly. Use this for updates that don't depend on the
+	 * line's price (e.g. live PnL on a fixed entry line). Bypasses formatTitle.
+	 */
+	setTitle(text: string): void;
 	/**
 	 * Get current price
 	 */
 	getPrice(): number;
 	/**
-	 * Set price programmatically
+	 * Set price programmatically. Triggers formatTitle if configured.
 	 */
 	setPrice(price: number): void;
 	/**
@@ -2477,6 +2489,23 @@ export interface DraggablePriceLineOptions {
 	onDragStart?: (price: number) => void;
 	onDragMove?: (price: number) => void;
 	onDragEnd?: (price: number) => void;
+	/**
+	 * Fires when the user clicks the line without dragging it.
+	 * Triggered on mouseup if the mouse moved less than CLICK_TOLERANCE_PX
+	 * from the initial mousedown position. Works regardless of `draggable`.
+	 */
+	onClick?: (price: number) => void;
+	/**
+	 * If provided, the line's title is computed from the current price using
+	 * this formatter. Invoked automatically:
+	 *   - At construction (initial title).
+	 *   - On every internal price change (drag move, programmatic `setPrice`).
+	 * Use this for live PnL previews on draggable SL/TP lines.
+	 *
+	 * For title updates that are independent of price (e.g. ticking PnL on a
+	 * fixed entry line), use `setTitle(text)` instead.
+	 */
+	formatTitle?: (price: number) => string;
 }
 /**
  * Context passed to drawing tools
@@ -5957,6 +5986,13 @@ export interface TradingLineOptions {
 	onDragStart?: (price: number) => void;
 	onDragMove?: (price: number) => void;
 	onDragEnd?: (price: number) => void;
+	/** Fires on a click that didn't drag (works for non-draggable lines too). */
+	onClick?: (price: number) => void;
+	/**
+	 * Dynamic title computed from the line's current price. Overrides `title`
+	 * during drag and on `setPrice()` calls. See `DraggablePriceLineOptions.formatTitle`.
+	 */
+	formatTitle?: (price: number) => string;
 }
 /**
  * Representa una posición de trading con punto de entrada y salida opcional

package/package.json

@@ -1,5 +1,6 @@
 {
-  "version": "1.2.0",
+  "private": false,
+  "version": "1.2.2",
   "name": "@pipsend/charts",
   "author": "Pipsend",
   "license": "SEE LICENSE IN LICENSE",
@@ -53,7 +54,88 @@
     "bollinger-bands",
     "financial-analysis"
   ],
+  "engines": {
+    "node": ">=22.3"
+  },
   "dependencies": {
     "fancy-canvas": "2.1.0"
+  },
+  "devDependencies": {
+    "@juggle/resize-observer": "3.4.0",
+    "@rollup/plugin-node-resolve": "16.0.1",
+    "@rollup/plugin-replace": "6.0.2",
+    "@rollup/plugin-terser": "0.4.4",
+    "@size-limit/file": "11.2.0",
+    "@size-limit/webpack": "11.2.0",
+    "@types/chai": "5.2.1",
+    "@types/express": "5.0.1",
+    "@types/glob": "8.1.0",
+    "@types/node": "22",
+    "@types/pixelmatch": "5.2.6",
+    "@types/pngjs": "6.0.5",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/eslint-plugin-tslint": "7.0.2",
+    "@typescript-eslint/parser": "7.18.0",
+    "ajv": "7.2.4",
+    "bytes": "3.1.2",
+    "chai": "5.2.0",
+    "chai-exclude": "3.0.1",
+    "cross-env": "7.0.3",
+    "dts-bundle-generator": "9.5.1",
+    "eslint": "8",
+    "eslint-formatter-unix": "8.40.0",
+    "eslint-plugin-deprecation": "3.0.0",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-unicorn": "56.0.1",
+    "esno": "4.8.0",
+    "glob": "11.0.1",
+    "markdown-it": "14.1.0",
+    "markdown-it-anchor": "9.2.0",
+    "markdownlint-cli": "0.44.0",
+    "npm-run-all": "4.1.5",
+    "rimraf": "6.0.1",
+    "rollup": "4.40.0",
+    "size-limit": "11.2.0",
+    "ts-node": "10.9.2",
+    "ts-patch": "3.3.0",
+    "ts-transformer-properties-rename": "0.17.0",
+    "ts-transformer-strip-const-enums": "2.0.0",
+    "tslib": "2.8.1",
+    "tslint": "6.1.3",
+    "tslint-eslint-rules": "5.4.0",
+    "tslint-microsoft-contrib": "6.2.0",
+    "tsx": "4.19.3",
+    "typescript": "5.5.4",
+    "yargs": "17.7.2"
+  },
+  "scripts": {
+    "prepare": "node scripts/githooks/install.js || true",
+    "clean": "rimraf lib/ dist/",
+    "bundle-dts": "dts-bundle-generator --config dts-config.json",
+    "tsc": "tspc -p tsconfig.prod.json",
+    "tsc-watch": "npm run tsc -- --watch --preserveWatchOutput",
+    "tsc-verify": "node -e \"const fs=require('fs');const p='website/scripts/generate-versions-dts.js'; if(fs.existsSync(p)){require('child_process').execSync('node '+p,{stdio:'inherit'});} else {console.warn('[tsc-verify] skip: '+p+' not found');}\" && tsc -b tsconfig.composite.json",
+    "lint": "npm-run-all -p lint:**",
+    "lint:eslint": "eslint --format=unix ./",
+    "lint:md": "markdownlint -i \"**/node_modules/**\" -i \"**/website/docs/api/**\" -i \"**/website/versioned_docs/**/api/**\" -i \"**/*.mdx\" \"**/*.md\"",
+    "check-dts-docs": "npm-run-all -p check-dts-docs-duplicates check-dts-docs-eslint",
+    "check-dts-docs-duplicates": "node ./scripts/check-typings-for-duplicates.js ./dist/typings.d.ts",
+    "check-dts-docs-eslint": "eslint --format=unix ./dist/typings.d.ts --no-ignore",
+    "check-markdown-links": "node scripts/check-markdown-links.js",
+    "rollup": "rollup -c rollup.config.js",
+    "rollup-watch": "npm run rollup -- --watch",
+    "build": "npm-run-all tsc rollup bundle-dts",
+    "build:watch": "npm-run-all tsc -p tsc-watch rollup-watch",
+    "build:prod": "cross-env NODE_ENV=production npm run build",
+    "build:release": "cross-env BUILD_TAG=release npm run build:prod",
+    "prepare-release": "npm-run-all clean build:release && npm run prepare-package-json-for-release",
+    "prepare-package-json-for-release": "node ./scripts/clean-package-json.js",
+    "size-limit": "size-limit",
+    "verify": "npm-run-all clean -p build:prod check-markdown-links -p lint check-dts-docs tsc-verify test size-limit -p type-tests",
+    "test": "esno --import ./tests/unittests/setup.units.mjs --test './tests/unittests/**/*.spec.ts'",
+    "type-tests": "tsc -b ./src/tsconfig.composite.json && tsc -p ./tests/type-checks/tsconfig.composite.json --noEmit",
+    "e2e:coverage": "esno ./tests/e2e/coverage/runner.ts ./dist/pipsend-charts.standalone.development.js",
+    "e2e:interactions": "esno ./tests/e2e/interactions/runner.ts ./dist/pipsend-charts.standalone.development.js",
+    "e2e:memleaks": "esno ./tests/e2e/memleaks/runner.ts ./dist/pipsend-charts.standalone.development.js"
   }
 }