@pipsend/charts 0.0.13 → 1.0.0

package/README.md

@@ -6,9 +6,9 @@
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.5-blue?style=flat-square&logo=typescript)](https://www.typescriptlang.org/)
 [![Bundle Size](https://img.shields.io/bundlephobia/minzip/@pipsend/charts?style=flat-square)](https://bundlephobia.com/package/@pipsend/charts)
 
-**Professional Financial Charting Library with 10+ Technical Indicators & Interactive Trading Tools**
+**Professional Financial Charting Library with 12 Technical Indicators & 14 Interactive Drawing Tools**
 
-Simple • Powerful • Framework-Agnostic • TypeScript
+Simple • Powerful • Framework-Agnostic • TypeScript • Production-Ready
 
 ---
 
@@ -39,13 +39,15 @@ Simple • Powerful • Framework-Agnostic • TypeScript
 
 **Pipsend Charts** is a high-performance financial charting library designed for professional trading applications. Built on TradingView's Lightweight Charts™, enhanced with:
 
-✅ **10 Technical Indicators** - SMA, EMA, WMA, RSI, MACD, Stochastic, Bollinger Bands, ATR, Volume, OBV  
-✅ **Interactive Trading Lines** - Draggable Stop Loss & Take Profit with click-to-create  
-✅ **Functional API** - One function call per indicator, auto-updating  
+✅ **12 Technical Indicators** - SMA, EMA, WMA, Bollinger Bands, RSI, MACD, Stochastic, ATR, Volume, OBV, Trading Sessions, Volume Profile  
+✅ **14 Interactive Drawing Tools** - Position, Ruler, Fibonacci (3 types), Lines (4 types), Shapes (3 types), Annotations (3 types)  
+✅ **Full Visual Rendering** - All tools render on canvas with drag & drop support  
+✅ **Functional API** - One function call per indicator/tool, auto-updating  
 ✅ **Framework Agnostic** - Works with React, Vue, Angular, Svelte, or vanilla JS  
 ✅ **Lightweight** - ~49KB gzipped, minimal dependencies  
 ✅ **TypeScript Native** - Full type safety and autocomplete  
 ✅ **High Performance** - 60 FPS on thousands of data points  
+✅ **Production Ready** - Battle-tested with comprehensive documentation  
 
 ---
 
@@ -340,6 +342,190 @@ applyOBV(series, chart, {
 });
 ```
 
+#### 11. Forex Trading Sessions
+```javascript
+import { createTradingSessionsIndicator, DEFAULT_SESSIONS } from '@pipsend/charts';
+
+const sessions = createTradingSessionsIndicator(chart, series, {
+    sessions: DEFAULT_SESSIONS,
+    showOverlaps: true,
+    enabled: true
+});
+```
+
+#### 12. Volume Profile
+```javascript
+import { createVolumeProfileIndicator, setVolumeProfileData } from '@pipsend/charts';
+
+const volumeProfile = createVolumeProfileIndicator(chart, series, {
+    numberOfBins: 24,
+    valueAreaPercentage: 0.7,
+    showPOC: true,
+    showValueArea: true
+});
+
+setVolumeProfileData(volumeProfile, chartData);
+```
+
+---
+
+## 🎨 Interactive Drawing Tools (14 Total)
+
+### Trading Analysis Tools
+
+#### 1. Position Tool
+Mark trading positions with entry, stop loss, and take profit levels.
+```javascript
+import { createPositionTool } from '@pipsend/charts';
+
+const position = createPositionTool({ chart, series }, {
+    entryPrice: 1.1000,
+    stopLoss: 1.0950,
+    takeProfit: 1.1100,
+    symbol: 'EURUSD'
+});
+```
+
+#### 2. Ruler Tool
+Measure distance, percentage change, and time between two points.
+```javascript
+import { createRulerTool } from '@pipsend/charts';
+
+const ruler = createRulerTool({ chart, series }, {
+    interactive: true,
+    symbol: 'EURUSD'
+});
+```
+
+### Fibonacci Tools
+
+#### 3. Fibonacci Retracement
+```javascript
+import { createFibonacciTool } from '@pipsend/charts';
+
+const fib = createFibonacciTool({ chart, series }, {
+    point1: { time: startTime, price: lowPrice },
+    point2: { time: endTime, price: highPrice }
+});
+```
+
+#### 4. Fibonacci Extension
+```javascript
+import { createFibonacciExtensionTool } from '@pipsend/charts';
+
+const fibExt = createFibonacciExtensionTool({ chart, series }, {
+    interactive: true
+});
+```
+
+#### 5. Fibonacci Fan
+```javascript
+import { createFibonacciFanTool } from '@pipsend/charts';
+
+const fibFan = createFibonacciFanTool({ chart, series }, {
+    interactive: true
+});
+```
+
+### Line Tools
+
+#### 6. Trend Line
+```javascript
+import { createTrendLineTool } from '@pipsend/charts';
+
+const trendLine = createTrendLineTool({ chart, series }, {
+    interactive: true,
+    extendRight: true
+});
+```
+
+#### 7. Horizontal Line
+```javascript
+import { createHorizontalLineTool } from '@pipsend/charts';
+
+const hLine = createHorizontalLineTool({ chart, series }, {
+    price: 1.1050,
+    labelText: 'Resistance'
+});
+```
+
+#### 8. Vertical Line
+```javascript
+import { createVerticalLineTool } from '@pipsend/charts';
+
+const vLine = createVerticalLineTool({ chart, series }, {
+    time: eventTime,
+    labelText: 'News Event'
+});
+```
+
+#### 9. Arrow Tool
+```javascript
+import { createArrowTool } from '@pipsend/charts';
+
+const arrow = createArrowTool({ chart, series }, {
+    interactive: true,
+    showArrowHead: true
+});
+```
+
+### Shape Tools
+
+#### 10. Rectangle Tool
+```javascript
+import { createRectangleTool } from '@pipsend/charts';
+
+const rectangle = createRectangleTool({ chart, series }, {
+    interactive: true,
+    labelText: 'Order Block'
+});
+```
+
+#### 11. Circle/Ellipse Tool
+```javascript
+import { createCircleTool } from '@pipsend/charts';
+
+const circle = createCircleTool({ chart, series }, {
+    interactive: true
+});
+```
+
+#### 12. Gantt/Timeline Tool
+```javascript
+import { createGanttTool } from '@pipsend/charts';
+
+const gantt = createGanttTool({ chart, series }, {
+    segments: [/* timeline segments */]
+});
+```
+
+### Annotation Tools
+
+#### 13. Brush Tool
+```javascript
+import { createBrushTool } from '@pipsend/charts';
+
+const brush = createBrushTool({ chart, series }, {
+    color: '#2962FF',
+    smoothing: true
+});
+```
+
+#### 14. Text/Annotations Tool
+```javascript
+import { createTextTool } from '@pipsend/charts';
+
+const text = createTextTool({ chart, series }, {
+    text: 'Important Level',
+    time: annotationTime,
+    price: annotationPrice
+});
+```
+
+**📚 Full Documentation:**
+- [Complete Indicators Guide](./docs/INDICATORS.md)
+- [Complete Drawing Tools Guide](./docs/DRAWING_TOOLS.md)
+
 ---
 
 ## 🎯 Interactive Trading Lines API