WebUI#

The web interface for the CLP package, which currently consists of a React client and a Fastify server. It also serves the log-viewer.

Requirements#

Node.js v22 or higher
(Optional) nvm (Node Version Manager) to manage different versions of Node.js

Setup#

Download the log-viewer’s source code:
```
task deps:log-viewer
```
Install the app’s dependencies:
```
cd components/webui
(cd client && npm i)
(cd server && npm i)
```
If you add a package manually to package.json or package.json changes for some other reason, you should rerun the commands above.

Running#

To run the client during development:

cd components/webui/client
npm run start

To run the server during development:
```
cd components/webui/server
npm run dev
```
If you want to customize what host and port the server binds to, you can copy .env to .env.local and modify the values there. The .env.local file will override settings in .env.

Linting#

To check for linting errors:

task lint:check-js

To also fix linting errors (if applicable):

task lint:fix-js