Draft: Wait for WebSocket connection to open before sending

[ranvit]

SUMMARY

This change enhances the WebSocket connection handling in the UI by ensuring messages are only sent when the WebSocket is fully open. This improves stability, and might help address the recurring issues of job logs failing to live-refresh

TODO: insert all the issues in operator and base repo that mention job logs not refreshing, websocket errors, DOMException errors

ISSUE TYPE

• Bug, Docs Fix or other nominal change

COMPONENT NAME

• UI

AWX VERSION

v23,9.0

ADDITIONAL INFORMATION

Key Changes:

• In the onopen event, the ws.send is wrapped with a check to ensure that the WebSocket is open before sending the message. This should prevent the error related to the WebSocket being in the CONNECTING state.
• Move WebSocket creation inside connect function: This ensures a new WebSocket is instantiated during reconnection.
• Check WebSocket state before sending: Ensures messages are only sent when the WebSocket is open.
• Correctly set ws.current to a new WebSocket instance on reconnection: Ensures the reference is updated for each new connection.

[TheRealHaoLiu]

converting to draft PR due to title, @ranvit once its ready please put it in ready for review