removed serverless endpoints

apps/dashboard/src/@3rdweb-sdk/react/hooks/useEngine.ts

@@ -1,4 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import type { ResultItem } from "components/engine/status/components/StatusCodes";
 import { THIRDWEB_API_HOST } from "constants/urls";
 import { useState } from "react";
 import { useActiveAccount, useActiveWalletChain } from "thirdweb/react";
@@ -1450,6 +1451,9 @@ export interface EngineResourceMetrics {
     cpu: number;
     memory: number;
   };
+  errorRate: { data: { result: ResultItem[] } };
+  statusCodes: { data: { result: ResultItem[] } };
+  requestVolume: { data: { result: ResultItem[] } };
 }
 
 export function useEngineResourceMetrics(engineId: string) {

apps/dashboard/src/components/engine/status/components/ErrorRate.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { useQuery } from "@tanstack/react-query";
 import { Bar, BarChart, CartesianGrid, XAxis, YAxis } from "recharts";
 
 import {
@@ -18,20 +17,39 @@ import {
 } from "@/components/ui/chart";
 import { Skeleton } from "@chakra-ui/react";
 import { useMemo } from "react";
+import type { ResultItem } from "./StatusCodes";
 
-export function ErrorRate() {
-  const monitorData = useQuery(["errorRate"], async () => {
-    const res = await fetch("/api/engine-status/errors", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({}),
-    });
+function transformPrometheusData(
+  prometheusResult: { data: { result: ResultItem[] } } | undefined,
+) {
+  if (
+    !prometheusResult ||
+    !prometheusResult.data ||
+    !prometheusResult.data.result
+  ) {
+    throw new TypeError("Invalid Prometheus result format");
+  }
 
-    const json = await res.json();
-    return json;
-  });
+  const results = [];
+  for (const resultItem of prometheusResult.data.result) {
+    for (const [timestamp, value] of resultItem.values) {
+      results.push({
+        time: new Date(timestamp * 1000).toISOString(),
+        value: value,
+      });
+    }
+  }
+
+  return {
+    data: results,
+    tags: ["value"],
+  };
+}
+
+export function ErrorRate(
+  errorRateData: { data: { result: ResultItem[] } } | undefined,
+) {
+  const monitorData = transformPrometheusData(errorRateData);
 
   const chartConfig: { [key: string]: { label: string; color: string } } = {
     value: {

apps/dashboard/src/components/engine/status/components/Healthcheck.tsx

@@ -5,13 +5,11 @@ import { ToolTipLabel } from "@/components/ui/tooltip";
 import { useQuery } from "@tanstack/react-query";
 import { PrimaryInfoItem } from "app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/primary-info-item";
 import { CircleCheck, XIcon } from "lucide-react";
-import { useState } from "react";
 
 function useEngineHealthStats(engineUrlBase: string) {
-  const [shouldRefetch, setShouldRefetch] = useState(true);
   const engineUrl = `${engineUrlBase}/system/health`;
   return useQuery({
-    queryKey: ["engine-stats", { engineUrl }],
+    queryKey: ["engine-stats", engineUrlBase, "healthcheck", { engineUrl }],
     queryFn: async () => {
       const startTimeStamp = performance.now();
       const res = await fetch(engineUrl);
@@ -24,12 +22,9 @@ function useEngineHealthStats(engineUrlBase: string) {
         status: json.status,
       };
     },
-    refetchInterval: shouldRefetch ? 5 * 1000 : undefined,
+    refetchInterval: 5 * 1000,
     enabled: !!engineUrl,
     refetchOnWindowFocus: false,
-    onError: () => {
-      setShouldRefetch(false);
-    },
   });
 }