how to link the web UI with backend server (uecapabilityparser)

[narenvreddy]

Hello, i have made a changes of Web UI as per my need, can you help how to link new Web UI with backend server.... whenever i run localhost:8080 it says not found

[handymenny]

Hi, there are different ways to achieve this.

If the changes are minimal, you can inject a custom .js or custom .css via cli:

uecapabilityparser server -p 8080 --custom-css custom.css --custom-js custom.js

Alternatively you can replace the builtin web ui:

1. Build the web ui following the instructions here: https://github.com/handymenny/uecapabilityparser-web/blob/main/README.md
2. Copy the content of dist folder to src/main/resources/web
3. Build uecapabilityparser.jar or docker image, see: https://github.com/handymenny/uecapabilityparser?tab=readme-ov-file#build

Instead, if you don't want to use builtin web ui:

1. Update all endpoints in https://github.com/handymenny/uecapabilityparser-web/blob/main/.env to point to the parser (you can use relative or absolute urls)
2. Build the web ui following the instructions here: https://github.com/handymenny/uecapabilityparser-web/blob/main/README.md
3. Serve dist folder with your favourite webserver

[narenvreddy]

Thank you for your valueable respone to the Query.....

Yes, I build the web UI using npm build.server and npm build.client as (npm run build was giving too many error on buildtypes.)

When i run build.server it build files where are only in routes folder but files components are not built as my code as extra files in componets which are not called during build.server. hence my changes are not getting reflected... Pls suggest.