() breaks title in devui

[maxandersen]

Describe the bug

card.addPage(Page.externalPageBuilder("HomeAssistant (admin/secret)")
                        .url(uiPath, uiPath)
                        .isHtmlContent()
                        .icon("font-awesome-solid:house"));

result in url generated to have () in it and then not work.

raises 3 questions:

1. should ( and / and ) not be escape or at least properly routed?
2. is there a better way to handle adding info in the label/title
3. i.e. should I be able to set componentName separate from the human readable title?

Expected behavior

No response

Actual behavior

No response

How to Reproduce?

No response

Output of uname -a or ver

No response

Output of java -version

No response

Quarkus version or git rev

No response

Build tool (ie. output of mvnw --version or gradlew --version)

No response

Additional information

No response

[quarkus-bot]

/cc @cescoffier (devui), @phillip-kruger (devui)

[gastaldi]

How about sanitizing the component name to remove the weird chars (replacing with _ for example)?

[phillip-kruger]

This PR (#40002) will fix the issue.

1. should ( and / and ) not be escape or at least properly routed?

Yes. Fixed by the PR above.

2. is there a better way to handle adding info in the label/title

The idea is to use labels for these kind of things. Label can be static, dynamic, or even streaming (see https://quarkus.io/guides/dev-ui#adding-labels). But, in your case you are using the external url feature, and that is just a predefined static label. The PR above adds a feature that allows multiple static labels.

3 i.e. should I be able to set componentName separate from the human readable title?

The componentName and the title can be different. In your case however, you are not providing a component (you are using a built-in component, called qwc-external-page)

Workaround options:

• You can add this to the label, however, you will have to create a dynamic label to add both the admin/secret and the link.
• You can create a custom card and do anything (see https://quarkus.io/guides/dev-ui#custom-cards)

After PR is merged

Once the PR above is merged and available you can do this:

cardPageBuildItem.addPage(Page.externalPageBuilder("HomeAssistant")
                .staticLabel("admin/secret")
                .icon("font-awesome-solid:house")
                .isHtmlContent()
                .url(uiPath, uiPath));

And it will render like this: