Version bump, dash UX and internal config

deploy/helm/index.yaml

@@ -2,23 +2,23 @@ apiVersion: v1
 entries:
   nanomon:
   - apiVersion: v2
-    appVersion: 0.0.8
-    created: "2023-10-28T11:03:16.084451395+01:00"
+    appVersion: 0.0.9
+    created: "2023-12-29T15:58:59.969596475Z"
     dependencies:
     - condition: mongodb.enabled
       name: mongodb
       repository: https://charts.bitnami.com/bitnami
       version: 13.x.x
     description: Deploy NanoMon, a HTTP and network monitoring tool
-    digest: 6269c725121a3601e1fbb757d4c23ab2fb7eeb0d70ab1d09161bc416cd534f3a
+    digest: 033846643a063be31075313f66a476d7af9b06bca0492a4f075eefd3b0db6f85
     name: nanomon
     type: application
     urls:
     - nanomon-0.0.6.tgz
     version: 0.0.6
   - apiVersion: v2
     appVersion: 0.0.4
-    created: "2023-10-28T11:03:16.077647567+01:00"
+    created: "2023-12-29T15:58:59.963805497Z"
     dependencies:
     - condition: mongodb.enabled
       name: mongodb
@@ -33,7 +33,7 @@ entries:
     version: 0.0.5
   - apiVersion: v2
     appVersion: 0.0.3
-    created: "2023-10-28T11:03:16.071528116+01:00"
+    created: "2023-12-29T15:58:59.958862518Z"
     dependencies:
     - condition: mongodb.enabled
       name: mongodb
@@ -46,4 +46,4 @@ entries:
     urls:
     - nanomon-0.0.4.tgz
     version: 0.0.4
-generated: "2023-10-28T11:03:16.066312772+01:00"
+generated: "2023-12-29T15:58:59.952014861Z"

deploy/helm/nanomon/Chart.yaml

@@ -3,7 +3,7 @@ name: nanomon
 description: Deploy NanoMon, a HTTP and network monitoring tool
 type: application
 version: "0.0.6"
-appVersion: "0.0.8"
+appVersion: "0.0.9"
 dependencies:
   - name: mongodb
     repository: https://charts.bitnami.com/bitnami

deploy/helm/nanomon/README.md

@@ -1,6 +1,6 @@
 # nanomon
 
-![Version: 0.0.6](https://img.shields.io/badge/Version-0.0.6-informational?style=flat-square) ![Type: application](https://img.shields.io/badge/Type-application-informational?style=flat-square) ![AppVersion: 0.0.8](https://img.shields.io/badge/AppVersion-0.0.8-informational?style=flat-square)
+![Version: 0.0.6](https://img.shields.io/badge/Version-0.0.6-informational?style=flat-square) ![Type: application](https://img.shields.io/badge/Type-application-informational?style=flat-square) ![AppVersion: 0.0.9](https://img.shields.io/badge/AppVersion-0.0.9-informational?style=flat-square)
 
 Deploy NanoMon, a HTTP and network monitoring tool
 

frontend/app.mjs

@@ -169,6 +169,11 @@ async function startApp() {
       BUILD_INFO: '__DEFAULT__',
     }
   }
+
+  // These are sort of hard coded as I'm lazy
+  config.apiDebug = false // Enable API debug logging
+  config.refreshTime = 15 // Seconds between refreshes
+
   console.log(`### Config: ${JSON.stringify(config)}`)
 
   Alpine.start()

frontend/css/main.css

@@ -99,3 +99,12 @@ a {
     font-size: 1rem;
   }
 }
+
+.dash-name {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  min-height: 2.4rem;
+  line-height: 1.2rem;
+}

frontend/lib/api-client.mjs

@@ -3,6 +3,8 @@
 // NanoMon Frontend - API client for calling the backend NanoMon API
 // ----------------------------------------------------------------------------
 
+import { config } from '../app.mjs'
+
 export class APIClient {
   endpoint = 'http://localhost:8000'
   scopes = []
@@ -55,7 +57,9 @@ export class APIClient {
 
   // All requests go through this method, it handles auth if required
   async _baseRequest(path, method = 'GET', body, authRequest = false) {
-    // Removed console.log(`### API request: ${method} ${this.endpoint}/${path}`)
+    if (config.apiDebug) {
+      console.log(`### API request: ${method} ${this.endpoint}/${path}`)
+    }
 
     // This block handles authentication if enabled and the request requires it
     let tokenRes = null

frontend/views/dash.html

@@ -9,8 +9,7 @@
       @click="window.location.hash = '#monitor/'+m.id"
     >
       <div x-html="m.icon" class="fs-1"></div>
-      <!-- <hr /> -->
-      <div x-text="m.name"></div>
+      <div x-text="m.name" class="dash-name"></div>
     </div>
   </template>
 </div>
@@ -19,6 +18,7 @@
   <div class="spinner-border spinner-border-sm text-info" role="status" x-show="loading">
     <span class="visually-hidden">Loading...</span>
   </div>
+
   <span x-text="updateText"></span>
 
   &mdash; <span x-text="paused ? 'Auto update paused': 'Auto update every '+autoUpdate+' seconds '"> </span> &mdash;

frontend/views/dash.mjs

@@ -3,12 +3,13 @@
 // NanoMon Frontend
 // ----------------------------------------------------------------------------
 
+import { config } from '../app.mjs'
 import { getStatusFields, monitorIcon } from '../lib/utils.mjs'
 
 export const dashComponent = (api) => ({
   monitors: [],
   error: '',
-  autoUpdate: 5,
+  autoUpdate: config.refreshTime,
   updated: new Date(),
   intervalToken: null,
   loading: true,

frontend/views/home.mjs

@@ -3,6 +3,7 @@
 // NanoMon Frontend
 // ----------------------------------------------------------------------------
 
+import { config } from '../app.mjs'
 import { getStatusFields, monitorIcon } from '../lib/utils.mjs'
 
 const charts = {}
@@ -11,7 +12,7 @@ const CHART_SIZE = 20
 export const homeComponent = (api) => ({
   monitors: [],
   error: '',
-  autoUpdate: 5,
+  autoUpdate: config.refreshTime,
   updated: new Date(),
   intervalToken: null,
   loading: true,

frontend/views/results.mjs

@@ -3,12 +3,13 @@
 // NanoMon Frontend
 // ----------------------------------------------------------------------------
 
+import { config } from '../app.mjs'
 import { getStatusFields } from '../lib/utils.mjs'
 
 export const resultsComponent = (api) => ({
   results: [],
   error: '',
-  autoUpdate: 5,
+  autoUpdate: config.refreshTime,
   updated: new Date(),
   intervalToken: null,
   loading: true,