Realtime API

The Realtime API provides access a continuous, up-to-date flow of your TalkJS data without the need to send repeated requests or open a chat UI.

Preview: The Realtime API is safe to use in production, but it is still a work in progress. If we make changes to these methods in the future, we will continue to support the current version forever. However this backwards compatibility will be undocumented and not exposed in TypeScript type definitions.

Refs

These reference a specific resource in TalkJS, letting you get or set data on that resource. Refs don't contain any actual data themselves, they just point to a TalkJS resource. You can get the actual data (a snapshot) by calling .get() on a ref.

interface UserRef

References the user with a given user ID.

Used in all Realtime API operations affecting that user, such as fetching or updating user data, or adding a user to a conversation. Created via Session​.user.

Method Overview

createIfNotExists

Creates a user with this ID, or does nothing if a user with this ID already exists.

get

Fetches a snapshot of the user.

set

Sets properties of this user. The user is created if a user with this ID doesn't already exist.

subscribe

Subscribe to this user's state.

Properties

id
: string

The ID of the referenced user.

Immutable: if you want to reference a different user, get a new UserRef instead.

createIfNotExists

userRef.createIfNotExists(params): Promise<void>

Creates a user with this ID, or does nothing if a user with this ID already exists.

If the user already exists, this operation is still considered successful and the promise will still resolve. This operation fails if client-side user syncing is disabled.

Parameters

Returns

Promise<void>

A promise that resolves when the operation completes.

get

userRef.get(): Promise<UserSnapshot | null>

Fetches a snapshot of the user.

This contains all of a user's public information. Fetching a user snapshot doesn't require any permissions. You can read the public information of any user. Private information, such as email addresses and phone numbers, aren't included in the response.

Supports Automatic Batching and Cached Fetch

Returns

Promise<UserSnapshot | null>

A snapshot of the user's public attributes, or null if the user doesn't exist.

set

userRef.set(params): Promise<void>

Sets properties of this user. The user is created if a user with this ID doesn't already exist.

name is required when creating a user. This operation fails if you don't provide a name and the user does not exist yet. This operation also fails if client-side user syncing is disabled.

Parameters

params
: SetUserParams

Returns

Promise<void>

A promise that resolves when the operation completes.

subscribe

userRef.subscribe(onSnapshot): UserSubscription

Subscribe to this user's state.

Whenever the user's attributes change, onSnapshot will fire and Subscription.latestSnapshot will be updated.

Supports Subscription Sharing and Debounced Unsubscribe

Parameters

onSnapshot (optional)
: (event: UserSnapshot | null) => void

Returns

UserSubscription

A subscription to the user

interface ConversationRef

References the conversation with a given conversation ID, from the perspective of the current user.

Used in all Realtime API operations affecting that conversation, such as fetching or updating conversation attributes. Created via Session​.conversation.

Method Overview

get

Fetches a snapshot of the conversation.

Properties

id
: string

The ID of the referenced conversation.

Immutable: if you want to reference a different conversation, get a new ConversationRef instead.

get

conversationRef.get(): Promise<ConversationSnapshot | null>

Fetches a snapshot of the conversation.

This contains all of the information related to the conversation and the current user's participation in the conversation. You must be a participant in the conversation.

Does not support Automatic Batching yet. Sequential calls will be sent as multiple requests.

Returns

Promise<ConversationSnapshot | null>

A snapshot of the current user's view of the conversation, or null if the current user is not a participant (including if the conversation doesn't exist).

Snapshots

When you fetch data for a ref, you get a snapshot. Snapshots contains all the relevant information about a resource, at a specific point in time. If the data changes on the database, old snapshots will not be automatically updated.

interface UserSnapshot

A snapshot of a user's attributes at a given moment in time.

Users also have private information, such as email addresses and phone numbers, but these are only exposed on the REST API.

Properties

custom
: Record<string, string>

Custom metadata you have set on the user

