481 lines
13 KiB
ReStructuredText
481 lines
13 KiB
ReStructuredText
.. raw:: html
|
|
|
|
<div id="banner"><a href="https://github.com/jcbrand/converse.js/blob/master/docs/source/theming.rst">Edit me on GitHub</a></div>
|
|
|
|
.. _`events-API`:
|
|
|
|
Events and promises
|
|
===================
|
|
|
|
Converse.js and its plugins emit various events which you can listen to via the
|
|
:ref:`listen-grouping`.
|
|
|
|
Some of these events are also available as `ES2015 Promises <http://es6-features.org/#PromiseUsage>`_,
|
|
although not all of them could logically act as promises, since some events
|
|
might be fired multpile times whereas promises are to be resolved (or
|
|
rejected) only once.
|
|
|
|
The core events, which are also promises are:
|
|
|
|
* `cachedRoster`_
|
|
* `chatBoxesFetched`_
|
|
* `controlboxInitialized`_ (only via the `converse-controlbox` plugin)
|
|
* `pluginsInitialized`_
|
|
* `roomsPanelRendered`_ (only via the `converse-muc` plugin)
|
|
* `rosterContactsFetched`_
|
|
* `rosterGroupsFetched`_
|
|
* `rosterInitialized`_
|
|
* `roster`_
|
|
* `statusInitialized`_
|
|
|
|
For more info on how to use (or add promises), you can read the
|
|
:ref:`promises-grouping` in the API documentation.
|
|
|
|
Below we will now list all events and also specify whether they are available
|
|
as promises.
|
|
|
|
List of Events (and promises)
|
|
-----------------------------
|
|
|
|
Hooking into events that Converse.js emits is a great way to extend or
|
|
customize its functionality.
|
|
|
|
From version 3.0.0 and up, it's only possible to register event handlers inside
|
|
a plugin, by using the closured ``_converse`` object. When writing a plugin,
|
|
remember that it will also have to be whitelisted, before it will be loaded.
|
|
Refer to the :ref:`whitelisted_plugins` setting.
|
|
|
|
Here follows the different events that are emitted:
|
|
|
|
afterMessagesFetched
|
|
~~~~~~~~~~~~~~~~~~~~
|
|
|
|
Emitted whenever a chat box has fetched its messages from ``sessionStorage`` and
|
|
**NOT** from the server.
|
|
|
|
This event is listened to by the ``converse-mam`` plugin to know when it can
|
|
fetch archived messages from the server.
|
|
|
|
The event handler is passed the ``Backbone.View`` instance of the relevant chat
|
|
box.
|
|
|
|
``_converse.on('afterMessagesFetched', function (chatboxview) { ... });``
|
|
|
|
.. _`cachedRoster`:
|
|
|
|
cachedRoster
|
|
~~~~~~~~~~~~
|
|
|
|
The contacts roster has been retrieved from the local cache (`sessionStorage`).
|
|
|
|
``_converse.on('cachedRoster', function (items) { ... });``
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('cachedRoster').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
See also the `roster`_ event further down.
|
|
|
|
callButtonClicked
|
|
~~~~~~~~~~~~~~~~~
|
|
|
|
When a call button (i.e. with class .toggle-call) on a chat box has been clicked.
|
|
|
|
``_converse.on('callButtonClicked', function (connection, model) { ... });``
|
|
|
|
.. _`chatBoxesFetched`:
|
|
|
|
chatBoxesFetched
|
|
~~~~~~~~~~~~~~~~
|
|
|
|
Any open chat boxes (from this current session) has been retrieved from the local cache (`sessionStorage`).
|
|
|
|
You should wait for this event or promise before attempting to do things
|
|
related to open chat boxes.
|
|
|
|
``_converse.on('chatBoxesFetched', function (items) { ... });``
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('chatBoxesFetched').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
chatBoxInitialized
|
|
~~~~~~~~~~~~~~~~~~
|
|
|
|
When a chat box has been initialized. Relevant to converse-chatview.js plugin.
|
|
|
|
``_converse.on('chatBoxInitialized', function (chatbox) { ... });``
|
|
|
|
chatBoxOpened
|
|
~~~~~~~~~~~~~
|
|
|
|
When a chat box has been opened. Relevant to converse-chatview.js plugin.
|
|
|
|
``_converse.on('chatBoxOpened', function (chatbox) { ... });``
|
|
|
|
chatRoomOpened
|
|
~~~~~~~~~~~~~~
|
|
|
|
When a chat room has been opened. Relevant to converse-chatview.js plugin.
|
|
|
|
``_converse.on('chatRoomOpened', function (chatbox) { ... });``
|
|
|
|
chatBoxClosed
|
|
~~~~~~~~~~~~~
|
|
|
|
When a chat box has been closed. Relevant to converse-chatview.js plugin.
|
|
|
|
``_converse.on('chatBoxClosed', function (chatbox) { ... });``
|
|
|
|
chatBoxFocused
|
|
~~~~~~~~~~~~~~
|
|
|
|
When the focus has been moved to a chat box. Relevant to converse-chatview.js plugin.
|
|
|
|
``_converse.on('chatBoxFocused', function (chatbox) { ... });``
|
|
|
|
chatBoxToggled
|
|
~~~~~~~~~~~~~~
|
|
|
|
When a chat box has been minimized or maximized. Relevant to converse-chatview.js plugin.
|
|
|
|
``_converse.on('chatBoxToggled', function (chatbox) { ... });``
|
|
|
|
connected
|
|
~~~~~~~~~
|
|
|
|
After connection has been established and converse.js has got all its ducks in a row.
|
|
|
|
``_converse.on('connected', function () { ... });``
|
|
|
|
contactRequest
|
|
~~~~~~~~~~~~~~
|
|
|
|
Someone has requested to subscribe to your presence (i.e. to be your contact).
|
|
|
|
``_converse.on('contactRequest', function (user_data) { ... });``
|
|
|
|
contactRemoved
|
|
~~~~~~~~~~~~~~
|
|
|
|
The user has removed a contact.
|
|
|
|
``_converse.on('contactRemoved', function (data) { ... });``
|
|
|
|
|
|
contactStatusChanged
|
|
~~~~~~~~~~~~~~~~~~~~
|
|
|
|
When a chat buddy's chat status has changed.
|
|
|
|
``_converse.on('contactStatusChanged', function (buddy) { ... });``
|
|
|
|
contactStatusMessageChanged
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
|
|
When a chat buddy's custom status message has changed.
|
|
|
|
``_converse.on('contactStatusMessageChanged', function (data) { ... });``
|
|
|
|
controlboxInitialized
|
|
~~~~~~~~~~~~~~~~~~~~~
|
|
|
|
Called when the controlbox has been initialized and therefore exists.
|
|
|
|
The controlbox contains the login and register forms when
|
|
the user is logged out and a list of the user's contacts and group chats when
|
|
logged in.
|
|
|
|
``_converse.on('controlboxInitialized', function () { ... });``
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('controlboxInitialized').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
discoInitialized
|
|
~~~~~~~~~~~~~~~~
|
|
|
|
Emitted once the ``converse-disco`` plugin has been initialized and the
|
|
``_converse.disco_entities`` collection will be available and populated with at
|
|
least the service discovery features of the user's own server.
|
|
|
|
``_converse.on('discoInitialized', function () { ... });``
|
|
|
|
disconnected
|
|
~~~~~~~~~~~~
|
|
|
|
After converse.js has disconnected from the XMPP server.
|
|
|
|
``_converse.on('disconnected', function () { ... });``
|
|
|
|
initialized
|
|
~~~~~~~~~~~
|
|
|
|
Once converse.js has been initialized.
|
|
|
|
``_converse.on('initialized', function () { ... });``
|
|
|
|
See also `pluginsInitialized`_.
|
|
|
|
logout
|
|
~~~~~~
|
|
|
|
The user has logged out.
|
|
|
|
``_converse.on('logout', function () { ... });``
|
|
|
|
messageAdded
|
|
~~~~~~~~~~~~
|
|
|
|
Once a message has been added to a chat box. The passed in data object contains
|
|
a `chatbox` attribute, referring to the chat box receiving the message, as well
|
|
as a `message` attribute which refers to the Message model.
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.on('messageAdded', function (data) {
|
|
// The message is at `data.message`
|
|
// The original chat box is at `data.chatbox`.
|
|
});
|
|
|
|
messageSend
|
|
~~~~~~~~~~~
|
|
|
|
When a message will be sent out.
|
|
|
|
``_converse.on('messageSend', function (messageText) { ... });``
|
|
|
|
noResumeableSession
|
|
~~~~~~~~~~~~~~~~~~~
|
|
|
|
When keepalive=true but there aren't any stored prebind tokens.
|
|
|
|
``_converse.on('noResumeableSession', function () { ... });``
|
|
|
|
.. _`pluginsInitialized`:
|
|
|
|
pluginsInitialized
|
|
~~~~~~~~~~~~~~~~~~
|
|
|
|
Emitted once all plugins have been initialized. This is a useful event if you want to
|
|
register event handlers but would like your own handlers to be overridable by
|
|
plugins. In that case, you need to first wait until all plugins have been
|
|
initialized, so that their overrides are active. One example where this is used
|
|
is in `converse-notifications.js <https://github.com/jcbrand/converse.js/blob/master/src/converse-notification.js>`.
|
|
|
|
``_converse.on('pluginsInitialized', function () { ... });``
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('pluginsInitialized').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
reconnecting
|
|
~~~~~~~~~~~~
|
|
|
|
Fired once converse.js has determined that it will attempt to reconnect (and
|
|
each subsequent time, if it attempts repeatedly).
|
|
|
|
reconnected
|
|
~~~~~~~~~~~
|
|
|
|
After the connection has dropped and converse.js has reconnected.
|
|
Any Strophe stanza handlers (as registered via `converse.listen.stanza`) will
|
|
have to be registered anew.
|
|
|
|
``_converse.on('reconnected', function () { ... });``
|
|
|
|
roomsAutoJoined
|
|
---------------
|
|
|
|
Emitted once any rooms that have been configured to be automatically joined,
|
|
specified via the _`auto_join_rooms` setting, have been entered.
|
|
|
|
``_converse.on('roomsAutoJoined', function () { ... });``
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('roomsAutoJoined').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
roomInviteSent
|
|
~~~~~~~~~~~~~~
|
|
|
|
After the user has sent out a direct invitation, to a roster contact, asking them to join a room.
|
|
|
|
``_converse.on('roomInvite', function (data) { ... });``
|
|
|
|
roomInviteReceived
|
|
~~~~~~~~~~~~~~~~~~
|
|
|
|
After the user has sent out a direct invitation, to a roster contact, asking them to join a room.
|
|
|
|
``_converse.on('roomInvite', function (data) { ... });``
|
|
|
|
.. _`roomsPanelRendered`:
|
|
|
|
roomsPanelRendered
|
|
~~~~~~~~~~~~~~~~~~
|
|
|
|
Emitted once the "Rooms" panel in the control box has been rendered.
|
|
Used by `converse-bookmarks` and `converse-roomslist` to know when they can
|
|
render themselves in that panel.
|
|
|
|
``_converse.on('roomsPanelRendered', function (data) { ... });``
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('roomsPanelRendered').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
.. _`roster`:
|
|
|
|
roster
|
|
~~~~~~
|
|
|
|
When the roster has been received from the XMPP server.
|
|
|
|
``_converse.on('roster', function (items) { ... });``
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('roster').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
See also the `cachedRoster` event further up, which gets called instead of
|
|
`roster` if its already in `sessionStorage`.
|
|
|
|
.. _`rosterContactsFetched`:
|
|
|
|
rosterContactsFetched
|
|
~~~~~~~~~~~~~~~~~~~~~
|
|
|
|
Triggered once roster contacts have been fetched. Used by the
|
|
`converse-rosterview.js` plugin to know when it can start to show the roster.
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('rosterContactsFetched').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
.. _`rosterGroupsFetched`:
|
|
|
|
rosterGroupsFetched
|
|
~~~~~~~~~~~~~~~~~~~
|
|
|
|
Triggered once roster groups have been fetched. Used by the
|
|
`converse-rosterview.js` plugin to know when it can start alphabetically
|
|
position roster groups.
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('rosterGroupsFetched').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
.. _`rosterInitialized`:
|
|
|
|
rosterInitialized
|
|
~~~~~~~~~~~~~~~~~
|
|
|
|
The Backbone collections `RosterContacts` and `RosterGroups` have been created,
|
|
but not yet populated with data.
|
|
|
|
This event is useful when you want to create views for these collections.
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('rosterInitialized').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
rosterPush
|
|
~~~~~~~~~~
|
|
|
|
When the roster receives a push event from server. (i.e. New entry in your buddy list)
|
|
|
|
``_converse.on('rosterPush', function (items) { ... });``
|
|
|
|
rosterReadyAfterReconnection
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
|
|
Similar to `rosterInitialized`, but instead pertaining to reconnection. This
|
|
event indicates that the Backbone collections representing the roster and its
|
|
groups are now again available after converse.js has reconnected.
|
|
|
|
.. _`statusInitialized`:
|
|
|
|
statusInitialized
|
|
~~~~~~~~~~~~~~~~~
|
|
|
|
When the user's own chat status has been initialized.
|
|
|
|
``_converse.on('statusInitialized', function (status) { ... });``
|
|
|
|
Also available as an `ES2015 Promise <http://es6-features.org/#PromiseUsage>`_:
|
|
|
|
.. code-block:: javascript
|
|
|
|
_converse.api.waitUntil('statusInitialized').then(function () {
|
|
// Your code here...
|
|
});
|
|
|
|
statusChanged
|
|
~~~~~~~~~~~~~
|
|
|
|
When own chat status has changed.
|
|
|
|
``_converse.on('statusChanged', function (status) { ... });``
|
|
|
|
statusMessageChanged
|
|
~~~~~~~~~~~~~~~~~~~~
|
|
|
|
When own custom status message has changed.
|
|
|
|
``_converse.on('statusMessageChanged', function (message) { ... });``
|
|
|
|
serviceDiscovered
|
|
~~~~~~~~~~~~~~~~~
|
|
|
|
When converse.js has learned of a service provided by the XMPP server. See XEP-0030.
|
|
|
|
``_converse.on('serviceDiscovered', function (service) { ... });``
|
|
|
|
windowStateChanged
|
|
~~~~~~~~~~~~~~~~~~
|
|
|
|
When window state has changed. Used to determine when a user left the page and when came back.
|
|
|
|
``_converse.on('windowStateChanged', function (data) { ... });``
|