main.js

import { NT4_Client } from "./nt4.js";

var nt = new NT4_Client(
  "10.17.21.2",
  doNothing,
  doNothing,
  handleNewData,
  doNothing,
  onDisconnect,
);

nt.ws_connect();
nt.subscribeAllSamples("/");

function doNothing() {}

function onDisconnect() {}

function handleNewData(topic, timestamp, value) {
  let name = topic.name;

  if (topic.name == "/components/swerve/pose") {
    let [x, y, z] = value;
    $("#robot").css({
      left: x * 65.590062111 + "px",
      bottom: y * 65.590062111 + "px",
      rotate: z + "deg",
    });
    $("#robotpos").html("Robot<br>" + x + "<br>" + y + "<br>" + z);
  }
  if (topic.name == "/components/swerve/goal") {
    let [x, y, z] = value;
    $("#target").css({
      left: x * 65.590062111 + "px",
      bottom: y * 65.590062111 + "px",
      rotate: z + "deg",
    });
    $("#targetpos").html("Target<br>" + x + "<br>" + y + "<br>" + z);
  }
  if (topic.name == "/components/swerve/heading") {
    $("#gyro").html("Gyro<br>" + value);
  }
  if (topic.name == "/limelight/botpose_orb_wpiblue") {
    console.log(value);
  }
}