Add instant messaging and user presence features in your Bubble.io app.
Setup
Add the element
Supabase Realtime to your page and configure the following field:
Plugin Element Properties
Title | Description | Type |
JSON message type | Optional. Data type initialized through the API connector, used to define the format of the message you want to broadcast using the "Broadcast message" action. You can leave this field empty if you intend to broadcast only simple text messages. | App Data |
Expected JSON message response | By default, the plugin attempts to automatically retrieve the expected result based on the type defined in the API connector. To prevent any retrieval failures and ensure that the plugin can properly publish results from Supabase, we recommend you paste your schema into this field. This schema should match the one you have already entered in the API connector. | JSON |
User state type | Optional. Data type initialized through the API connector, used to define the format of the message you want to broadcast using the "Broadcast message" action. You can leave this field empty if you intend to broadcast only simple text messages. | App Data |
Expected user state response | By default, the plugin attempts to automatically retrieve the expected result based on the type defined in the API connector. To prevent any retrieval failures and ensure that the plugin can properly publish results from Supabase, we recommend you paste your schema into this field. This schema should match the one you have already entered in the API connector. | JSON |
Exposed States
Name | Description | Type |
Event | Event type | Text |
Subscribed Channels | List of subscribed channels | List |
Status | Websocket connection status | Text |
Error Message | Error message from the connection | Text |
Messages | List of received messages | List |
Last message | Last message received | Text |
JSON messages | List of received JSON messages | List |
Last JSON message | Last JSON message received | JSON |
Presences User IDs | List of online user IDs that subscribed to the channel | List |
Presence User States | List of online user states | List |
Element Events
Name | Description |
Channel Subscribed | Triggered when successfully subscribed to a channel. |
Channel Error Received | Triggered when receiving an error on channel. |
Channel Closed | Triggered when channel is closed. |
Message Received | Triggered when a new message is received on the channel. |
Presence Sync Received | Triggered when receiving a sync event. |
Presence Join Received | Triggered when receiving a join event. |
Presence Leave Received | Triggered when receiving a leave event. |
