pxengine 0.1.145 → 0.1.146

package/dist/index.cjs

@@ -24318,6 +24318,17 @@ function highchartsType(type) {
   if (type === "donut") return "pie";
   return type;
 }
+var DOWNSAMPLE_THRESHOLD = 800;
+function downsampleSeriesData(data, threshold = DOWNSAMPLE_THRESHOLD) {
+  if (!Array.isArray(data) || data.length <= threshold) return data;
+  if (data.every((p) => typeof p === "number")) return data;
+  const stride = Math.ceil(data.length / threshold);
+  const out = [];
+  for (let i = 0; i < data.length; i += stride) out.push(data[i]);
+  const last = data[data.length - 1];
+  if (out[out.length - 1] !== last) out.push(last);
+  return out;
+}
 function buildAxis(axis, fallbackCategories) {
   const cfg = {};
   if (!axis) {
@@ -24349,7 +24360,7 @@ function buildChartOptions(config, palette) {
     subtitle: { text: config.subtitle ?? void 0 },
     series: safeSeries.map((s, i) => ({
       name: s.name,
-      data: s.data,
+      data: downsampleSeriesData(s.data),
       ...s.type && { type: highchartsType(s.type) },
       ...s.stack && { stack: s.stack },
       ...typeof s.yAxis === "number" && { yAxis: s.yAxis },
@@ -24568,6 +24579,14 @@ function loadHighcharts() {
   });
   return hcLoadPromise;
 }
+function structuralKey(config) {
+  const type = config?.chart?.type;
+  const xAxis = config?.xAxis;
+  const yAxis = config?.yAxis;
+  const xType = Array.isArray(xAxis) ? xAxis.map((a) => a?.type).join(",") : xAxis?.type;
+  const yCount = Array.isArray(yAxis) ? yAxis.length : yAxis ? 1 : 0;
+  return `${type}|${xType}|${yCount}`;
+}
 function buildTheme(height) {
   const colors = [1, 2, 3, 4, 5, 6, 7, 8].map((i) => getCSSVar(`--chart-${i}`)).filter(Boolean);
   return {
@@ -24636,6 +24655,7 @@ function AnalyticsChart({
   const [fetchError, setFetchError] = (0, import_react99.useState)(null);
   const containerRef = (0, import_react99.useRef)(null);
   const chartRef = (0, import_react99.useRef)(null);
+  const structuralKeyRef = (0, import_react99.useRef)(null);
   const declarative = (0, import_react99.useMemo)(
     () => resolveDeclarativeConfig({
       chartConfig,
@@ -24705,8 +24725,17 @@ function AnalyticsChart({
     if (!mounted || !activeConfig || !containerRef.current) return;
     const container = containerRef.current;
     let cancelled = false;
+    const nextConfig = normalizeConfig(stripNulls(activeConfig));
+    const nextKey = structuralKey(nextConfig);
     loadHighcharts().then((HC) => {
       if (cancelled || !container) return;
+      if (chartRef.current && structuralKeyRef.current === nextKey) {
+        try {
+          chartRef.current.update(nextConfig, true, true);
+          return;
+        } catch {
+        }
+      }
       if (chartRef.current) {
         try {
           chartRef.current.destroy();
@@ -24715,7 +24744,8 @@ function AnalyticsChart({
         chartRef.current = null;
       }
       HC.setOptions(buildTheme(height));
-      chartRef.current = HC.chart(container, normalizeConfig(stripNulls(activeConfig)));
+      chartRef.current = HC.chart(container, nextConfig);
+      structuralKeyRef.current = nextKey;
     });
     return () => {
       cancelled = true;