Relay Ping Browser

[Drulikar]

About the pull request

This PR adds a way to ping the relays and also easily connect to them. You can access this panel by clicking the ping near the top right of chat. The ping reported here will likely be inflated from what you will actually experience or see reported by TGChat (its highly dependent on how fast your computer runs the JavaScript, and is based only on a single ping per connection), but should still give an accurate relative difference between the different connections.

When the component is loaded, it starts a timer to begin the pings in 1 second. Whenever the component is unloaded, it indicates this to the ping javascript which will cause it to early return on any pending operations.

The configs are added to examples in relays.txt. You can include it in config.txt.

Explain why it's good for the game

This should give more visibility to the relays, provide an easy way to use them, and give more of an idea the differences in connection speeds to each relay.

Testing Photographs and Procedure

Random values during testing:

An actual test example (with last forced to time out):

Now with gauges:

Now with flex layout:

Changelog

🆑 Drathek
ui: Added the relay ping browser accessed by the tgchat ping to test and use alternative connections to the server
ui: Added onConfirmChange prop to Button.Confirm component.
config: Added CONNECTION_RELAY_PING and CONNECTION_RELAY_CON in the relays.txt config that is optionally included in config.txt
/:cl:

[iloveloopers]

south america relay when? nice pr tho

[harryob]

looks like everyone's getting in on the reviewing action here

addressed in 7bdd18e