id
: string

The unique ID that is used to identify the user in TalkJS

locale
: string | null

An IETF language tag. For more information, see: Localization.

When locale is null, the app's default locale will be used

name
: string

The user's name, which is displayed on the TalkJS UI

photoUrl
: string | null

An optional URL to a photo that is displayed as the user's avatar

role
: string

TalkJS supports multiple sets of settings for users, called "roles". Roles allow you to change the behavior of TalkJS for different users. You have full control over which user gets which configuration.

welcomeMessage
: string | null

The default message a person sees when starting a chat with this user

interface ConversationSnapshot

A snapshot of a conversation's attributes at a given moment in time.

Also includes information about the current user's view of that conversation, such as whether or not notifications are enabled.

Properties

access
: "Read" | "ReadWrite"

The current user's permission level in this conversation.

createdAt
: number

The date that the conversation was created, as a unix timestamp in milliseconds.

custom
: Record<string, string>

Custom metadata you have set on the conversation

id
: string

The ID of the conversation

isUnread
: boolean

Whether the conversation should be considered unread.

This can be true even when unreadMessageCount is zero, if the user has manually marked the conversation as unread.

lastMessageAt
: number

The date of the conversation's most recent message, as a unix timestamp in milliseconds.

If no messages have been sent, this will be the date that the conversation was created instead. To show a chronological list of recent conversations, sort by this property.

notify
: boolean | "MentionsOnly"

The current user's notification settings for this conversation.

false means no notifications, true means notifications for all messages, and "MentionsOnly" means that the user will only be notified when they are mentioned with an @.

photoUrl
: string | null

Contains the URL of a photo was set using ConversationBuilder​.subject.

subject
: string | null

Contains the conversation subject if it was set using ConversationBuilder​.subject.

unreadMessageCount
: number

The number of messages in this conversation that the current user hasn't read.

welcomeMessages
: string[]

One or more welcome messages that will display to the user as a SystemMessage

Other Interfaces

These interfaces are used when sending requests.

interface CreateUserParams

Parameters you can pass when creating a user.

Properties

name
: string

The user's name which is displayed on the TalkJS UI

custom (optional)
: Record<string, string>

Custom metadata you have set on the user. Default = no custom data

email (optional)
: string[]

An array of email addresses associated with the user. Default = no email addresses

locale (optional)
: string

An IETF language tag. See the localization documentation Default = the locale selected on the dashboard

phone (optional)
: string[]

An array of phone numbers associated with the user. Default = no phone numbers

photoUrl (optional)
: string

An optional URL to a photo that is displayed as the user's avatar. Default = no photo

pushTokens (optional)
: Record<string, true>

An object of push registration tokens to use when notifying this user.

Keys in the object have the format 'provider:token_id', where provider is either "fcm" for Android (Firebase Cloud Messaging), or "apns" for iOS (Apple Push Notification Service).

Default = no push registration tokens

role (optional)
: string

TalkJS supports multiple sets of settings, called "roles". These allow you to change the behavior of TalkJS for different users. You have full control over which user gets which configuration. Default = the default role

welcomeMessage (optional)
: string

The default message a person sees when starting a chat with this user. Default = no welcome message

interface SetUserParams

Parameters you can pass when updating a user.

Properties that are undefined will not be changed. To clear / reset a property to the default, pass null.

Properties

custom (optional)
: Record<string, string>

Custom metadata you have set on the user. null = no custom metadata

email (optional)
: string[] | null

An array of email addresses associated with the user. null = no email addresses

locale (optional)
: string

An IETF language tag. See the localization documentation null = the locale selected on the dashboard

name (optional)
: string

The user's name which will be displayed on the TalkJS UI

phone (optional)
: string[] | null

An array of phone numbers associated with the user. null = no phone numbers

photoUrl (optional)
: string | null

An optional URL to a photo which will be displayed as the user's avatar. null = no photo

