Official package · Automation and infrastructure

Bubble plugin for realtime pages, presence and approvals

Drop a Hibira Channel element on a Bubble page and it updates the moment a workflow publishes an event: no page refresh, no polling, no API Connector setup. Presence channels show who is online, and approvals let a person decide before a workflow goes on.

Hibira Realtime (Bubble plugin)GitHub ↗

  • Live order and job tracking: a workflow publishes order-updated, and every open status page changes at once.
  • Chat and collaboration: a presence channel lists who is online, and client events show who is typing.
  • Approvals: a refund over a limit waits until a manager taps Approve or Reject on a link.
  • Private and presence channels are authorized in a normal workflow with Current User, so it works on every Bubble plan.

Sign in to see these snippets with your own cluster host. Sign in

  1. Install

    Plugins tab → Add plugins → search "Hibira Realtime" → Install
  App key:     YOUR_APP_KEY
  App ID:      YOUR_APP_ID
  App secret:  YOUR_APP_SECRET
  Host:        wss://ws.hibira.io

  2. Receive events

    Hibira Channel element
  Channel:    "order-" & Current page's order's unique id
  Value key:  status

When Hibira Channel A an event is received
  → Display data: Hibira Channel A's Last value

  3. Send events

    When Button Mark shipped is clicked
  → Hibira - Publish event
      Channels:  "order-" & Current page's order's unique id
      Event:     order-updated
      Data:      {"status": "shipped"}

  4. Private and presence channels

    Channel: presence-room-42

When Hibira Channel A authorization is needed
  1. Hibira - Authorize channel
       Socket ID:  Hibira Channel A's Auth socket ID
       Channel:    Hibira Channel A's Auth channel
       User ID:    Current User's unique id
       User name:  Current User's name
  2. Hibira Channel A Complete authorization
       Auth:          Result of step 1's Auth
       Channel data:  Result of step 1's Channel data

Hibira Channel A's Member names → a list of who is online

Before you start

  • Add your Bubble domains, such as https://yourapp.bubbleapps.io and your custom domain, to the app’s allowed origins.
  • The app secret stays in Bubble’s private plugin settings and is only used by server actions, never sent to the browser.
  • Every Hibira Channel element on a page shares one connection, so a visitor counts once against the plan’s connections.

Use the app key from your dashboard; the secret stays on your server. Channels, events and authorization endpoints work exactly as they do with Pusher. Create your free account →