refactor(serverlist): refactored to also show uptime and other info about the server

LogisticsSupportTool_API_DOCS/app/admin/server/Add Server.bru

@@ -16,11 +16,11 @@ headers {
 
 body:json {
   {
-    "name": "Bowling Green 2",
-    "serverDNS": "USBOW2VMS006",
-    "plantToken": "usbow2",
-    "ipAddress": "10.30.0.26",
-    "greatPlainsPlantCode": 0,
+    "name": "Bowling Green 1",
+    "serverDNS": "USBOW1VS006",
+    "plantToken": "usbow1",
+    "ipAddress": "10.25.0.26",
+    "greatPlainsPlantCode": 55,
     "lstServerPort": 4000,
     "serverLoc": "E$\\LST"
   }
@@ -28,4 +28,5 @@ body:json {
 
 settings {
   encodeUrl: true
+  timeout: 0
 }

LogisticsSupportTool_API_DOCS/app/system/All Server Stats.bru

@@ -0,0 +1,16 @@
+meta {
+  name: All Server Stats
+  type: http
+  seq: 3
+}
+
+get {
+  url: {{url}}/lst/api/system/allservers/stats
+  body: none
+  auth: inherit
+}
+
+settings {
+  encodeUrl: true
+  timeout: 0
+}

app/src/internal/auth/routes/register.ts

@@ -18,7 +18,7 @@ const registerSchema = z.object({
 		.string()
 		.min(3)
 		.max(32)
-		.regex(/^[a-zA-Z0-9_]+$/, "Only alphanumeric + underscores"),
+		.regex(/^[a-zA-Z0-9.]+$/, "Only alphanumeric + dots allowed"),
 	displayUsername: z.string().min(2).max(100).optional(), // optional in your API, but supported
 });
 

app/src/internal/system/routes.ts

@@ -1,10 +1,12 @@
 import type { Express, Request, Response } from "express";
+import allServerStats from "./routes/allServerStats.js";
 import modules from "./routes/modules/moduleRoutes.js";
 import settings from "./routes/settings/settingRoutes.js";
 import stats from "./routes/stats.js";
 
 export const setupSystemRoutes = (app: Express, basePath: string) => {
 	app.use(basePath + "/api/system/stats", stats);
+	app.use(basePath + "/api/system/allservers/stats", allServerStats);
 
 	app.use(
 		basePath + "/api/system/settings", // will pass bc system admin but this is just telling us we need this

app/src/internal/system/routes/allServerStats.ts

@@ -0,0 +1,90 @@
+import axios from "axios";
+import { format } from "date-fns-tz";
+import { eq } from "drizzle-orm";
+import { Router } from "express";
+import { db } from "../../../pkg/db/db.js";
+import { serverData } from "../../../pkg/db/schema/servers.js";
+import {
+	type ServerStats,
+	serverStats,
+} from "../../../pkg/db/schema/serverstats.js";
+import dbTransport from "../../../pkg/logger/dbTransport.js";
+import { tryCatch } from "../../../pkg/utils/tryCatch.js";
+import { checkBuildUpdate } from "../utlis/checkForBuild.js";
+
+const router = Router();
+
+type ServerInfo = {
+	server: string;
+};
+// GET /health
+router.get("/", async (req, res) => {
+	const { data, error } = await tryCatch(
+		db.select().from(serverStats).where(eq(serverStats.id, "serverStats")),
+	);
+
+	if (error || !data) {
+		res.status(400).json({ error: error });
+	}
+
+	const statData = data as ServerStats[];
+	const used = process.memoryUsage();
+
+	const serverInfo = [
+		{
+			server: "Dev Server",
+			status: "ok",
+			plantToken: "test3",
+			uptime: process.uptime(),
+			build: statData[0]?.build,
+			pendingUpdateFile: await checkBuildUpdate(["."]),
+			lastUpdate: statData[0]?.lastUpdate
+				? format(statData[0].lastUpdate, "MM/dd/yyyy HH:mm")
+				: "",
+			memoryUsage: `Heap: ${(used.heapUsed / 1024 / 1024).toFixed(2)} MB / RSS: ${(
+				used.rss / 1024 / 1024
+			).toFixed(2)} MB`,
+		},
+	] as any;
+	// 	const { data: serverInfo } = await axios.get(
+	// 	`https://ushou1prod.alpla.net/lst/api/system/stats`,
+	// );
+	// get the server list so we can go to each and get there stats
+	const { data: sInfo, error: eInfo } = (await tryCatch(
+		db.select().from(serverData),
+	)) as any;
+
+	if (eInfo) {
+		console.log("There was an error getting the serverData");
+	}
+	for (let i = 0; i < sInfo.length; i++) {
+		//console.log(`Getting stats for ${sInfo[i].plantToken}`);
+		try {
+			let url = "";
+			if (sInfo[i].plantToken.includes("test")) {
+				url = `https://${sInfo[i].serverDNS}.alpla.net/lst/api/system/stats`;
+			} else {
+				url = `https://${sInfo[i].plantToken}prod.alpla.net/lst/api/system/stats`;
+			}
+			const { data: prodServerInfo } = await axios.get(url);
+
+			// console.log(
+			// 	`${sInfo[i].plantToken}, data ${JSON.stringify(prodServerInfo)}`,
+			// );
+			serverInfo.push({
+				server: sInfo[i].name,
+				status: prodServerInfo.status,
+				plantToken: sInfo[i].plantToken,
+				uptime: prodServerInfo.uptime,
+				build: prodServerInfo.build,
+				pendingUpdateFile: prodServerInfo.pendingUpdateFile,
+				lastUpdate: prodServerInfo.lastUpdate,
+				memoryUsage: prodServerInfo.memoryUsage,
+			});
+		} catch (e) {}
+	}
+
+	res.json(serverInfo);
+});
+
+export default router;

frontend/src/lib/querys/admin/getServers.ts

@@ -3,7 +3,7 @@ import axios from "axios";
 
 export function getServers() {
 	return queryOptions({
-		queryKey: ["getModules"],
+		queryKey: ["getServers"],
 		queryFn: () => fetchSession(),
 		staleTime: 5000,
 		refetchOnWindowFocus: true,

frontend/src/lib/querys/serverStats.ts

@@ -5,13 +5,13 @@ export function getServerStats() {
 	return queryOptions({
 		queryKey: ["getServerStats"],
 		queryFn: () => fetchSession(),
-		staleTime: 5000,
+		staleTime: 2 * 60 * 1000,
 		refetchOnWindowFocus: true,
 	});
 }
 
 const fetchSession = async () => {
-	const { data } = await axios.get(`/lst/api/system/stats`);
+	const { data } = await axios.get(`/lst/api/system/allservers/stats`);
 
 	return data;
 };

frontend/src/routes/_app/_adminLayout/admin/servers.tsx

@@ -15,6 +15,7 @@ import React, { useEffect, useState } from "react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
+import { Skeleton } from "@/components/ui/skeleton";
 import {
 	Table,
 	TableBody,
@@ -24,6 +25,7 @@ import {
 	TableRow,
 } from "@/components/ui/table";
 import { getServers } from "@/lib/querys/admin/getServers";
+import { getServerStats } from "@/lib/querys/serverStats";
 
 type ServerData = {
 	name: string;
@@ -34,6 +36,7 @@ type ServerData = {
 	build: string;
 	pendingUpdateFile: string;
 	lastUpdate: Date;
+	memoryUsage: string;
 };
 
 const updateServerItem = async (
@@ -58,14 +61,18 @@ export const Route = createFileRoute("/_app/_adminLayout/admin/servers")({
 
 function RouteComponent() {
 	const { data, isLoading, refetch } = useQuery(getServers());
-	// const {
-	// 	data: stats,
-	// 	isLoading: loadingStats,
-	// 	refetch: statsRefetch,
-	// } = useQuery(getServerStats());
+	const { data: stats = [], isLoading: loadingStats } = useQuery(
+		getServerStats(),
+	);
 	const [sorting, setSorting] = useState<SortingState>([]);
 	const columnHelper = createColumnHelper<ServerData>();
 
+	const statsMap = React.useMemo(() => {
+		const map = new Map<string, any>();
+		stats.forEach((stat: any) => map.set(stat.plantToken, stat));
+		return map;
+	}, [stats]);
+
 	const updateServer = useMutation({
 		mutationFn: ({
 			token,
@@ -197,15 +204,81 @@ function RouteComponent() {
 			},
 		}),
 
-		// columnHelper.accessor("uptime", {
-		// 	header: () => {
-		// 		return <span className="flex flex-row gap-2">UpTime</span>;
-		// 	},
-		// 	cell: ({ row }) => {
-		// 		//console.log(data);
-		// 		return <span>{data?.uptime ?? "--"}</span>;
-		// 	},
-		// }),
+		columnHelper.accessor("uptime", {
+			header: () => {
+				return <span className="flex flex-row gap-2">UpTime</span>;
+			},
+			cell: ({ row }) => {
+				const statsRow = statsMap.get(row.original.plantToken);
+
+				if (loadingStats) {
+					// use Skeleton from shadcn/ui (or any placeholder)
+					return <Skeleton className="h-4 w-16" />;
+				}
+				console.log(statsMap);
+				return <span>{statsRow ? `${statsRow.uptime.toFixed(2)}` : "--"}</span>;
+			},
+		}),
+		columnHelper.accessor("lastUpdate", {
+			header: () => {
+				return <span className="flex flex-row gap-2">Last Updated</span>;
+			},
+			cell: ({ row }) => {
+				const statsRow = statsMap.get(row.original.plantToken);
+
+				if (loadingStats) {
+					// use Skeleton from shadcn/ui (or any placeholder)
+					return <Skeleton className="h-4 w-16" />;
+				}
+				console.log(statsMap);
+				return <span>{statsRow ? `${statsRow.lastUpdate}` : "--"}</span>;
+			},
+		}),
+		columnHelper.accessor("build", {
+			header: () => {
+				return <span className="flex flex-row gap-2">Build Number</span>;
+			},
+			cell: ({ row }) => {
+				const statsRow = statsMap.get(row.original.plantToken);
+
+				if (loadingStats) {
+					// use Skeleton from shadcn/ui (or any placeholder)
+					return <Skeleton className="h-4 w-16" />;
+				}
+				console.log(statsMap);
+				return <span>{statsRow ? `${statsRow.build}` : "--"}</span>;
+			},
+		}),
+		columnHelper.accessor("pendingUpdateFile", {
+			header: () => {
+				return <span className="flex flex-row gap-2">Pending Update</span>;
+			},
+			cell: ({ row }) => {
+				const statsRow = statsMap.get(row.original.plantToken);
+
+				if (loadingStats) {
+					// use Skeleton from shadcn/ui (or any placeholder)
+					return <Skeleton className="h-4 w-16" />;
+				}
+				console.log(statsMap);
+				return <span>{statsRow ? `${statsRow.pendingUpdateFile}` : "--"}</span>;
+			},
+		}),
+		columnHelper.accessor("memoryUsage", {
+			header: () => {
+				return <span className="flex flex-row gap-2">Memory Usage</span>;
+			},
+			cell: ({ row }) => {
+				const statsRow = statsMap.get(row.original.plantToken);
+
+				if (loadingStats) {
+					// use Skeleton from shadcn/ui (or any placeholder)
+					return <Skeleton className="h-4 w-16" />;
+				}
+				//console.log(statsMap);
+				return <span>{statsRow ? `${statsRow.memoryUsage}` : "--"}</span>;
+			},
+		}),
 	];
 
 	const table = useReactTable({