Fixes on monitor app

py/examples/monitor_app/config.json

@@ -2,7 +2,7 @@
   "configs": [
     {
       "name": "gps",
-      "port": 3001,
+      "port": 50010,
       "host": "localhost"
     },
     {
@@ -11,13 +11,13 @@
       "host": "localhost"
     },
     {
-      "name": "oak0",
+      "name": "oak/0",
       "port": 50010,
       "host": "localhost"
     },
     {
-      "name": "oak1",
-      "port": 50011,
+      "name": "oak/1",
+      "port": 50010,
       "host": "localhost"
     },
     {

py/examples/monitor_app/main.py

@@ -27,7 +27,9 @@
 from fastapi import FastAPI
 from fastapi import WebSocket
 from fastapi.middleware.cors import CORSMiddleware
+from fastapi.responses import FileResponse
 from fastapi.responses import JSONResponse
+from fastapi.staticfiles import StaticFiles
 from google.protobuf.json_format import MessageToJson
 
 app = FastAPI()
@@ -40,6 +42,8 @@
     allow_headers=["*"],  # Allows all headers
 )
 
+app.mount("/static", StaticFiles(directory="./ts/dist"), name="static")
+
 # to store the events clients
 clients: dict[str, EventClient] = {}
 
@@ -81,7 +85,7 @@ async def subscribe(websocket: WebSocket, service_name: str, uri_path: str, ever
 
 @app.get("/")
 def read_root():
-    return {"Hello": "World"}
+    return FileResponse('./ts/dist/index.html')
 
 
 if __name__ == "__main__":

py/examples/monitor_app/ts/vite.config.ts

@@ -1,7 +1,17 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 
-// https://vitejs.dev/config/
 export default defineConfig({
-  //plugins: [react()],
-})
+  plugins: [react()],
+  base: '/static/', // Ensure this line is added
+  build: {
+    outDir: 'dist',
+    rollupOptions: {
+      output: {
+        assetFileNames: 'assets/[name].[hash].[ext]',
+        chunkFileNames: 'assets/[name].[hash].js',
+        entryFileNames: 'assets/[name].[hash].js',
+      },
+    },
+  },
+});