@xmpp/client

client

An XMPP client is an entity that connects to an XMPP server.

@xmpp/client package includes a minimal set of features to connect and authenticate securely and reliably.

It supports Node.js, browsers and React Native. See below for differences.

Install

npm install @xmpp/client @xmpp/debug

Setup

import { client, xml, jid } from "@xmpp/client";

or

<script
  src="https://unpkg.com/@xmpp/client@VERSION/dist/xmpp.min.js"
  crossorigin
></script>

Replace VERSION with the desired version number.

const { client, xml, jid } = window.XMPP;

Example

import { client, xml } from "@xmpp/client";
import debug from "@xmpp/debug";

const xmpp = client({
  service: "ws://localhost:5280/xmpp-websocket",
  domain: "localhost",
  resource: "example",
  username: "username",
  password: "password",
});

debug(xmpp, true);

xmpp.on("error", (err) => {
  console.error(err);
});

xmpp.on("offline", () => {
  console.log("offline");
});

xmpp.on("stanza", onStanza);
async function onStanza(stanza) {
  if (stanza.is("message")) {
    xmpp.removeListener("stanza", onStanza);
    await xmpp.send(xml("presence", { type: "unavailable" }));
    await xmpp.stop();
  }
}

xmpp.on("online", async (address) => {
  console.log("online as", address.toString());

  // Makes itself available
  await xmpp.send(xml("presence"));

  // Sends a chat message to itself
  const message = xml(
    "message",
    { type: "chat", to: address },
    xml("body", {}, "hello world"),
  );
  await xmpp.send(message);
});

await xmpp.start();

xml

See xml package

jid

See jid package

client

• options <Object>
  • service <string> The service to connect to, accepts an URI or a domain.
    • domain lookup and connect to the most secure endpoint using @xmpp/resolve
    • xmpp://hostname:port plain TCP, may be upgraded to TLS by @xmpp/starttls
    • xmpps://hostname:port direct TLS
    • ws://hostname:port/path plain WebSocket
    • wss://hostname:port/path secure WebSocket
  • domain <string> Optional domain of the service, if omitted will use the hostname from service. Useful when the service domain is different than the service hostname.
  • resource <string> Optional resource for resource binding
  • username <string> Optional username for sasl
  • password <string> Optional password for sasl
  • timeout <number Number of miliseconds to wait before timing out (default is 2000)

Returns an xmpp object.

xmpp

xmpp is an instance of EventEmitter.

status

online indicates that xmpp is authenticated and addressable. It is emitted every time there is a successfull (re)connection.

offline indicates that xmpp disconnected and no automatic attempt to reconnect will happen (after calling xmpp.stop()).

Additional status:

• connecting: Socket is connecting
• connect: Socket is connected
• opening: Stream is opening
• open: Stream is open
• closing: Stream is closing
• close: Stream is closed
• disconnecting: Socket is disconnecting
• disconnect: Socket is disconnected

You can read the current status using the status property.

const isOnline = xmpp.status === "online";

You can listen for status change using the status event.

Event status

Emitted when the status changes.

xmpp.on("status", (status) => {
  console.debug(status);
});

Event error

Emitted when an error occurs. For connection errors, xmpp will reconnect on its own using @xmpp/reconnect however a listener MUST be attached to avoid uncaught exceptions.

• <Error>

xmpp.on("error", (error) => {
  console.error(error);
});

Event stanza

Emitted when a stanza is received and parsed.

• <Element>

// Simple echo bot example
xmpp.on("stanza", (stanza) => {
  console.log(stanza.toString());
  if (!stanza.is("message")) return;

  const { to, from } = stanza.attrs;
  stanza.attrs.from = to;
  stanza.attrs.to = from;
  xmpp.send(stanza);
});

Event online

Emitted when connected, authenticated and ready to receive/send stanzas.

• <Jid>

xmpp.on("online", (address) => {
  console.log("online as", address.toString());
});

Event offline

Emitted when the connection is closed an no further attempt to reconnect will happen, after calling xmpp.stop().

xmpp.on("offline", () => {
  console.log("offline");
});

start

Starts the connection. Attempts to reconnect will automatically happen if it cannot connect or gets disconnected.

xmpp.on("online", (address) => {
  console.log("online", address.toString());
});
await xmpp.start();

Returns a promise that resolves if the first attempt succeed or rejects if the first attempt fails.

stop

Stops the connection and prevent any further auto reconnect.

xmpp.on("offline", () => {
  console.log("offline");
});
await xmpp.stop();

Returns a promise that resolves once the stream closes and the socket disconnects.

disconnect

Like stop but will not prevent auto reconnect.

xmpp.on("disconnect", () => {
  console.log("disconnect");
});
await xmpp.disconnect();

send

Sends a stanza.

await xmpp.send(xml("presence"));

Returns a promise that resolves once the stanza is serialized and written to the socket or rejects if any of those fails.

sendMany

Sends multiple stanzas.

Here is an example sending the same text message to multiple recipients.

const message = "Hello";
const recipients = ["[e-mail]", "[e-mail]"];
const stanzas = recipients.map((address) =>
  xml("message", { to: address, type: "chat" }, xml("body", null, message)),
);
await xmpp.sendMany(stanzas);

Returns a promise that resolves once all the stanzas have been sent.

If you need to send a stanza to multiple recipients we recommend using Extended Stanza Addressing instead.

isSecure

Returns whether the connection is considered secured.

console.log(xmpp.isSecure());

Considered secure:

• localhost, 127.0.0.1, ::1
• encrypted channels (wss, xmpps, starttls)

This method returns false if there is no connection.

xmpp.reconnect

See @xmpp/reconnect.

Transports

XMPP supports multiple transports, this table list @xmpp/client supported and unsupported transport for each environment.

transport	protocols	Node.js	Browser	React Native	Bun	Deno
WebSocket	ws(s)://	✔	✔	✔	✔	✔
TCP	xmpp://	✔	✗	✗	✔	✔
TLS	xmpps://	✔	✗	✗	✔	✔

Authentication

Multiple authentication mechanisms are supported. PLAIN should only be used over secure WebSocket (wss://), direct TLS (xmpps:) or a TCP (xmpp:) connection upgraded to TLS via STARTTLS

SASL	Node.js	Browser	React Native	Bun	Deno
ANONYMOUS	✔	✔	✔	✔	✔
PLAIN	✔	✔	✔	✔	✔
SCRAM-SHA-1	✔	☐	✗	✔	✔

• ☐ : Optional
• ✗ : Unavailable
• ✔ : Included