@forgecharts/sdk 1.5.69 → 1.5.71

package/dist/internal.js

@@ -100,6 +100,36 @@ function isGLBXDailyBreak(nowMs = Date.now()) {
   return weekday === "Mon" || weekday === "Tue" || weekday === "Wed" || weekday === "Thu";
 }
 
+// src/core/cursorTime.ts
+function cursorBucketTime(bars, transform, interval, x) {
+  const raw = transform.xToTime(x);
+  const tfSec = parseTfSeconds(interval) ?? 0;
+  const floored = tfSec > 0 ? Math.floor(raw / tfSec) * tfSec : raw;
+  if (!bars || bars.length === 0) return floored;
+  let lo = 0, hi = bars.length - 1;
+  while (lo < hi) {
+    const mid = lo + hi >>> 1;
+    if (bars[mid].time < raw) lo = mid + 1;
+    else hi = mid;
+  }
+  let nearest = lo;
+  let best = Math.abs(transform.timeToX(bars[lo].time) - x);
+  for (const i of [lo - 1, lo + 1]) {
+    if (i < 0 || i >= bars.length) continue;
+    const d = Math.abs(transform.timeToX(bars[i].time) - x);
+    if (d < best) {
+      best = d;
+      nearest = i;
+    }
+  }
+  const first = bars[0].time;
+  const last = bars[bars.length - 1].time;
+  const halfCol = bars.length > 1 ? Math.abs(transform.timeToX(bars[1].time) - transform.timeToX(first)) / 2 : Infinity;
+  const edgeX = raw > last ? transform.timeToX(last) : raw < first ? transform.timeToX(first) : null;
+  if (edgeX !== null && Math.abs(x - edgeX) > halfCol) return floored;
+  return bars[nearest].time;
+}
+
 // src/core/CanvasLayer.ts
 var CanvasLayer = class {
   canvas;
@@ -4792,10 +4822,7 @@ var Chart = class {
         onCrosshairMove: (x, y) => {
           if (!this._crosshairEnabled) return;
           if (this._magnetMode === "off") {
-            const tfSec = _tfToSeconds(this._interval);
-            const rawTime = this._transform.xToTime(x);
-            const flooredTime = Math.floor(rawTime / tfSec) * tfSec;
-            this._crosshair.update(x, y, flooredTime);
+            this._crosshair.update(x, y, this._cursorBucketTime(x));
           } else {
             const snap = this.snapXToBar(x);
             const sy = this._magnetMode === "snap-xy" ? snap.closeY ?? y : y;
@@ -4836,7 +4863,8 @@ var Chart = class {
         },
         onDrawPointerMove: (x, y) => {
           this._drawingCursorPt = {
-            time: this._transform.xToTime(x),
+            // Bucket time, not raw: the label and the stored anchor agree.
+            time: this._cursorBucketTime(x),
             price: this._transform.yToPrice(y)
           };
           this._dirty = true;
@@ -5109,9 +5137,19 @@ var Chart = class {
         closeY: this._transform.priceToY(bar.close)
       };
     }
-    const tfSec = _tfToSeconds(this._interval);
-    const rawTime = this._transform.xToTime(x);
-    return { x, time: Math.floor(rawTime / tfSec) * tfSec };
+    return { x, time: this._cursorBucketTime(x) };
+  }
+  /** Bucket time for a cursor x — see core/cursorTime.ts for the rule. */
+  _cursorBucketTime(x) {
+    let bars = null;
+    for (const s of this._series) {
+      const data = s.data();
+      if (data.length > 0) {
+        bars = data;
+        break;
+      }
+    }
+    return cursorBucketTime(bars, this._transform, this._interval, x);
   }
   _computeViewport() {
     return {
@@ -5588,7 +5626,7 @@ var Chart = class {
     const MAGNET_PX = 15;
     const t = this._transform;
     const price = t.yToPrice(y);
-    const time = t.xToTime(x);
+    const time = this._cursorBucketTime(x);
     if (this._magnetMode === "off") return { time, price };
     let bestBar = null;
     let bestDist = SNAP_PX;
@@ -6297,7 +6335,16 @@ var PixiCrosshairRenderer = class {
   interval = "1h";
   /** IANA timezone for the time label. Falls back to UTC. */
   timezone = "UTC";
-  update(x, y) {
+  /**
+   * The time the chart computed for this cursor position — nearest bar, else
+   * floored to the timeframe grid. This renderer must never derive its own:
+   * it once did (raw xToTime), and every pointer style's time label showed
+   * interpolated minute noise (10:02 on an hourly chart) on any timeframe
+   * wider than the interpolation error.
+   */
+  _snapTime = null;
+  update(x, y, snapTime) {
+    this._snapTime = snapTime ?? null;
     this._x = x;
     this._y = y;
   }
@@ -6339,7 +6386,7 @@ var PixiCrosshairRenderer = class {
     this._priceLabel.text = priceText;
     this._priceLabel.x = pw + 4;
     this._priceLabel.y = y - this._priceLabel.height / 2;
-    const time = transform.xToTime(x);
+    const time = this._snapTime ?? transform.xToTime(x);
     const timeText = this._formatTime(time);
     const tlw = DAILY_INTERVALS.has(this.interval) ? 120 : 170;
     const tlh = tsh - 4;
@@ -8736,11 +8783,11 @@ var PixiChart = class {
         onCrosshairMove: (x, y) => {
           if (!this._crosshairEnabled) return;
           if (this._magnetMode === "off") {
-            this._crosshairRenderer.update(x, y);
+            this._crosshairRenderer.update(x, y, this._cursorBucketTime(x));
           } else {
             const snap = this.snapXToBar(x);
             const sy = this._magnetMode === "snap-xy" ? snap.closeY ?? y : y;
-            this._crosshairRenderer.update(snap.x, sy);
+            this._crosshairRenderer.update(snap.x, sy, snap.time);
           }
           const ah = this._interaction.axisHover;
           if (ah !== this._lastAxisHover) {
@@ -8786,7 +8833,9 @@ var PixiChart = class {
         },
         onDrawPointerMove: (x, y) => {
           this._drawingCursorPt = {
-            time: this._transform.xToTime(x),
+            // Bucket time, not raw: what the crosshair label shows is what a
+            // drawing placed here will store.
+            time: this._cursorBucketTime(x),
             price: this._transform.yToPrice(y)
           };
           this._layers.dirty.mark(3 /* Drawing */);
@@ -9353,6 +9402,18 @@ var PixiChart = class {
   setNativeCursorHidden(hidden) {
     this._interaction.setHideCursor(hidden);
   }
+  /** Bucket time for a cursor x — see core/cursorTime.ts for the rule. */
+  _cursorBucketTime(x) {
+    let bars = null;
+    for (const s of this._series) {
+      const data = s.data();
+      if (data.length > 0) {
+        bars = data;
+        break;
+      }
+    }
+    return cursorBucketTime(bars, this._transform, this._interval, x);
+  }
   snapXToBar(x) {
     const SNAP_PX = 20;
     let bars = null;
@@ -9396,7 +9457,7 @@ var PixiChart = class {
         closeY: t.priceToY(bar.close)
       };
     }
-    return { x, time: t.xToTime(x) };
+    return { x, time: this._cursorBucketTime(x) };
   }
   setIndicatorsVisible(v) {
     this._indicatorsVisible = v;
@@ -23180,6 +23241,7 @@ var ChartCanvas = forwardRef(
     providerKey,
     initialActiveTool,
     onPointerToolChange,
+    initialPointerTool,
     initialMagnetMode,
     onMagnetModeChange,
     drawingFavorites: drawingFavoritesProp,
@@ -24316,6 +24378,12 @@ var ChartCanvas = forwardRef(
     const handleToolSelectRef = useRef(handleToolSelect);
     handleToolSelectRef.current = handleToolSelect;
     selectPointerToolRef.current = handleToolSelect;
+    const initialPointerAppliedRef = useRef(false);
+    useEffect(() => {
+      if (initialPointerAppliedRef.current || !initialPointerTool) return;
+      initialPointerAppliedRef.current = true;
+      selectPointerToolRef.current(initialPointerTool);
+    }, [initialPointerTool]);
     const handleMagnetModeChange = useCallback((mode) => {
       setMagnetMode(mode);
       chartRef.current?.setMagnetMode(mode);
@@ -25554,7 +25622,7 @@ var demonstrationTool = {
 };
 
 // src/version.ts
-var FORGECHARTS_VERSION = "1.5.69" ;
+var FORGECHARTS_VERSION = "1.5.71" ;
 
 // src/compatibility.ts
 var MIN_KIT_API = 1;