Usage instructions in README

[hoijui]

Could you please add them?
I am not a web-dev, and am at a loss.

[tpluscode]

What exactly are you asking?

You paste RDF on the left, select the input format, and it gets converted on the right to the desired format. You can select prefixes. That's about it...

[hoijui]

This is a repo with code, while you are talking about .. a Web UI, I guess. How can I get from the code to the Web UI? I need to run a web-server or node or... something, right? How?

[tpluscode]

Linked from the sidebar: https://converter.zazuko.com/

Let's add that URL to the readme

[hoijui]

good idea!
but I want to know how to host it myself, and that is something that should be in a README.

[tpluscode]

Ok, I added some more details. There isn't really much to it. Let me know if you have any more questions

[hoijui]

cool, thank you @tpluscode , that's it! :-)
Doing this starts the server, and it tells me to look at http://127.0.0.1:8081. Doing that shows an empty page, and the log in the console reads:

[Thu May 08 2025 15:50:23 GMT+0200 (Central European Summer Time)]  "GET /" "Mozilla/5.0 (X11; Linux x86_64; user:128.0) Gecko/20100101 Firefox/128.0"
(node:479799) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated
(Use `node --trace-deprecation ...` to show where the warning was created)
[Thu May 08 2025 15:50:23 GMT+0200 (Central European Summer Time)]  "GET /" Error (404): "Not found"

[tpluscode]

That is unexpected. In dist you should have file index.html and assets subdirectory.

Has the build scceeded?

[hoijui]

there is no dist.
If i first mkdir dist and then run the below, the directory stays empty after starting and accessing in the browser.

$ npx http-server dist
Starting up http-server, serving dist

http-server version: 14.1.1

http-server settings:
CORS: disabled
Cache: 3600 seconds
Connection Timeout: 120 seconds
Directory Listings: visible
AutoIndex: visible
Serve GZIP Files: false
Serve Brotli Files: false
Default File Extension: none

Available on:
  http://127.0.0.1:8081
  http://192.168.2.151:8081
Hit CTRL-C to stop the server

Tough this way the browser shows me this:

Index of /

Node.js v20.19.0/ [http-server](https://github.com/http-party/http-server) server running @ 127.0.0.1:8081

[tpluscode]

From the readme

Executing npm run build will create an optimised build in the directory dist. These are just static files which can be hosted on any plain HTTP server.

[hoijui]

:D
... woops!
indeed after that, I have the dist dir populated with index.html and the assets dir. I still see an empty page in the browser though.
same happens with npm start -- --open.

SIDE NOTE just saw a typo in the README: nppm

[tpluscode]

Uh, ok. Anything interesting in the browser console?

[hoijui]

I would say no ....

[Fri May 09 2025 11:43:01 GMT+0200 (Central European Summer Time)]  "GET /" "Mozilla/5.0 (X11; Linux x86_64; user:128.0) Gecko/20100101 Firefox/128.0"
(node:637427) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated
(Use `node --trace-deprecation ...` to show where the warning was created)
[Fri May 09 2025 11:43:01 GMT+0200 (Central European Summer Time)]  "GET /assets/index-D0h6ubw1.js" "Mozilla/5.0 (X11; Linux x86_64; user:128.0) Gecko/20100101 Firefox/128.0"

[tpluscode]

Thos are server logs. I mean the browser.

[hoijui]

aii true :D

Paused on exception
NotSupportedError: CustomElementRegistry.define: 'vaadin-lumo-styles' has already been defined as a custom element

Uncaught DOMException: CustomElementRegistry.define: 'vaadin-lumo-styles' has already been defined as a custom element
    <anonymous> http://127.0.0.1:8081/assets/index-D0h6ubw1.js:1223

that line:

*/let VL=class extends HTMLElement{static get version(){return"22.1.0"}};customElements.define("vaadin-lumo-styles",VL);/**

[tpluscode]

I think you need to properly revert the changes from your PR (package lock)

git reset --hard
git pull
npm i
npm start -- --open