Clean up dashboard server remnants

Author: rbergen

README.md

@@ -41,18 +41,12 @@ Key concepts for programmers:
 3. **Apply Effects**: Use the `EffectsManager` to apply visual effects to the canvas.
 4. **Transmit Data**: Socket channels handle sending the rendered canvas data to the remote LED controllers.
 
-The project includes a REST API via the `WebServer` class to control and configure canvases dynamically.
-It also includes a browser dashboard served by `DashboardServer` from the `webui` folder.
+The project includes a REST API and browser dashboard via the `WebServer` class to control and configure canvases dynamically.
 For detailed interface descriptions and class diagrams, refer to the sections below.
 
-### Runtime Servers and Ports
+### Runtime Server and Port
 
-At runtime, `ndscpp` starts two HTTP servers:
-
-- **API server (`WebServer`)**: serves all `/api/...` endpoints (default port `7777`)
-- **Dashboard server (`DashboardServer`)**: serves static UI assets (`/`, `/index.html`, `/styles.css`, `/app.js`) and runtime config (`/app-config.js`) (default port `9997`)
-
-The dashboard JavaScript calls the API server directly using the configured API port from `/app-config.js`.
+At runtime, `ndscpp` starts a single HTTP server, which serves all `/api/...` endpoints and static UI assets. Its default port is `7777`.
 
 ### Running `ndscpp`
 
@@ -64,18 +58,15 @@ Default startup:
 
 Useful options:
 
-- `-p <port>`: API port (default `7777`)
-- `-w <webuiport>`: dashboard/UI port (default `9997`)
+- `-p <port>`: server port (default `7777`)
 - `-c <configfile>`: controller config file (default `config.led`)
 
 Example:
 
 ```shell
-./ndscpp -p 7777 -w 9997 -c config.led
+./ndscpp -p 7777 -c config.led
 ```
 
-Note: API and Web UI ports must be different.
-
 This repository is designed for programmers familiar with modern C++ (C++20 and later) and concepts like interfaces, threading, and network communication. Jump into the code, and start by exploring the interfaces and their implementing classes to understand the system's structure.
 
 This project uses clang++ and make, and is dependent on the libraries for asio (because Crow uses it), pthreads, z, avformat, avcodec, avutil, swscale, swresample and spdlog. For the "ledmon" monitor application in the monitor directory, the ncurses and curl libraries are required.
@@ -182,11 +173,6 @@ Provides utilities for switching between effects (`NextEffect` and `PreviousEffe
 Hosts a REST API for interacting with and controlling LED canvases and their features.
 Supports dynamic management of features, canvases, and effects via HTTP endpoints.
 
-### DashboardServer
-
-Hosts the browser dashboard UI and serves static files from `webui/`.
-Provides `/app-config.js`, which exposes runtime API port settings consumed by the UI.
-
 ### Utilities
 
 Provides static helper functions for byte manipulation, color conversion, and data combination tasks.

config.led.example

@@ -542,6 +542,5 @@
         "width": 32
       }
     ],
-    "port": 7777,
-    "webuiport": 9997
+    "port": 7777
 }

webui/app.js

@@ -115,7 +115,6 @@ function bindElements() {
   elements.connectionStatus = document.getElementById("connectionStatus");
   elements.connectionStatusText = document.getElementById("connectionStatusText");
   elements.apiPortValue = document.getElementById("apiPortValue");
-  elements.webPortValue = document.getElementById("webPortValue");
 
   elements.tableMetaText = document.getElementById("tableMetaText");
   elements.canvasTableBody = document.getElementById("canvasTableBody");
@@ -836,7 +835,6 @@ function render() {
 function renderConnectionStatus() {
   const controller = state.controller || {};
   elements.apiPortValue.textContent = controller.port ?? "--";
-  elements.webPortValue.textContent = controller.webuiport ?? "--";
   elements.connectionStatus.classList.toggle("online", state.connected);
   elements.connectionStatus.classList.toggle("offline", !state.connected);
   elements.connectionStatusText.textContent = state.connected

webui/index.html

@@ -27,10 +27,7 @@ <h1>NightDriver Web Control</h1>
           <span>API</span>
           <strong id="apiPortValue">--</strong>
         </div>
-        <div class="port-pill">
-          <span>WEB</span>
-          <strong id="webPortValue">--</strong>
-        </div>
+
         <span class="split-button">
           <button id="settingsToggle" class="settings-gear-button" type="button" title="Settings">&#x2699;</button>
           <div id="settingsDropdownMenu" class="split-button-menu">