The WebSocket Dev UI widget does not connect for nested classes

[cescoffier]

Describe the bug

When you click on connect, nothing happens.
The console says:
Uncaught SyntaxError: Failed to execute 'querySelector' on 'DocumentFragment': '#org_acme_QuarkusAiServiceScopes$MyWSEndpoint' is not a valid selector.

I believe it's because my web socket is a nested class.

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 @phillip-kruger (devui)

[phillip-kruger]

Is this Quarkus Dev ui or langchain4j extension?

[cescoffier]

Quarkus Dev UI.

Basically, if you have a websocket endpoint declared as a static nested class, the generated id is incorrect because of the #

public class Application {

    @WebSocket(path="/ws")
    static class MyWebSocket {
    
         @OnTextMessage
         String echo(String s) { return s; }
    }

}

[mkouba]

Is this Quarkus Dev ui or langchain4j extension?

I believe that it's a WS Next Dev UI. Will take a look.

[cescoffier]

The websocket works, it's just the dev ui that compute an invalid javascript it.

[cescoffier]

(BTW, I'm using the nested class technique in presentation to have everything in one file)

[mkouba]

The websocket works, it's just the dev ui that compute an invalid javascript it.

Yes, I mean the Dev UI part of the WS Next extension...

[mkouba]

This one-liner fix should help..