send resource usage to frontend

Author: wiji1

client/src/features/overview/pages/ServerInstance.tsx

@@ -28,6 +28,21 @@ function ServerInstance() {
     useEffect(() => {
         if (!instance) return;
 
+        // Fetch metrics immediately on page load
+        const fetchMetrics = async () => {
+            try {
+                const response = await axiosInstance.get(`/api/metrics/instance?pod=${instance.podName}`);
+                if (response.data.success) {
+                    setMetrics(response.data.data.metrics);
+                }
+            } catch (error) {
+                console.error('Failed to fetch initial metrics:', error);
+            }
+        };
+
+        fetchMetrics();
+
+        // Set up WebSocket listener for real-time updates
         const metricsListener = new InstanceMetricsListener((data) => {
             if (data.podName === instance.podName) {
                 setMetrics(data.metrics);

server/src/api/metrics/getInstanceMetrics.ts

@@ -0,0 +1,43 @@
+import {ApiEndpoint, AuthType} from '../types';
+import InstanceMetricsService from '../../services/instanceMetricsService';
+import {InstanceResourceMetrics} from '../../../../shared/model/instance';
+
+export interface GetInstanceMetricsResponse {
+    podName: string;
+    metrics: InstanceResourceMetrics;
+}
+
+export const getInstanceMetricsEndpoint: ApiEndpoint<unknown, GetInstanceMetricsResponse> = {
+    path: '/api/metrics/instance',
+    method: 'get',
+    auth: AuthType.Basic,
+    handler: async (req, res) => {
+        try {
+            const { pod } = req.query;
+
+            if (!pod || typeof pod !== 'string') {
+                return res.status(400).json({
+                    success: false,
+                    error: 'Pod name is required'
+                });
+            }
+
+            const metricsService = InstanceMetricsService.getInstance();
+            const metrics = await metricsService.getMetricsForPod(pod);
+
+            res.json({
+                success: true,
+                data: {
+                    podName: pod,
+                    metrics
+                }
+            });
+        } catch (error) {
+            console.error('Failed to fetch instance metrics:', error);
+            res.status(500).json({
+                success: false,
+                error: 'Failed to fetch instance metrics'
+            });
+        }
+    }
+};

server/src/features/api/controllers/apiManager.ts

@@ -31,6 +31,7 @@ import {resetPasswordEndpoint} from "../../../api/users/resetPassword";
 import {deleteUserEndpoint} from "../../../api/users/deleteUser";
 import {getCpuMetricsEndpoint} from "../../../api/metrics/getCpuMetrics";
 import {getMemoryMetricsEndpoint} from "../../../api/metrics/getMemoryMetrics";
+import {getInstanceMetricsEndpoint} from "../../../api/metrics/getInstanceMetrics";
 import {getDeploymentsEndpoint} from "../../../api/deployments/getDeployments";
 import {ApiEndpoint, AuthType} from "../../../api/types";
 import {handleAdminAuth, handleBasicAuth} from "../../../middleware/auth";
@@ -127,6 +128,7 @@ export default class ApiManager {
         //Metrics
         this.addEndpoint(getCpuMetricsEndpoint);
         this.addEndpoint(getMemoryMetricsEndpoint);
+        this.addEndpoint(getInstanceMetricsEndpoint);
 
         //File Sessions
         this.addEndpoint(createSessionEndpoint);

server/src/services/instanceMetricsService.ts

@@ -54,6 +54,11 @@ class InstanceMetricsService {
         }
     }
 
+    public async getMetricsForPod(podName: string, namespace: string = 'default'): Promise<InstanceResourceMetrics> {
+        const instance = { podName } as Instance;
+        return await this.getInstanceMetrics(instance);
+    }
+
     private async broadcastMetrics(): Promise<void> {
         if (!this.socketManager) {
             console.warn('SocketManager not set, skipping metrics broadcast');