@adrienhobbs/candlekit 0.2.1 → 0.2.2

package/dist/index.js

@@ -327,6 +327,8 @@ function ChartComponent({
   const mouseDownPosRef = useRef(null);
   const heightRef = useRef(height);
   heightRef.current = height;
+  const lineEditEnabledRef = useRef(false);
+  lineEditEnabledRef.current = Boolean(onAddLine || onClearAllLines);
   useEffect(() => {
     if (!chartContainerRef.current) return;
     chartContainerRef.current.style.position = "relative";
@@ -416,6 +418,7 @@ function ChartComponent({
     const resizeObserver = new ResizeObserver(handleResize);
     resizeObserver.observe(chartContainerRef.current);
     const handleContextMenu = (e) => {
+      if (!lineEditEnabledRef.current) return;
       e.preventDefault();
       e.stopPropagation();
       if (!candlestickSeriesRef.current) {
@@ -527,16 +530,37 @@ function ChartComponent({
     if (!chartRef.current || !focusTradeId) return;
     const trade = trades.find((t) => t.id === focusTradeId);
     if (!trade) return;
-    const entrySec = trade.entryTime / 1e3;
-    const exitSec = trade.exitTime / 1e3;
-    const sorted = [...bars].sort((a, b) => a.timestamp - b.timestamp);
-    const stepSec = sorted.length > 1 ? (sorted[sorted.length - 1].timestamp - sorted[0].timestamp) / 1e3 / (sorted.length - 1) : 300;
-    const pad = Math.max(exitSec - entrySec, stepSec * 12);
+    const seen = /* @__PURE__ */ new Set();
+    const series = [];
+    for (const b of [...bars].sort((a, b2) => a.timestamp - b2.timestamp)) {
+      if (seen.has(b.timestamp)) continue;
+      seen.add(b.timestamp);
+      series.push(b.timestamp);
+    }
+    if (series.length === 0) return;
+    const nearestIdx = (ms) => {
+      let lo = 0;
+      let hi = series.length - 1;
+      let idx = series.length - 1;
+      while (lo <= hi) {
+        const mid = lo + hi >> 1;
+        if (series[mid] >= ms) {
+          idx = mid;
+          hi = mid - 1;
+        } else {
+          lo = mid + 1;
+        }
+      }
+      return idx;
+    };
+    const entryIdx = nearestIdx(trade.entryTime);
+    const exitIdx = Math.max(entryIdx, nearestIdx(trade.exitTime));
+    const PAD = 15;
     const raf = requestAnimationFrame(() => {
       try {
-        chartRef.current?.timeScale().setVisibleRange({
-          from: entrySec - pad,
-          to: exitSec + pad
+        chartRef.current?.timeScale().setVisibleLogicalRange({
+          from: entryIdx - PAD,
+          to: exitIdx + PAD
         });
       } catch {
       }
@@ -878,7 +902,7 @@ function ChartComponent({
         }
       )
     ] }),
-    chartContainerRef.current && lines.map((line) => {
+    onDeleteLine && chartContainerRef.current && lines.map((line) => {
       const pos = linePositions.get(line.id);
       if (!pos) return null;
       return createPortal(