const button = document.getElementById("ptt");

function api() {
  if (!window.go || !window.go.main || !window.go.main.App) {
    return null;
  }
  return window.go.main.App;
}

function line(state) {
  if (state.detail && state.detail !== "Idle") {
    return state.detail;
  }
  if (state.talker) {
    return state.talker;
  }
  return "Idle";
}

function render(state) {
  document.getElementById("connection").textContent = state.connection;
  document.getElementById("callsign").textContent = state.callsign;
  document.getElementById("talkgroup").textContent = String(state.talkGroup);
  const protocol = document.getElementById("protocol");
  protocol.textContent = state.protocol ? "Protocol " + state.protocol : "";
  document.getElementById("detail").textContent = line(state);
  button.classList.toggle("down", !!state.transmitting);
}

function refresh() {
  const app = api();
  if (!app) {
    return;
  }
  app.State().then(render).catch(function () {});
}

button.addEventListener("pointerdown", function (event) {
  event.preventDefault();
  button.setPointerCapture(event.pointerId);
  const app = api();
  if (app) {
    app.HoldButton();
  }
});

function releaseButton() {
  const app = api();
  if (app) {
    app.ReleaseButton();
  }
}

button.addEventListener("pointerup", releaseButton);
button.addEventListener("pointercancel", releaseButton);

let spaceHeld = false;

window.addEventListener("keydown", function (event) {
  if (event.code !== "Space") {
    return;
  }
  event.preventDefault();
  if (event.repeat || spaceHeld) {
    return;
  }
  spaceHeld = true;
  const app = api();
  if (app) {
    app.HoldSpace();
  }
});

window.addEventListener("keyup", function (event) {
  if (event.code !== "Space") {
    return;
  }
  event.preventDefault();
  if (!spaceHeld) {
    return;
  }
  spaceHeld = false;
  const app = api();
  if (app) {
    app.ReleaseSpace();
  }
});

setInterval(refresh, 100);
refresh();