SDK JavaScript

// Morador na web com o SDK JS (v2): registra o aparelho, fica no WSS e atende.
// ?usuario=res_77 (ext_id do morador no sistema do parceiro)
// ?auto=1 atende sozinho (robô dos testes); ?relay=1 força TURN.
// Escreve window.__voiceResult no fim, para o teste ponta a ponta.
import { VoiceClient } from '/sdk/web/moraviq-voice.js';

const q = new URLSearchParams(location.search);
const usuario = q.get('usuario') || 'res_77';
const auto = q.get('auto') === '1';
const relay = q.get('relay') === '1';
const $ = (id) => document.getElementById(id);
window.__voiceReady = false;
window.__voiceResult = null;

// installation_id: um por navegador. Fica no localStorage (não é segredo).
let inst = null;
try { inst = localStorage.getItem('voz.installation_id'); } catch (_) { /* aba privada */ }
if (!inst) {
  inst = `web-${crypto.randomUUID()}`;
  try { localStorage.setItem('voz.installation_id', inst); } catch (_) { /* segue sem guardar */ }
}

const config = await (await fetch('/api/config')).json();
const client = new VoiceClient({
  baseUrl: config.baseUrl,
  getToken: async () => {
    const r = await fetch('/api/voz/token', {
      method: 'POST', headers: { 'Content-Type': 'application/json' }, cache: 'no-store',
      body: JSON.stringify({ papel: 'morador', usuario, installation_id: inst }),
    });
    if (!r.ok) throw new Error('token');
    return (await r.json()).token;
  },
});

client.addEventListener('connectionStateChanged', (e) => { $('conexao').textContent = `conexão: ${e.detail.state}`; });

let atual = null;
let ultimas = null;
let medidor = null;

function fim(status, motivo) {
  clearInterval(medidor);
  $('tocando').hidden = true;
  $('falando').hidden = true;
  if (!window.__voiceResult) window.__voiceResult = { status, endReason: motivo, ...(ultimas || {}) };
}

async function atender() {
  const c = atual;
  try {
    await c.accept({ audioElement: $('audio'), forceRelay: relay });
  } catch (e) {
    fim(`erro_${e.code || 'atender'}`);
    return;
  }
  $('tocando').hidden = true;
  $('falando').hidden = false;
  // As métricas somem quando a conexão fecha: guarda a última a cada segundo.
  medidor = setInterval(async () => {
    if (c.pc) ultimas = await c.stats();
    $('estado-chamada').textContent = `${c.status}${ultimas ? `, ${ultimas.selectedCandidateType || '?'}` : ''}`;
  }, 1000);
}

client.addEventListener('incomingCall', (e) => {
  atual = e.detail.incoming;
  const posto = e.detail.call && e.detail.call.caller && e.detail.call.caller.station_label;
  $('quem').textContent = posto || 'Portaria';
  $('tocando').hidden = false;
  atual.addEventListener('ended', async (ev) => fim(ev.detail.status, ev.detail.reason));
  if (auto) atender();
});

$('atender').onclick = atender;
$('recusar').onclick = () => atual && atual.reject();
$('desligar').onclick = () => atual && atual.hangup();

await client.registerDevice({ installationId: inst, platform: 'web', pushType: 'none' });
await client.connect();
window.__voiceReady = true;