Add env example files (#6)

* Add uptime monitoring

* remove test file

* Add granular checks, uptime monitoring and latency graph

* update latency & add example env files

* testing a rebase

* update env example files

backend/.env.example

@@ -0,0 +1,2 @@
+# PORT = 3002 
+# Port to run the server on

backend/README.md

@@ -8,6 +8,7 @@ The services and their expected responses are contained in the `endpoints.jsoon`
 To run this server locally, follow these steps:
 
 * Clone the repository with `git clone https://github.com/shardeum/network-status.git`
+* Change into the backend directory with `cd backend`
 * Install the dependencies with `npm install`
 * Run the local dev server with: `npm start`
 * This should start the server on port 3002 from where it will feed data to Prometheus.

backend/endpoints.json

@@ -57,8 +57,7 @@
         {
             "url": "https://explorer-sphinx.shardeum.orgdfsgs/",
             "name": "Explorer",
-            "help": "This is the Shardeum Explorer",
-            "expectedResponse": "The Shardeum Betanet Explorer"
+            "help": "This is the Shardeum Explorer"
 
         },
         {

backend/services/servicecheck.ts

@@ -39,6 +39,7 @@ class HealthChecker {
         this.startPeriodicChecks();
     }
     flattenEndpoints(urls: any[]) {
+        // If an endpoint is part of a group, it is flattened so that each service can be checked individually.
         // If an endpoint is part of a group, it is flattened so that each service can be checked individually.
         return urls.flatMap(endpoint => 'servers' in endpoint ? endpoint.servers : [endpoint]);
     }

frontend/.env.example

@@ -0,0 +1,3 @@
+# http://localhost:9090 this is where your local prometheus instance is running
+# NEXT_PUBLIC_PROMETHEUS_URL_RANGE = "http://localhost:9090/api/v1/query_range"
+# NEXT_PUBLIC_PROMETHEUS_URL = "http://localhost:9090/api/v1/query?query=Shardeum"

frontend/.gitignore

@@ -27,7 +27,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
-.env*.local
+.env.local
 
 # vercel
 .vercel

frontend/src/app/latency/latencygraph.tsx

@@ -5,7 +5,6 @@ export default function LatencyGraph({ data, name }: Readonly<{ data: any, name:
     const details = {
         chart: {
             id: name,
-
             type: "line",
             animations: {
                 enabled: true,
@@ -14,9 +13,6 @@ export default function LatencyGraph({ data, name }: Readonly<{ data: any, name:
                     speed: 2000
                 }
             },
-            toolbar: {
-                show: false
-            },
 
         },
 
@@ -26,18 +22,10 @@ export default function LatencyGraph({ data, name }: Readonly<{ data: any, name:
         },
         yaxis: [
             {
-                axisTicks: {
-                    show: true
-                },
                 axisBorder: {
                     show: true,
                     color: "#247BA0"
                 },
-                labels: {
-                    style: {
-                        colors: "#247BA0"
-                    }
-                },
                 title: {
                     text: "Response time (s)",
                     style: {
@@ -48,14 +36,11 @@ export default function LatencyGraph({ data, name }: Readonly<{ data: any, name:
                 }
             }
         ],
-        dataLabels: {
-            enabled: false
-        },
+
         stroke: {
             curve: 'straight',
         },
         title: {
-            // text: 'Latency Graph',
             text: name,
             align: 'left'
         },