@checkstack/dashboard-frontend 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @checkstack/dashboard-frontend
 
+## 0.5.1
+
+### Patch Changes
+
+- 208ad71: Centralize realtime cache invalidation: signals now carry their owning `pluginId` end-to-end, and a single `SignalAutoInvalidator` mounted near the React Query client invalidates `[[pluginId]]` for every incoming signal automatically.
+
+  **Breaking change to `createSignal`** (`@checkstack/signal-common`): the factory now takes a single object argument with `pluginMetadata`, `event`, and `payloadSchema`. The signal id is constructed as `${pluginMetadata.pluginId}.${event}` and the resulting `Signal` carries a `pluginId` field. The `SignalMessage` wire envelope and `ServerToClientMessage` `signal` variant gained a `pluginId` field so the frontend can route invalidations without parsing the id.
+
+  ```ts
+  // Before
+  export const ANOMALY_STATE_CHANGED = createSignal(
+    "anomaly.state_changed",
+    z.object({ ... }),
+  );
+
+  // After
+  export const ANOMALY_STATE_CHANGED = createSignal({
+    pluginMetadata,
+    event: "state_changed",
+    payloadSchema: z.object({ ... }),
+  });
+  ```
+
+  **New plugin field**: `FrontendPlugin.foreignSignals?: Signal<unknown>[]` lets a plugin opt its `[[pluginId]]` cache into invalidation when another plugin's signal fires (e.g. `dependency-frontend` declares `[SYSTEM_STATUS_CHANGED]` because dependency payloads embed system status). Same-plugin signals must NOT be listed — they are always auto-invalidated.
+
+  **Removed boilerplate**: per-component `useSignal(X, () => refetch())` and `useSignal(X, () => queryClient.invalidateQueries(...))` calls have been removed across `incident-frontend`, `maintenance-frontend`, `healthcheck-frontend`, `slo-frontend`, `dependency-frontend`, `satellite-frontend`, `announcement-frontend`, `notification-frontend`, and `dashboard-frontend`. The `NotificationBell` unread count is now derived directly from the `getUnreadCount` query (auto-invalidated) instead of a local state mirror.
+
+  **User-visible bug fix**: the system detail page anomaly widget (`SystemAnomalyWidget`) now updates in real-time when anomalies change, with no per-widget signal subscription required. The dashboard status page also stays fresh on `ANOMALY_STATE_CHANGED`, `ANOMALY_BASELINE_UPDATED`, and `ANOMALY_TREND_DETECTED`.
+
+  UI-state consumers that legitimately need a `useSignal` (the dashboard activity terminal, the queue lag alert, and the rolling-preset date refresh in `useHealthCheckData`) keep their handlers; the auto-invalidator runs alongside them.
+
+- Updated dependencies [208ad71]
+  - @checkstack/signal-frontend@0.1.0
+  - @checkstack/frontend-api@0.4.0
+  - @checkstack/anomaly-common@0.3.0
+  - @checkstack/healthcheck-common@0.13.0
+  - @checkstack/incident-common@0.5.0
+  - @checkstack/maintenance-common@0.5.0
+  - @checkstack/notification-common@0.3.0
+  - @checkstack/queue-frontend@0.3.1
+  - @checkstack/auth-frontend@0.5.31
+  - @checkstack/catalog-common@1.5.3
+  - @checkstack/catalog-frontend@0.8.7
+  - @checkstack/command-frontend@0.2.32
+  - @checkstack/ui@1.6.1
+
 ## 0.5.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/dashboard-frontend",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "type": "module",
   "main": "src/index.tsx",
   "checkstack": {
@@ -13,21 +13,21 @@
     "lint:code": "eslint . --max-warnings 0"
   },
   "dependencies": {
-    "@checkstack/anomaly-common": "0.1.0",
-    "@checkstack/auth-frontend": "0.5.29",
-    "@checkstack/catalog-common": "1.5.1",
-    "@checkstack/catalog-frontend": "0.8.5",
-    "@checkstack/command-common": "0.2.8",
-    "@checkstack/command-frontend": "0.2.30",
-    "@checkstack/common": "0.6.5",
-    "@checkstack/frontend-api": "0.3.10",
-    "@checkstack/healthcheck-common": "0.11.0",
-    "@checkstack/incident-common": "0.4.8",
-    "@checkstack/maintenance-common": "0.4.10",
-    "@checkstack/notification-common": "0.2.8",
-    "@checkstack/queue-frontend": "0.2.31",
-    "@checkstack/signal-frontend": "0.0.15",
-    "@checkstack/ui": "1.5.1",
+    "@checkstack/anomaly-common": "0.2.0",
+    "@checkstack/auth-frontend": "0.5.30",
+    "@checkstack/catalog-common": "1.5.2",
+    "@checkstack/catalog-frontend": "0.8.6",
+    "@checkstack/command-common": "0.2.9",
+    "@checkstack/command-frontend": "0.2.31",
+    "@checkstack/common": "0.7.0",
+    "@checkstack/frontend-api": "0.3.11",
+    "@checkstack/healthcheck-common": "0.12.0",
+    "@checkstack/incident-common": "0.4.9",
+    "@checkstack/maintenance-common": "0.4.11",
+    "@checkstack/notification-common": "0.2.9",
+    "@checkstack/queue-frontend": "0.3.0",
+    "@checkstack/signal-frontend": "0.0.16",
+    "@checkstack/ui": "1.6.0",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.344.0",
     "react": "^18.2.0",

package/src/components/SystemBadgeDataProvider.tsx

@@ -1,19 +1,15 @@
 import React, { createContext, useContext, useCallback, useMemo } from "react";
-import { usePluginClient, useQueryClient } from "@checkstack/frontend-api";
-import { useSignal } from "@checkstack/signal-frontend";
+import { usePluginClient } from "@checkstack/frontend-api";
 import {
   HealthCheckApi,
-  SYSTEM_STATUS_CHANGED,
   type SystemHealthStatusResponse,
 } from "@checkstack/healthcheck-common";
 import {
   IncidentApi,
-  INCIDENT_UPDATED,
   type IncidentWithSystems,
 } from "@checkstack/incident-common";
 import {
   MaintenanceApi,
-  MAINTENANCE_UPDATED,
   type MaintenanceWithSystems,
 } from "@checkstack/maintenance-common";
 
@@ -46,11 +42,14 @@ interface SystemBadgeDataProviderProps {
 /**
  * Provider that bulk-fetches badge data (health, incidents, maintenances)
  * for multiple systems using TanStack Query and provides it via context.
+ *
+ * Realtime invalidation of `[["healthcheck"]]`, `[["incident"]]`, and
+ * `[["maintenance"]]` is handled centrally by SignalAutoInvalidator — no
+ * per-component signal handlers needed here.
  */
 export const SystemBadgeDataProvider: React.FC<
   SystemBadgeDataProviderProps
 > = ({ systemIds, children }) => {
-  const queryClient = useQueryClient();
   const healthCheckClient = usePluginClient(HealthCheckApi);
   const incidentClient = usePluginClient(IncidentApi);
   const maintenanceClient = usePluginClient(MaintenanceApi);
@@ -82,56 +81,6 @@ export const SystemBadgeDataProvider: React.FC<
 
   const loading = healthLoading || incidentLoading || maintenanceLoading;
 
-  // -------------------------------------------------------------------------
-  // SIGNAL HANDLERS - Invalidate queries on updates
-  // -------------------------------------------------------------------------
-
-  const refetchHealth = useCallback(
-    (systemId: string) => {
-      if (systemIds.includes(systemId)) {
-        // Invalidate the bulk query to refetch
-        queryClient.invalidateQueries({ queryKey: [["healthcheck"]] });
-      }
-    },
-    [systemIds, queryClient]
-  );
-
-  useSignal(SYSTEM_STATUS_CHANGED, ({ systemId }) => {
-    refetchHealth(systemId);
-  });
-
-  const refetchIncidents = useCallback(
-    (affectedSystemIds: string[]) => {
-      const hasAffected = affectedSystemIds.some((id) =>
-        systemIds.includes(id)
-      );
-      if (hasAffected) {
-        queryClient.invalidateQueries({ queryKey: [["incident"]] });
-      }
-    },
-    [systemIds, queryClient]
-  );
-
-  useSignal(INCIDENT_UPDATED, ({ systemIds: affectedIds }) => {
-    refetchIncidents(affectedIds);
-  });
-
-  const refetchMaintenances = useCallback(
-    (affectedSystemIds: string[]) => {
-      const hasAffected = affectedSystemIds.some((id) =>
-        systemIds.includes(id)
-      );
-      if (hasAffected) {
-        queryClient.invalidateQueries({ queryKey: [["maintenance"]] });
-      }
-    },
-    [systemIds, queryClient]
-  );
-
-  useSignal(MAINTENANCE_UPDATED, ({ systemIds: affectedIds }) => {
-    refetchMaintenances(affectedIds);
-  });
-
   // -------------------------------------------------------------------------
   // CONTEXT VALUE
   // -------------------------------------------------------------------------