Add real-time collaboration

Created on 4 July 2025, 26 days ago

Problem/Motivation

Because we are already storing the data state in server side only (browser side is stateless) and our State Maanger ahs already proved its robustness when we edit same data from multiple users, we will be able to activate real-time collaboration once those 2 issues are done:

📌 [1.0.0-alpha2] Better logs Active : user ID will be stored in logs
bigskysoftware/htmx: Combining sse and oob

Proposed resolution

Everytime an user is updating the data state, a SSE event is sent to other users editing the same display.

It would be nice to show in the toolbar the ID of other connected users.

Out of scope

We don't show the cursor of the other users on the screen like Figma is doing. Let's keep it simple and light, leveraging what HTML is providing and not much more.

✨ Feature request

Status

Active

Version

1.0

Component

State Manager

Created by

🇫🇷France pdureau Paris

Live updates comments and jobs are added and updated live.

Merge Requests

!46Add real-time collaboration
Open
🇫🇷France pdureau
updated 1 day ago

Comments & Activities

Issue created by @pdureau
Comment 24 days ago →
🇫🇷France pdureau Paris
Comment 15 days ago →
🇫🇷France pdureau Paris
It would be nice to show in the toolbar the ID of other connected users.

Will be done in ✨ Add an ActiveUsers island Active
Comment 15 days ago →
🇫🇷France pdureau Paris
Comment 2 days ago →
🇫🇷France pdureau Paris
HTMX seems ready:

afaik the PR was actually not needed, I did some more testing and hx-swap-oob seems to work properly with hx-sse (using htmx 2.0.2 and htmx-ext-sse 2.2.2)

https://github.com/bigskysoftware/htmx-extensions/pull/94

Symfony has a nice API for this: https://symfony.com/blog/new-in-symfony-7-3-simpler-server-event-streaming

Le's do it
Merge request !46Init → (Open) created by pdureau

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024