Quick Login browser quickstart

const tab = crypto.randomUUID();
const events = new WebSocket("wss://eu.id.tagroot.io/ClientEventsWS", ["ls"]);

events.onopen = () => {
  events.send(JSON.stringify({
    cmd: "Register",
    tabId: tab,
    location: window.location.href
  }));
  // Request the first QR code after registering this tab.
};

events.onmessage = ({ data }) => {
  if (!data) return;
  const event = JSON.parse(data);
  if (event.type === "SignatureReceived") {
    document.getElementById("result").textContent =
      JSON.stringify(event.data, null, 2);
    // Stop QR refresh and release the event connection here.
  }
};

const response = await fetch("https://eu.id.tagroot.io/QuickLogin", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  credentials: "omit",
  body: JSON.stringify({
    serviceId: "",
    tab,
    mode: "base64",
    purpose: "Display my identity in the Example application for five minutes."
  })
});
if (!response.ok) throw new Error(`Quick Login returned HTTP ${response.status}`);
const code = await response.json();

document.getElementById("qr").src =
  `data:${code.contentType};base64,${code.base64}`;
document.getElementById("sign").href = code.signUrl;

<a id="sign"><img id="qr" alt="Scan to approve the identity request" /></a>
<pre id="result" aria-live="polite"></pre>