@forgecharts/sdk 1.5.34 → 1.5.36

package/dist/react/internal.js

@@ -5,6 +5,103 @@ import ReactDOM from 'react-dom';
 
 // src/react/canvas/ChartCanvas.tsx
 
+// ../shared/src/time/timeframeRegistry.ts
+function isCalendarTimeframe(key) {
+  return key === "1w" || key === "1M" || key === "3M" || key === "6M" || key === "12M";
+}
+function isTickTimeframe(key) {
+  return /^\d+t$/i.test(key);
+}
+
+// ../shared/src/time/timeUtils.ts
+var MONDAY_EPOCH_OFFSET_MS = 3456e5;
+var WEEK_MS = 6048e5;
+function timeframeToMs(tf) {
+  if (isCalendarTimeframe(tf)) return null;
+  if (isTickTimeframe(tf)) return null;
+  const secs = parseTfSeconds(tf);
+  return secs !== null ? secs * 1e3 : null;
+}
+function parseTfSeconds(tf) {
+  const m = /^(\d+)(s|m|h|d|w|M)$/.exec(tf);
+  if (!m) return null;
+  const n = parseInt(m[1], 10);
+  const unit = m[2];
+  const UNIT_SECONDS = {
+    s: 1,
+    m: 60,
+    h: 3600,
+    d: 86400,
+    w: 604800,
+    M: 2592e3
+  };
+  const unitSec = UNIT_SECONDS[unit];
+  return unitSec !== void 0 ? n * unitSec : null;
+}
+function getBucketStart(timeMs, timeframe) {
+  if (timeframe === "1w") return getWeekBucketStart(timeMs);
+  if (timeframe === "1M") return getMonthBucketStart(timeMs);
+  if (timeframe === "3M") return getQuarterBucketStart(timeMs);
+  if (timeframe === "6M") return getHalfYearBucketStart(timeMs);
+  if (timeframe === "12M") return getYearBucketStart(timeMs);
+  const secs = parseTfSeconds(timeframe);
+  if (secs && secs > 0) return Math.floor(timeMs / (secs * 1e3)) * (secs * 1e3);
+  return Math.floor(timeMs / 6e4) * 6e4;
+}
+function getWeekBucketStart(timeMs) {
+  return Math.floor((timeMs - MONDAY_EPOCH_OFFSET_MS) / WEEK_MS) * WEEK_MS + MONDAY_EPOCH_OFFSET_MS;
+}
+function getMonthBucketStart(timeMs) {
+  const d = new Date(timeMs);
+  return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1);
+}
+function getQuarterBucketStart(timeMs) {
+  const d = new Date(timeMs);
+  const quarterMonth = Math.floor(d.getUTCMonth() / 3) * 3;
+  return Date.UTC(d.getUTCFullYear(), quarterMonth, 1);
+}
+function getHalfYearBucketStart(timeMs) {
+  const d = new Date(timeMs);
+  const halfMonth = d.getUTCMonth() < 6 ? 0 : 6;
+  return Date.UTC(d.getUTCFullYear(), halfMonth, 1);
+}
+function getYearBucketStart(timeMs) {
+  return Date.UTC(new Date(timeMs).getUTCFullYear(), 0, 1);
+}
+
+// ../shared/src/marketHours.ts
+function isGLBXWeekend(nowMs = Date.now()) {
+  const d = new Date(nowMs);
+  const day = d.getUTCDay();
+  const hour = d.getUTCHours();
+  if (day === 6) return true;
+  if (day === 0 && hour < 22) return true;
+  if (day === 5 && hour >= 21) return true;
+  return false;
+}
+function centralParts(nowMs) {
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone: "America/Chicago",
+    weekday: "short",
+    hour: "2-digit",
+    minute: "2-digit",
+    // h23 rather than hour12:false — the latter yields '24' for midnight in
+    // some ICU builds, which would parse as an hour that never matches.
+    hourCycle: "h23"
+  }).formatToParts(new Date(nowMs));
+  const get = (t) => parts.find((p) => p.type === t)?.value ?? "";
+  return {
+    weekday: get("weekday"),
+    hour: parseInt(get("hour"), 10),
+    minute: parseInt(get("minute"), 10)
+  };
+}
+function isGLBXDailyBreak(nowMs = Date.now()) {
+  const { weekday, hour } = centralParts(nowMs);
+  if (hour !== 16) return false;
+  return weekday === "Mon" || weekday === "Tue" || weekday === "Wed" || weekday === "Thu";
+}
+
 // src/core/CanvasLayer.ts
 var CanvasLayer = class {
   canvas;
@@ -98,81 +195,6 @@ function computeTicks(min, max, targetCount) {
   return ticks;
 }
 
-// ../shared/src/time/timeframeRegistry.ts
-function isCalendarTimeframe(key) {
-  return key === "1w" || key === "1M" || key === "3M" || key === "6M" || key === "12M";
-}
-function isTickTimeframe(key) {
-  return /^\d+t$/i.test(key);
-}
-
-// ../shared/src/time/timeUtils.ts
-var MONDAY_EPOCH_OFFSET_MS = 3456e5;
-var WEEK_MS = 6048e5;
-function timeframeToMs(tf) {
-  if (isCalendarTimeframe(tf)) return null;
-  if (isTickTimeframe(tf)) return null;
-  const secs = parseTfSeconds(tf);
-  return secs !== null ? secs * 1e3 : null;
-}
-function parseTfSeconds(tf) {
-  const m = /^(\d+)(s|m|h|d|w|M)$/.exec(tf);
-  if (!m) return null;
-  const n = parseInt(m[1], 10);
-  const unit = m[2];
-  const UNIT_SECONDS = {
-    s: 1,
-    m: 60,
-    h: 3600,
-    d: 86400,
-    w: 604800,
-    M: 2592e3
-  };
-  const unitSec = UNIT_SECONDS[unit];
-  return unitSec !== void 0 ? n * unitSec : null;
-}
-function getBucketStart(timeMs, timeframe) {
-  if (timeframe === "1w") return getWeekBucketStart(timeMs);
-  if (timeframe === "1M") return getMonthBucketStart(timeMs);
-  if (timeframe === "3M") return getQuarterBucketStart(timeMs);
-  if (timeframe === "6M") return getHalfYearBucketStart(timeMs);
-  if (timeframe === "12M") return getYearBucketStart(timeMs);
-  const secs = parseTfSeconds(timeframe);
-  if (secs && secs > 0) return Math.floor(timeMs / (secs * 1e3)) * (secs * 1e3);
-  return Math.floor(timeMs / 6e4) * 6e4;
-}
-function getWeekBucketStart(timeMs) {
-  return Math.floor((timeMs - MONDAY_EPOCH_OFFSET_MS) / WEEK_MS) * WEEK_MS + MONDAY_EPOCH_OFFSET_MS;
-}
-function getMonthBucketStart(timeMs) {
-  const d = new Date(timeMs);
-  return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1);
-}
-function getQuarterBucketStart(timeMs) {
-  const d = new Date(timeMs);
-  const quarterMonth = Math.floor(d.getUTCMonth() / 3) * 3;
-  return Date.UTC(d.getUTCFullYear(), quarterMonth, 1);
-}
-function getHalfYearBucketStart(timeMs) {
-  const d = new Date(timeMs);
-  const halfMonth = d.getUTCMonth() < 6 ? 0 : 6;
-  return Date.UTC(d.getUTCFullYear(), halfMonth, 1);
-}
-function getYearBucketStart(timeMs) {
-  return Date.UTC(new Date(timeMs).getUTCFullYear(), 0, 1);
-}
-
-// ../shared/src/marketHours.ts
-function isGLBXWeekend(nowMs = Date.now()) {
-  const d = new Date(nowMs);
-  const day = d.getUTCDay();
-  const hour = d.getUTCHours();
-  if (day === 6) return true;
-  if (day === 0 && hour < 22) return true;
-  if (day === 5 && hour >= 21) return true;
-  return false;
-}
-
 // ../utils/src/time.ts
 function parseTimeframeSeconds(tf) {
   return parseTfSeconds(tf);
@@ -5137,7 +5159,7 @@ var Chart = class {
     const tfSecs = _tfToSeconds(this._interval);
     const now = Math.floor(exchangeNow() / 1e3);
     const remaining = tfSecs - now % tfSecs;
-    const showCd = this._options.showCountdown !== false;
+    const showCd = this._options.showCountdown !== false && !isGLBXDailyBreak(now * 1e3);
     const priceLabel = _formatLastPrice(price, this._options.pricePrecision);
     const lineH = 15;
     const boxH = showCd ? lineH * 2 + 1 : lineH;
@@ -7659,9 +7681,10 @@ var PixiLastPriceRenderer = class {
       cx += dashLen + gapLen;
     }
     this._lineGfx.stroke();
-    const showCd = this.showCountdown;
-    const tfSecs = tfToSeconds(interval);
     const now = Math.floor(exchangeNow() / 1e3);
+    const halted = isGLBXDailyBreak(now * 1e3);
+    const showCd = this.showCountdown && !halted;
+    const tfSecs = tfToSeconds(interval);
     const remaining = tfSecs - now % tfSecs;
     this._lastSec = now;
     const lineH = 15;
@@ -19928,7 +19951,7 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
             /* @__PURE__ */ jsx(
               MagnetTool,
               {
-                mode: magnetMode ?? "snap-xy",
+                mode: magnetMode ?? "snap-x",
                 ...onMagnetModeChange ? { onChange: onMagnetModeChange } : {}
               }
             ),
@@ -22959,7 +22982,7 @@ var ChartCanvas = forwardRef(
     const [indicators, setIndicators] = useState([]);
     const [totalHeight, setTotalHeight] = useState(600);
     const [activeTool, setActiveTool] = useState(initialActiveTool ?? "cursor");
-    const [magnetMode, setMagnetMode] = useState(initialMagnetMode ?? "snap-xy");
+    const [magnetMode, setMagnetMode] = useState(initialMagnetMode ?? "snap-x");
     const [drawingFavorites, setDrawingFavorites] = useState(drawingFavoritesProp ?? []);
     const [ctxMenu, setCtxMenu] = useState(null);
     const [chartCtxMenu, setChartCtxMenu] = useState(null);
@@ -23239,7 +23262,7 @@ var ChartCanvas = forwardRef(
       const initTool = initialActiveTool ?? "cursor";
       chart.setCrosshairEnabled(initTool === "crosshair");
       chart.setNativeCursorHidden(initTool !== "cursor");
-      chart.setMagnetMode(initialMagnetMode ?? "snap-xy");
+      chart.setMagnetMode(initialMagnetMode ?? "snap-x");
       syncChartState();
       return () => {
         chart.destroy();
@@ -24568,14 +24591,22 @@ function TabBar({ tabs, activeId, onSelect, onAdd, onClose, onRename, showAddTab
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   }, []);
+  const tabsKey = tabs.map((t) => t.id).join("|");
   useEffect(() => {
     updateArrows();
     const el = scrollRef.current;
     if (!el) return;
-    const ro = new ResizeObserver(updateArrows);
+    let frame = 0;
+    const ro = new ResizeObserver(() => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(updateArrows);
+    });
     ro.observe(el);
-    return () => ro.disconnect();
-  }, [tabs, updateArrows]);
+    return () => {
+      cancelAnimationFrame(frame);
+      ro.disconnect();
+    };
+  }, [tabsKey, updateArrows]);
   useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -26776,7 +26807,7 @@ function _guessFrontMonth(product, months) {
 }
 
 // src/version.ts
-var FORGECHARTS_VERSION = "1.5.34" ;
+var FORGECHARTS_VERSION = "1.5.36" ;
 var TIMEZONE_OPTIONS = [
   { label: "UTC", value: "UTC" },
   { label: "Exchange", value: "exchange" },
@@ -34629,7 +34660,7 @@ var DEFAULT_WORKSPACE = {
   rollRule: "v",
   theme: "dark",
   activeTool: "cursor",
-  magnetMode: "snap-xy",
+  magnetMode: "snap-x",
   canvasSettings: {
     background: "#000000",
     gridColor: "#ffffff",
@@ -34682,7 +34713,7 @@ function workspaceFromPrefs(raw) {
     rollRule: p["rollRule"] === "c" || p["rollRule"] === "n" ? p["rollRule"] : "v",
     theme: p["theme"] === "light" ? "light" : "dark",
     activeTool: ["cursor", "crosshair", "dot", "demonstration"].includes(p["activeTool"]) ? p["activeTool"] : "cursor",
-    magnetMode: ["off", "snap-x", "snap-xy"].includes(p["magnetMode"]) ? p["magnetMode"] : "snap-xy",
+    magnetMode: ["off", "snap-x", "snap-xy"].includes(p["magnetMode"]) ? p["magnetMode"] : "snap-x",
     canvasSettings: _parseCanvasSettings(p["canvasSettings"])
   };
 }