pushTokens (optional)
: Record<string, true | null> | null

An object of push registration tokens to use when notifying this user.

Keys in the object have the format 'provider:token_id', where provider is either "fcm" for Android (Firebase Cloud Messaging), or "apns" for iOS (Apple Push Notification Service).

The value for each key can either be true to register the device for push notifications, or null to unregister that device.

Setting pushTokens to null unregisters all the previously registered devices.

role (optional)
: string | null

TalkJS supports multiple sets of settings, called "roles". These allow you to change the behavior of TalkJS for different users. You have full control over which user gets which configuration. null = the default role

welcomeMessage (optional)
: string | null

The default message a person sees when starting a chat with this user. null = no welcome message

Subscriptions

When you subscribe to a resource, you get a subscription. Subscription objects store the current state of your subscription, and allow you to unsubscribe.

interface UserSubscription

A subscription to a specific user

Method Overview

unsubscribe

Unsubscribe from this resource and stop receiving updates.

Properties

connected
: Promise<void>

Resolves when the subscription starts receiving updates from the server.

state
: PendingState | UserActiveState | UnsubscribedState | ErrorState

The current state of the subscription

An object with the following fields:

type is one of "pending", "active", "unsubscribed", or "error".

latestSnapshot is only set when type is "active". It contains the most recently received snapshot for this subscription.

error is only set when type is "error". It is the JS Error object for the error that caused the subscription to be terminated.

terminated
: Promise<UnsubscribedState | ErrorState>

Resolves when the subscription permanently stops receiving updates from the server.

This is either because we manually unsubscribed or because the subscription encountered an unrecoverable error.

unsubscribe

userSubscription.unsubscribe()

Unsubscribe from this resource and stop receiving updates.

If the subscription is already in the "unsubscribed" or "error" state, this is a no-op.

Returns

void

Performance

The Realtime API has various optimisations to allow you to use it in a simple way, while still getting maximum performance. Our design philosophy is that the "naive solution" should also be best-practice.

Automatic batching

There is no getMany or subscribeMany method. Instead, we automatically combine sequential calls into one request. So when you want to fetch 1000 users at once, you can do:

1for (let i = 0; i < 1000; i++) {
2 session.user(`user ${i}`).subscribe(...);
3}

At the end of the synchronous code block, we will send one request asking for the data of all 1000 users. Each of the 1000 promises then gets resolved with its individual data.

Subscription sharing

There is no subscription.addSnapshotListener method, where you can attach a new listener to a pre-existing subscription. So when you want to attach 5 different listeners to a user, you can do:

1for (let i = 0; i < 5; i++) {
2 session.currentUser.subscribe(() => console.log(i))
3}

This will result in only one subscription on the backend, with your 5 listeners attached to it. We won't officially unsubscribe until all 5 of your subscriptions have unsubscribed.

Debounced Unsubscribe

When you unsubscribe from a subscription, we wait a little bit before officially unsubscribing. This means that you can resubscribe immediately for free. For example, if you want to subscribe to a list of users:

1const subscription = session.currentUser.subscribe(...);
2
3// Later
4subscription.unsubscribe();
5const subscription2 = session.currentUser.subscribe(...);

This will not trigger any call to the backend, because internally we are still subscribed to currentUser when you resubscribe. This is important because staying subscribed is generally much more efficient than subscribing in the first place. The amount of time the client will stay subscribed is different for each resource. Simpler resources that change less often (like users) stay subscribed for longer, because being subscribed to something that rarely changes is almost free.

Cached Fetch

When you fetch a resource that you are subscribed to, we already know the current state without having to ask the backend. This means that the method becomes synchronous and essentially free. For example:

1session.currentUser.subscribe();
2
3// Later
4await session.currentUser.get();

This get call will not trigger any request to the backend and will return the data instantly. If you know you are going to get some data repeatedly, consider subscribing to improve performance.