4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 4f:Te89,/** * Largest-Triangle-Three-Buckets downsampling for time-series SVG paths. * Keeps first/last points and picks visually significant points per bucket. */ export function decimateTimeSeries>( data: T[], maxPoints: number, valueKeys: string[] = [] ): T[] { const len = data.length; if (maxPoints >= len || maxPoints < 3) { return data; } const getY = (point: T, index: number): number => { if (valueKeys.length === 0) { for (const val of Object.values(point)) { if (typeof val === "number") { return val; } } return index; } let sum = 0; let count = 0; for (const key of valueKeys) { const val = point[key]; if (typeof val === "number") { sum += val; count++; } } return count > 0 ? sum / count : index; }; const sampled: T[] = [data[0] as T]; const bucketSize = (len - 2) / (maxPoints - 2); let previousIndex = 0; for (let i = 0; i < maxPoints - 2; i++) { const rangeStart = Math.floor((i + 1) * bucketSize) + 1; const rangeEnd = Math.min(Math.floor((i + 2) * bucketSize) + 1, len - 1); const nextRangeStart = Math.floor((i + 2) * bucketSize) + 1; const nextRangeEnd = Math.min(Math.floor((i + 3) * bucketSize) + 1, len); const nextCount = Math.max(0, nextRangeEnd - nextRangeStart); let avgX = len - 1; let avgY = getY(data[len - 1] as T, len - 1); if (nextCount > 0) { avgX = 0; avgY = 0; for (let j = nextRangeStart; j < nextRangeEnd; j++) { avgX += j; avgY += getY(data[j] as T, j); } avgX /= nextCount; avgY /= nextCount; } const pointA = data[previousIndex] as T; const ax = previousIndex; const ay = getY(pointA, previousIndex); let maxArea = -1; let maxIndex = rangeStart; for (let j = rangeStart; j < rangeEnd; j++) { const area = Math.abs( (ax - avgX) * (getY(data[j] as T, j) - ay) - (ax - j) * (avgY - ay) ) * 0.5; if (area > maxArea) { maxArea = area; maxIndex = j; } } sampled.push(data[maxIndex] as T); previousIndex = maxIndex; } sampled.push(data[len - 1] as T); return sampled; } /** ~1.5 points per pixel — enough for crisp curves without over-drawing. */ export function maxRenderPointsForWidth(innerWidth: number): number { return Math.max(64, Math.ceil(innerWidth * 1.5)); } /** Bucket OHLC rows into fewer candles while preserving high/low extremes. */ export function decimateOhlcData>( data: T[], maxPoints: number ): T[] { const len = data.length; if (maxPoints >= len || maxPoints < 2) { return data; } const bucketSize = len / maxPoints; const sampled: T[] = []; for (let i = 0; i < maxPoints; i++) { const start = Math.floor(i * bucketSize); const end = Math.min(len, Math.floor((i + 1) * bucketSize)); if (start >= end) { continue; } const bucket = data.slice(start, end); const first = bucket[0] as T; const last = bucket.at(-1) as T; let high = Number.NEGATIVE_INFINITY; let low = Number.POSITIVE_INFINITY; for (const row of bucket) { const rowHigh = row.high; const rowLow = row.low; if (typeof rowHigh === "number" && rowHigh > high) { high = rowHigh; } if (typeof rowLow === "number" && rowLow < low) { low = rowLow; } } sampled.push({ ...last, open: first.open, high: Number.isFinite(high) ? high : last.high, low: Number.isFinite(low) ? low : last.low, close: last.close, } as T); } return sampled; } 50:Ta24,"use client"; import { useCallback, useEffect, useRef, useState } from "react"; export interface ScheduledTooltipControls { tooltipData: T | null; setTooltipData: React.Dispatch>; scheduleTooltip: (tooltip: T, dedupeKey?: string) => void; clearTooltip: () => void; resetTooltipDedupe: () => void; } function defaultDedupeKey(tooltip: T): string { if ( typeof tooltip === "object" && tooltip !== null && "index" in tooltip && typeof (tooltip as { index: unknown }).index === "number" ) { const { index, x } = tooltip as { index: number; x?: number }; if (typeof x === "number") { return `${index}:${Math.round(x)}`; } return String(index); } return JSON.stringify(tooltip); } export function useScheduledTooltip(): ScheduledTooltipControls { const [tooltipData, setTooltipData] = useState(null); const lastKeyRef = useRef(null); const pendingRef = useRef(null); const rafRef = useRef(null); const pendingKeyRef = useRef(null); useEffect(() => { return () => { if (rafRef.current !== null) { cancelAnimationFrame(rafRef.current); } }; }, []); const commitTooltip = useCallback((tooltip: T, dedupeKey: string) => { if (dedupeKey === lastKeyRef.current) { return; } lastKeyRef.current = dedupeKey; setTooltipData(tooltip); }, []); const scheduleTooltip = useCallback( (tooltip: T, dedupeKey?: string) => { const key = dedupeKey ?? defaultDedupeKey(tooltip); pendingRef.current = tooltip; pendingKeyRef.current = key; if (key === lastKeyRef.current) { return; } if (rafRef.current !== null) { return; } rafRef.current = requestAnimationFrame(() => { rafRef.current = null; const next = pendingRef.current; const nextKey = pendingKeyRef.current; if (next && nextKey) { commitTooltip(next, nextKey); } }); }, [commitTooltip] ); const clearTooltip = useCallback(() => { if (rafRef.current !== null) { cancelAnimationFrame(rafRef.current); rafRef.current = null; } pendingRef.current = null; pendingKeyRef.current = null; lastKeyRef.current = null; setTooltipData(null); }, []); const resetTooltipDedupe = useCallback(() => { lastKeyRef.current = null; }, []); return { tooltipData, setTooltipData, scheduleTooltip, clearTooltip, resetTooltipDedupe, }; } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L4e",null,{"files":[{"path":"src/charts/chart-formatters.ts","content":"export const shortDateFmt = new Intl.DateTimeFormat(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n});\n\nexport const weekdayDateFmt = new Intl.DateTimeFormat(\"en-US\", {\n weekday: \"short\",\n month: \"short\",\n day: \"numeric\",\n});\n\nexport const hmsTimeFmt = new Intl.DateTimeFormat(\"en-US\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n second: \"2-digit\",\n hour12: false,\n});\n\n// `Intl.NumberFormat.prototype.format` is a bound getter — safe to extract.\nexport const intFmt = new Intl.NumberFormat(\"en-US\").format;\n","type":"registry:lib","target":"components/charts/chart-formatters.ts"},{"path":"src/charts/decimate-time-series.ts","content":"$4f","type":"registry:lib","target":"components/charts/decimate-time-series.ts"},{"path":"src/charts/use-scheduled-tooltip.ts","content":"$50","type":"registry:lib","target":"components/charts/use-scheduled-tooltip.ts"}],"className":"h-[70svh] min-h-80"}]]}]