@forgecharts/sdk 1.5.47 → 1.5.49

package/dist/internal.js

@@ -1,7 +1,7 @@
 import { TextStyle, Application, Container, Graphics, Text, FillGradient, CanvasTextMetrics } from 'pixi.js';
 import { forwardRef, useRef, useState, useEffect, useImperativeHandle, useCallback, createContext, useMemo, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import ReactDOM from 'react-dom';
+import ReactDOM, { createPortal } from 'react-dom';
 
 // ../shared/src/time/timeframeRegistry.ts
 function isCalendarTimeframe(key) {
@@ -10353,6 +10353,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);
 }
@@ -10388,7 +10389,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;
@@ -10463,9 +10465,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 }) => {
@@ -10479,8 +10479,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) {
@@ -21292,60 +21291,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}" },
@@ -25523,7 +25526,7 @@ var demonstrationTool = {
 };
 
 // src/version.ts
-var FORGECHARTS_VERSION = "1.5.47" ;
+var FORGECHARTS_VERSION = "1.5.49" ;
 
 // src/compatibility.ts
 var MIN_KIT_API = 1;