@flightctl/ui-components 0.9.3 → 0.10.0-rc1

package/src/hooks/useAlerts.ts

@@ -1,147 +0,0 @@
-import * as React from 'react';
-import { useAppContext } from './useAppContext';
-import { useAccessReview } from './useAccessReview';
-import { RESOURCE, VERB } from '../types/rbac';
-
-// AlertManager alert structure
-type AlertManagerAlert = {
-  fingerprint: string;
-  labels: {
-    alertname: string;
-    org_id: string;
-    resource: string;
-    [key: string]: string;
-  };
-  annotations: Record<string, string>;
-  startsAt: string;
-  endsAt: string;
-  updatedAt: string;
-  status: {
-    state: string;
-    inhibitedBy: string[];
-    mutedBy: string[];
-    silencedBy: string[];
-  };
-  receivers: Array<{ name: string }>;
-};
-
-const DEFAULT_REFRESH_INTERVAL = 30000; // 30 seconds
-
-export const useAlerts = (
-  refreshInterval: number = DEFAULT_REFRESH_INTERVAL,
-): [AlertManagerAlert[], boolean, unknown, VoidFunction] => {
-  const { getAlerts } = useAppContext();
-  const [alerts, setAlerts] = React.useState<AlertManagerAlert[]>([]);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState<unknown>();
-  const [forceRefresh, setForceRefresh] = React.useState(0);
-
-  const refetch = React.useCallback(() => {
-    setForceRefresh((prev) => prev + 1);
-  }, []);
-
-  React.useEffect(() => {
-    let abortController: AbortController;
-    let intervalId: NodeJS.Timeout;
-
-    const fetchAlerts = async () => {
-      if (!getAlerts) {
-        setIsLoading(false);
-        return;
-      }
-
-      try {
-        abortController = new AbortController();
-        const alertsData = await getAlerts<AlertManagerAlert[]>(abortController.signal);
-        setAlerts(alertsData || []);
-        setError(undefined);
-      } catch (err) {
-        if (!abortController.signal.aborted) {
-          setError(err);
-          setAlerts([]);
-        }
-      } finally {
-        if (!abortController.signal.aborted) {
-          setIsLoading(false);
-        }
-      }
-    };
-
-    // Initial fetch
-    fetchAlerts();
-
-    // Set up periodic refresh only if getAlerts is available
-    if (getAlerts && refreshInterval > 0) {
-      intervalId = setInterval(() => {
-        fetchAlerts();
-      }, refreshInterval);
-    }
-
-    return () => {
-      if (intervalId) {
-        clearInterval(intervalId);
-      }
-      abortController?.abort();
-    };
-  }, [getAlerts, refreshInterval, forceRefresh]);
-
-  return [alerts, isLoading, error, refetch];
-};
-
-// Type guard to check if error is HttpError with status property
-const isHttpError = (error: unknown): error is { status: number } => {
-  const errorObj = error as Record<string, unknown>;
-  return typeof error === 'object' && error !== null && 'status' in error && typeof errorObj.status === 'number';
-};
-
-export const useAlertsEnabled = (): boolean => {
-  const { getAlerts } = useAppContext();
-  const [alertsEnabled, setAlertsEnabled] = React.useState(false);
-
-  const [canListAlerts, alertsLoading] = useAccessReview(RESOURCE.ALERTS, VERB.LIST);
-  const checkServiceEnabled = Boolean(getAlerts) && !alertsLoading && canListAlerts;
-
-  React.useEffect(() => {
-    let abortController: AbortController;
-
-    const checkAlertServiceEnabled = async () => {
-      if (!getAlerts) {
-        // If getAlerts is not available, alerts are disabled
-        setAlertsEnabled(false);
-        return;
-      }
-
-      try {
-        abortController = new AbortController();
-        await getAlerts<AlertManagerAlert[]>(abortController.signal);
-        setAlertsEnabled(true);
-      } catch (err) {
-        if (!abortController.signal.aborted) {
-          // Check if AlertManager is disabled (501 Not Implemented) or unavailable (500 Internal Server Error)
-          if (isHttpError(err) && (err.status === 501 || err.status === 500)) {
-            setAlertsEnabled(false);
-          } else {
-            // For other errors, assume alerts are enabled but there's a temporary issue
-            setAlertsEnabled(true);
-          }
-        }
-      }
-    };
-
-    if (checkServiceEnabled) {
-      // Check only if we know that the user has permisions to read the alerts
-      checkAlertServiceEnabled();
-    } else if (!getAlerts) {
-      // If getAlerts is not available, immediately set to disabled
-      setAlertsEnabled(false);
-    }
-
-    return () => {
-      abortController?.abort();
-    };
-  }, [getAlerts, checkServiceEnabled]);
-
-  return alertsEnabled;
-};
-
-export type { AlertManagerAlert };

package/src/utils/metrics.ts

@@ -1,49 +0,0 @@
-import { MetricValue, PrometheusMetric } from '../types/extraTypes';
-
-const getMetricSeries = (metrics: PrometheusMetric[], name: string): MetricValue[] => {
-  const metricItem = metrics.find((metric) => {
-    if (metric.metric.__name__ !== name) {
-      return false;
-    }
-    return true;
-  });
-  return metricItem?.values || [];
-};
-
-// TODO use a standard library for the calculation
-const getPeriodTimestamps = (period: string) => {
-  const to = Date.now();
-
-  let step = 5;
-
-  let from: number;
-  switch (period) {
-    case '15m':
-      from = to - 15 * 60 * 1000;
-      break;
-    case '30m':
-      from = to - 30 * 60 * 1000;
-      break;
-    case '1h':
-      from = to - 1 * 60 * 60 * 1000;
-      step = 20;
-      break;
-    case '8h':
-      from = to - 8 * 60 * 60 * 1000;
-      step = 30;
-      break;
-    case '24h':
-      step = 120;
-      from = to - 24 * 60 * 60 * 1000;
-      break;
-    case '72h':
-    default:
-      step = 600;
-      from = to - 72 * 60 * 60 * 1000;
-      break;
-  }
-  // Prometheus query requires seconds, not milliseconds
-  return { from: from / 1000, to: to / 1000, step };
-};
-
-export { getMetricSeries, getPeriodTimestamps };