WEB UI - DeeEmm/DIY-Flow-Bench GitHub Wiki

The WebUI is contained within the html folder and comprises of several html, javascript and css files. These files are compressed and converted into byte arrays within the publichtml.cpp file.

From there the Byte arrays are uncompressed at runtime and served to the users browser suing HTTP and SSE protocols

The Byte arrays can be created by using the htmlToBytes.py python script within the tools folder.

Compiling / compressing the Web UI

The raw web UI files can be found in the /ESP32/DIY-Flow-Bench/html folder.

To run the htmlToBytes.py file, simply open the file in VSCode / platformIO and click on the 'run' icon at the top right hand side of its header bar. This will open a python dialog where the status of the transaction is displayed.