import Client, { client, clientState, setClient } from "../client";
import queryParser from "../utils/queryParser";
const { ip: serverIP, connect } = queryParser();

/**
 * Triggered when the reconnect button is pushed.
 */
export function ReconnectButton() {
  document.getElementById("client_errortext")!.textContent = "Reconnecting...";

  // Build the connection string the same way the initial connection does
  let connectionString = connect;
  if (!connectionString && serverIP) {
    connectionString = `ws://${serverIP}`;
  }

  const hdid = client.hdid;
  client.state = clientState.Reconnecting;
  client.cleanup();

  const newClient = new Client(connectionString);
  setClient(newClient);
  newClient.hdid = hdid;
  newClient.connect();
}
window.ReconnectButton = ReconnectButton;