<div
hx-ext="sse"
sse-connect="{{ url_for('project_event', team_id=team.id, project_id=project.id) }}"
sse-close="sse:stream_closed"
>
<div
hx-trigger="sse:deployment_creation, sse:deployment_status_update, sse:deployment_rollback, sse:deployment_promotion"
hx-get="{{ url_for('project_deployments', team_slug=team.slug, project_name=project.name).include_query_params(fragment='deployments') }}"
hx-target="#deployments"
></div>
</div>
Also curious what others think of web components. I tried to use them when I was writing Basecoat [3] and ended up reverting to regular HTML + CSS + JS. Too brittle, too many issues (e.g. global styling), too many gaps (e.g. state).
If you end up playing with it, let me know what you think.