@checkstack/healthcheck-frontend 0.7.0 → 0.7.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @checkstack/healthcheck-frontend
 
+## 0.7.2
+
+### Patch Changes
+
+- e58e994: Fix runtime error in AutoChartGrid when mapping over values with undefined elements
+
+  The filter functions `getAllBooleanValuesWithTime` and `getAllStringValuesWithTime` incorrectly checked `v !== null` instead of `v !== undefined`, allowing undefined elements to pass through and crash when accessing `.value`.
+
+## 0.7.1
+
+### Patch Changes
+
+- deec10c: Fix production crash when opening health check accordion and enable sourcemaps
+
+  - Fixed TypeError in `HealthCheckLatencyChart` where recharts Tooltip content function was returning `undefined` instead of `null`, causing "can't access property 'value', o is undefined" error
+  - Enabled production sourcemaps in Vite config for better debugging of production errors
+
 ## 0.7.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/healthcheck-frontend",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "type": "module",
   "main": "src/index.tsx",
   "scripts": {

package/src/auto-charts/AutoChartGrid.tsx

@@ -1202,7 +1202,9 @@ function getAllBooleanValuesWithTime(
           timeLabel: format(new Date(run.timestamp), "MMM d, HH:mm:ss"),
         };
       })
-      .filter((v): v is { value: boolean; timeLabel: string } => v !== null);
+      .filter(
+        (v): v is { value: boolean; timeLabel: string } => v !== undefined,
+      );
   }
   return context.buckets
     .map((bucket) => {
@@ -1219,7 +1221,7 @@ function getAllBooleanValuesWithTime(
         timeLabel: `${format(bucketStart, "MMM d, HH:mm")} - ${format(bucketEnd, "HH:mm")}`,
       };
     })
-    .filter((v): v is { value: boolean; timeLabel: string } => v !== null);
+    .filter((v): v is { value: boolean; timeLabel: string } => v !== undefined);
 }
 
 /**
@@ -1242,7 +1244,9 @@ function getAllStringValuesWithTime(
           timeLabel: format(new Date(run.timestamp), "MMM d, HH:mm:ss"),
         };
       })
-      .filter((v): v is { value: string; timeLabel: string } => v !== null);
+      .filter(
+        (v): v is { value: string; timeLabel: string } => v !== undefined,
+      );
   }
   return context.buckets
     .map((bucket) => {
@@ -1259,5 +1263,5 @@ function getAllStringValuesWithTime(
         timeLabel: `${format(bucketStart, "MMM d, HH:mm")} - ${format(bucketEnd, "HH:mm")}`,
       };
     })
-    .filter((v): v is { value: string; timeLabel: string } => v !== null);
+    .filter((v): v is { value: string; timeLabel: string } => v !== undefined);
 }

package/src/components/HealthCheckLatencyChart.tsx

@@ -89,7 +89,8 @@ export const HealthCheckLatencyChart: React.FC<
           />
           <Tooltip<number, "latencyMs">
             content={({ active, payload }) => {
-              if (!active || !payload?.length) return;
+              // eslint-disable-next-line unicorn/no-null -- recharts requires null return, not undefined
+              if (!active || !payload?.length) return null;
               const data = payload[0].payload as (typeof chartData)[number];
               const startTime = format(
                 new Date(data.timestamp),
@@ -197,7 +198,8 @@ export const HealthCheckLatencyChart: React.FC<
         />
         <Tooltip<number, "latencyMs">
           content={({ active, payload }) => {
-            if (!active || !payload?.length) return;
+            // eslint-disable-next-line unicorn/no-null -- recharts requires null return, not undefined
+            if (!active || !payload?.length) return null;
             const data = payload[0].payload as (typeof chartData)[number];
             return (
               <div