@forgecharts/sdk 1.5.69 → 1.5.71

package/dist/react/internal.js

@@ -3,7 +3,32 @@ import { TextStyle, Application, Container, Graphics, Text, FillGradient, Canvas
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import ReactDOM, { createPortal } from 'react-dom';
 
-// src/react/canvas/ChartCanvas.tsx
+// src/react/persistence/kitPreferencesApi.ts
+function createKitPreferencesApi(cfg) {
+  const base = cfg.apiUrl.replace(/\/$/, "");
+  const authed = async () => {
+    const token = await cfg.getAuthToken();
+    return {
+      "Content-Type": "application/json",
+      ...token ? { Authorization: `Bearer ${token}` } : {}
+    };
+  };
+  return {
+    async get() {
+      const res = await fetch(`${base}/api/preferences`, { headers: await authed() });
+      if (!res.ok) throw new Error(`preferences load failed (${res.status})`);
+      return await res.json();
+    },
+    async put(data) {
+      const res = await fetch(`${base}/api/preferences`, {
+        method: "PUT",
+        headers: await authed(),
+        body: JSON.stringify(data)
+      });
+      if (!res.ok) throw new Error(`preferences save failed (${res.status})`);
+    }
+  };
+}
 
 // ../shared/src/time/timeframeRegistry.ts
 function isCalendarTimeframe(key) {
@@ -102,6 +127,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;
@@ -4740,10 +4795,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;
@@ -4784,7 +4836,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;
@@ -5057,9 +5110,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 {
@@ -5536,7 +5599,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;
@@ -6235,7 +6298,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;
   }
@@ -6277,7 +6349,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;
@@ -8674,11 +8746,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) {
@@ -8724,7 +8796,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 */);
@@ -9291,6 +9365,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;
@@ -9334,7 +9420,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;
@@ -18281,7 +18367,7 @@ var DEMONSTRATION_STROKE = "rgba(255, 200, 50, 0.7)";
 var DEMONSTRATION_COLOR = "var(--crosshair-overlay, rgba(255,255,255,0.75))";
 
 // src/version.ts
-var FORGECHARTS_VERSION = "1.5.69" ;
+var FORGECHARTS_VERSION = "1.5.71" ;
 function applyRuntimeConfig(caps, config) {
   if (!config) return caps;
   const orderEntry = config.enableOrderEntry === false ? false : caps.orderEntry;
@@ -23116,6 +23202,7 @@ var ChartCanvas = forwardRef(
     providerKey,
     initialActiveTool,
     onPointerToolChange,
+    initialPointerTool,
     initialMagnetMode,
     onMagnetModeChange,
     drawingFavorites: drawingFavoritesProp,
@@ -24252,6 +24339,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);
@@ -37836,6 +37929,6 @@ function IndicatorPane({
   ] });
 }
 
-export { AgentFAB, AgentProvider, AssistantPanel, BottomToolbar, ChartCanvas, ChartContextMenu, ChartSettingsDialog, ChartWorkspace, CommandDispatcher, DEFAULT_FAVORITES, FloatingPanel, IndicatorLabel, IndicatorPane, IndicatorsDialog, LayoutMenu, LeftToolbar, LicenseRequiredOverlay, ManagedAppShell, MultiPaneChart, OrderTicket, PointerOverlay, RightToolbar, SymbolSearchDialog, TabBar, TopToolbar, VoiceInput, createTradingBridgeLogger, useAgent, useChartCapabilities, useHostLicense, useLicenseDataBlocked, useUserPackage };
+export { AgentFAB, AgentProvider, AssistantPanel, BottomToolbar, ChartCanvas, ChartContextMenu, ChartSettingsDialog, ChartWorkspace, CommandDispatcher, DEFAULT_FAVORITES, FloatingPanel, IndicatorLabel, IndicatorPane, IndicatorsDialog, LayoutMenu, LeftToolbar, LicenseRequiredOverlay, ManagedAppShell, MultiPaneChart, OrderTicket, PointerOverlay, RightToolbar, SymbolSearchDialog, TabBar, TopToolbar, VoiceInput, createKitPreferencesApi, createTradingBridgeLogger, useAgent, useChartCapabilities, useHostLicense, useLicenseDataBlocked, useUserPackage };
 //# sourceMappingURL=internal.js.map
 //# sourceMappingURL=internal.js.map