@checkstack/signal-frontend 0.0.2 → 0.0.4

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @checkstack/signal-frontend
 
+## 0.0.4
+
+### Patch Changes
+
+- @checkstack/signal-common@0.0.3
+
+## 0.0.3
+
+### Patch Changes
+
+- cb82e4d: Improved `counter` and `pie` auto-chart types to show frequency distributions instead of just the latest value. Both chart types now count occurrences of each unique value across all runs/buckets, making them more intuitive for visualizing data like HTTP status codes.
+
+  Changed HTTP health check chart annotations: `statusCode` now uses `pie` chart (distribution view), `contentType` now uses `counter` chart (frequency count).
+
+  Fixed scrollbar hopping when health check signals update the accordion content. All charts now update silently without layout shift or loading state flicker.
+
+  Refactored health check visualization architecture:
+
+  - `HealthCheckStatusTimeline` and `HealthCheckLatencyChart` now accept `HealthCheckDiagramSlotContext` directly, handling data transformation internally
+  - `HealthCheckDiagram` refactored to accept context from parent, ensuring all visualizations share the same data source and update together on signals
+  - `HealthCheckSystemOverview` simplified to use `useHealthCheckData` hook for consolidated data fetching with automatic signal-driven refresh
+
+  Added `silentRefetch()` method to `usePagination` hook for background data refreshes without showing loading indicators.
+
+  Fixed `useSignal` hook to use a ref pattern internally, preventing stale closure issues. Callbacks now always access the latest values without requiring manual memoization or refs in consumer components.
+
+  Added signal handling to `useHealthCheckData` hook for automatic chart refresh when health check runs complete.
+
 ## 0.0.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/signal-frontend",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "exports": {
     ".": {

package/src/useSignal.ts

@@ -1,4 +1,4 @@
-import { useEffect, useCallback } from "react";
+import { useEffect, useRef } from "react";
 import type { Signal } from "@checkstack/signal-common";
 import { useSignalContext } from "./SignalProvider";
 
@@ -8,6 +8,9 @@ import { useSignalContext } from "./SignalProvider";
  * The callback will be invoked whenever the signal is received.
  * Subscriptions are automatically cleaned up on unmount.
  *
+ * Note: The callback is stored in a ref internally, so you don't need to
+ * memoize it or worry about stale closures - the latest callback is always used.
+ *
  * @example
  * ```tsx
  * import { NOTIFICATION_RECEIVED } from "@checkstack/notification-common";
@@ -27,12 +30,19 @@ export function useSignal<T>(
 ): void {
   const { subscribe } = useSignalContext();
 
-  // Memoize callback to prevent unnecessary resubscriptions
-  const stableCallback = useCallback(callback, [callback]);
+  // Store callback in ref to always use the latest version
+  // This prevents stale closure issues without requiring consumers to memoize
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
 
   useEffect(() => {
+    // Create a stable wrapper that always calls the latest callback
+    const stableCallback = (payload: T) => {
+      callbackRef.current(payload);
+    };
+
     return subscribe(signal, stableCallback);
-  }, [signal, stableCallback, subscribe]);
+  }, [signal, subscribe]);
 }
 
 /**