Quick Start

// Implementation in src/lib/charting/view/ChartView.tsx
onMouseMove(e) {
  if (isDragging) {
    // Move chart horizontally
    xc.moveChart(deltaMouse.dx);
  }
}

// Zoom with Shift + Mouse Wheel
onWheel(e) {
  if (e.shiftKey) {
    // Zoom in/out
    xc.zoom(e.deltaY);
  } else {
    // Move chart
    xc.move(e.deltaY);
  }
}

import { PineTS } from 'pinets';

// Example: Simple Moving Average
const scriptCode = `
//@version=5
indicator("My SMA", overlay=true)
length = input.int(20, "Length")
sma_value = ta.sma(close, length)
plot(sma_value, color=color.blue, linewidth=2)
`;

// Compile and execute
const indicator = await PineTS.compile(scriptCode);
const outputs = await indicator.execute({
  open: openArray,
  high: highArray,
  low: lowArray,
  close: closeArray,
  volume: volumeArray
});

import { Source } from './lib/domain/DataFecther';

export const source = Source.binance;  // or Source.yfinance

import { fetchData, Source } from './lib/domain/DataFecther';

await fetchData(
  Source.binance,
  baseSer,
  'BTCUSDT',
  tframe,
  'UTC'
);

await fetchData(
  Source.yfinance,
  baseSer,
  'AAPL',
  tframe,
  'America/New_York'
);

// klines.json
[
  {
    "Date": "2024-01-01T00:00:00Z",
    "Open": 42000,
    "High": 42500,
    "Low": 41800,
    "Close": 42300,
    "Volume": 1234.56
  }
]

// Implementation in src/lib/charting/pane/Screenshot.tsx
import html2canvas from 'html2canvas';

const captureScreenshot = async () => {
  const canvas = await html2canvas(chartElement);
  const dataUrl = canvas.toDataURL('image/png');
  downloadImage(dataUrl, 'vibetrader-chart.png');
};

export const Colors = {
  positive: '#26a69a',  // Green for bullish candles
  negative: '#ef5350',  // Red for bearish candles
  grid: '#e0e0e0',      // Grid lines
  // ... more colors
};

<ChartView
  name="Main Chart"
  width={1200}
  height={600}
  xc={xControl}
  tvar={klineVar}
  updateEvent={updateEvent}
/>

const tframe = TFrame.fromShortName('1h');  // Default to 1 hour

// Check network connectivity
// Verify API endpoints are accessible
// Try switching data sources in src/Env.ts
export const source = Source.yfinance;  // Try alternative source