bun add @iconical/presencekit

import { createPresenceClient } from "@iconical/presencekit";

const client = createPresenceClient();
const result = await client.getPresence("123456789012345678");

document.querySelector("#presence")!.textContent =
  `${result.profile.displayName}: ${result.presence?.status ?? "pending"}`;

const element = document.querySelector("#presence")!;
const stop = client.subscribePresence("123456789012345678", {
  onUpdate(result) {
    element.textContent = result.presence?.status ?? "Waiting for data";
  },
  onError() {
    element.textContent = "Presence unavailable";
  },
}, { transport: "auto" });

window.addEventListener("pagehide", stop, { once: true });

import { getPlayingActivities, getSpotifyNowPlaying } from "@iconical/presencekit";

const games = getPlayingActivities(result.presence);
const spotify = getSpotifyNowPlaying(result.presence);
console.log(games.map((a) => a.name));
console.log(spotify?.song);