Getting Started

import { SendexaChat } from '@sendexa/chat-sdk';

async function startChat() {
  // 1) Get a short-lived token from YOUR backend
  const { token, expiresAt } = await fetch('/api/chat/token', {
    method: 'POST',
    credentials: 'include',
  }).then((r) => r.json());

  // 2) Initialise the SDK
  const chat = SendexaChat.init({
    token,
    // Optional overrides (defaults shown):
    // apiUrl: 'https://api.sendexa.co',
    // wsUrl: 'wss://chat.sendexa.co/v1/ws',
    // autoReconnect: true,
    // logLevel: 'warn',
  });

  // 3) Register handlers BEFORE connect so you never miss events
  chat.on('connected', () => {
    console.log('Chat connected');
  });

  chat.on('disconnected', ({ reason }) => {
    console.warn('Chat disconnected', reason);
  });

  chat.on('message', (message) => {
    // message: { id, channelId, userId, body, createdAt, metadata? }
    console.log(`[${message.channelId}] ${message.userId}: ${message.body}`);
  });

  chat.on('error', (err) => {
    console.error('Chat error', err.code, err.message);
  });

  // 4) Open the WebSocket
  await chat.connect();

  // 5) Schedule a refresh before expiry (example: 60s early)
  const msUntilRefresh =
    new Date(expiresAt).getTime() - Date.now() - 60_000;
  if (msUntilRefresh > 0) {
    setTimeout(async () => {
      const next = await fetch('/api/chat/token', {
        method: 'POST',
        credentials: 'include',
      }).then((r) => r.json());
      await chat.updateToken(next.token);
    }, msUntilRefresh);
  }

  return chat;
}

const chat = await startChat();