Merge pull request #122 from Lilypad-Tech/noryev/fix-webui

Noryev/fix webui

apps/info-dashboard/package.json

@@ -8,7 +8,8 @@
 		"start": "next start",
 		"lint": "next lint",
 		"test": "vitest",
-		"preview": "pnpm dlx http-server out"
+		"preview": "pnpm dlx http-server out",
+		"boot": "doppler run --preserve-env --command=\"pnpm i && pnpm -r build\""
 	},
 	"dependencies": {
 		"@floating-ui/react": "^0.26.17",

apps/info-dashboard/src/lib/fetchers/leaderboard.ts

@@ -16,10 +16,21 @@ import {
 import { NodesEndpointReturnType } from "./nodes";
 
 export async function fetchLeaderboard() {
-	const API_HOST = process.env.NEXT_PUBLIC_API_HOST;
-	const leaderboard_url = `${API_HOST}metrics-dashboard/leaderboard`;
-	const raw = await fetch(leaderboard_url);
-	return (await raw.json()) as LeaderboardReturnType;
+    // Add default value and trim any trailing slashes
+    const API_HOST = (process.env.NEXT_PUBLIC_API_HOST || '').replace(/\/$/, '');
+    // Add error handling and logging
+    try {
+        const leaderboard_url = `${API_HOST}/metrics-dashboard/leaderboard`;
+        console.log('Fetching from:', leaderboard_url); // Debug log
+        const raw = await fetch(leaderboard_url);
+        if (!raw.ok) {
+            throw new Error(`HTTP error! status: ${raw.status}`);
+        }
+        return (await raw.json()) as LeaderboardReturnType;
+    } catch (error) {
+        console.error('Error fetching leaderboard:', error);
+        throw error;
+    }
 }
 
 export function toTableData({

apps/info-dashboard/src/lib/fetchers/nodes.ts

@@ -17,11 +17,20 @@ export type NodesEndpointReturnElement = {
 export type NodesEndpointReturnType = NodesEndpointReturnElement[];
 
 export async function fetchNodes() {
-	const API_HOST = process.env.NEXT_PUBLIC_API_HOST;
-	const URL = `${API_HOST}metrics-dashboard/nodes`;
-	const raw = await fetch(URL);
-	const res = (await raw.json()) as NodesEndpointReturnType;
-	return res;
+    const API_HOST = (process.env.NEXT_PUBLIC_API_HOST || '').replace(/\/$/, '');
+    try {
+        const URL = `${API_HOST}/metrics-dashboard/nodes`;
+        console.log('Fetching nodes from:', URL); // Debug log
+        const raw = await fetch(URL);
+        if (!raw.ok) {
+            throw new Error(`HTTP error! status: ${raw.status}`);
+        }
+        const res = (await raw.json()) as NodesEndpointReturnType;
+        return res;
+    } catch (error) {
+        console.error('Error fetching nodes:', error);
+        throw error;
+    }
 }
 
 export function toGeoJson(data: NodesEndpointReturnType) {