@forgecharts/sdk 1.5.47 → 1.5.49

package/dist/react/canvas/ChartContextMenu.d.ts

@@ -1,9 +1,3 @@
-/**
- * ChartContextMenu — right-click context menu for the chart canvas.
- *
- * Placed at fixed (x, y) on screen. Clicking outside dismisses it via the
- * transparent backdrop. The parent is responsible for calling onClose.
- */
 type Props = {
     x: number;
     y: number;
@@ -13,6 +7,6 @@ type Props = {
     onClearIndicators: () => void;
     onResetView: () => void;
 };
-export declare function ChartContextMenu({ x, y, onClose, onSettings, onClearDrawings, onClearIndicators, onResetView, }: Props): import("react").JSX.Element;
+export declare function ChartContextMenu({ x, y, onClose, onSettings, onClearDrawings, onClearIndicators, onResetView, }: Props): import("react").ReactPortal | null;
 export {};
 //# sourceMappingURL=ChartContextMenu.d.ts.map

package/dist/react/canvas/ChartContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartContextMenu.d.ts","sourceRoot":"","sources":["../../../src/react/canvas/ChartContextMenu.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,KAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,CAAC,EACD,CAAC,EACD,OAAO,EACP,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,GACZ,EAAE,KAAK,+BAkCP"}
+{"version":3,"file":"ChartContextMenu.d.ts","sourceRoot":"","sources":["../../../src/react/canvas/ChartContextMenu.tsx"],"names":[],"mappings":"AAiBA,KAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,CAAC,EACD,CAAC,EACD,OAAO,EACP,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,GACZ,EAAE,KAAK,sCAqCP"}

package/dist/react/index.js

@@ -1,7 +1,7 @@
 import React11, { forwardRef, useRef, useState, useEffect, useImperativeHandle, useCallback, createContext, useMemo, useContext, useReducer } from 'react';
 import { TextStyle, Application, Container, Graphics, Text, FillGradient, CanvasTextMetrics } from 'pixi.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import ReactDOM from 'react-dom';
+import ReactDOM, { createPortal } from 'react-dom';
 
 // src/react/canvas/ChartCanvas.tsx
 
@@ -10288,6 +10288,7 @@ function toOHLCV(bar) {
 function _historyWindow(tf) {
   return 500 * (parseTfSeconds(tf) ?? 3600);
 }
+var BATCH_SUPPRESSION_MS = 1e4;
 function _pageSize(tf) {
   return 500 * (parseTfSeconds(tf) ?? 3600);
 }
@@ -10323,7 +10324,8 @@ var DatafeedConnector = class {
    */
   _emptyPageStreak = 0;
   /**
-   * Safety timer: clears `batchPending` if bar_batch never arrives within 60 s.
+   * Safety timer: clears `batchPending` if bar_batch never arrives, so live
+   * ticks resume. It no longer gates the chart reveal.
    * Prevents the chart from staying blank when a provider doesn't fire onHistoricalReady.
    */
   _batchSafetyTimer = null;
@@ -10398,9 +10400,7 @@ var DatafeedConnector = class {
         loadedFired = true;
         this._cb.onLoaded(symbol, timeframe, engine.getBars().length);
       };
-      if (lastBarTime == null) {
-        fireLoaded();
-      }
+      fireLoaded();
       const prefetchTo = from;
       const prefetchFrom = from - _pageSize(timeframe);
       void this._datafeed.getHistoricalBars(symbol, timeframe, prefetchFrom, prefetchTo - 1).then(({ bars: prefetchedBars }) => {
@@ -10414,8 +10414,7 @@ var DatafeedConnector = class {
         this._batchSafetyTimer = setTimeout(() => {
           batchPending = false;
           this._batchSafetyTimer = null;
-          fireLoaded();
-        }, 6e4);
+        }, BATCH_SUPPRESSION_MS);
       }
       this._datafeed.subscribeBars(symbol, timeframe, (bar) => {
         if (this._activeUID === uid) {
@@ -18031,7 +18030,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.47" ;
+var FORGECHARTS_VERSION = "1.5.49" ;
 function applyRuntimeConfig(caps, config) {
   if (!config) return caps;
   const orderEntry = config.enableOrderEntry === false ? false : caps.orderEntry;
@@ -21005,60 +21004,64 @@ function ChartContextMenu({
   onClearIndicators,
   onResetView
 }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "chart-ctx-backdrop", onClick: onClose, onContextMenu: (e) => {
-      e.preventDefault();
-      onClose();
-    } }),
-    /* @__PURE__ */ jsxs("div", { className: "chart-ctx-menu", style: { left: x, top: y }, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item",
-          onClick: () => {
-            onSettings();
-            onClose();
-          },
-          children: "Settings\u2026"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item",
-          onClick: () => {
-            onResetView();
-            onClose();
-          },
-          children: "Reset Chart View"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item chart-ctx-item--danger",
-          onClick: () => {
-            onClearIndicators();
-            onClose();
-          },
-          children: "Clear Indicators"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item chart-ctx-item--danger",
-          onClick: () => {
-            onClearDrawings();
-            onClose();
-          },
-          children: "Clear Drawings"
-        }
-      )
-    ] })
-  ] });
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "chart-ctx-backdrop", onClick: onClose, onContextMenu: (e) => {
+        e.preventDefault();
+        onClose();
+      } }),
+      /* @__PURE__ */ jsxs("div", { className: "chart-ctx-menu", style: { left: x, top: y }, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item",
+            onClick: () => {
+              onSettings();
+              onClose();
+            },
+            children: "Settings\u2026"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item",
+            onClick: () => {
+              onResetView();
+              onClose();
+            },
+            children: "Reset Chart View"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item chart-ctx-item--danger",
+            onClick: () => {
+              onClearIndicators();
+              onClose();
+            },
+            children: "Clear Indicators"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item chart-ctx-item--danger",
+            onClick: () => {
+              onClearDrawings();
+              onClose();
+            },
+            children: "Clear Drawings"
+          }
+        )
+      ] })
+    ] }),
+    document.body
+  );
 }
 var SECTIONS = [
   { id: "symbol", label: "Symbol", icon: "\u{1D446}" },