Qute: Provide a clean way to return multiple fragments in one response (Htmx OOB Swap)

Description

HTMX allow to do Out of band swapping of content: https://htmx.org/attributes/hx-swap-oob/

This means that the response contains multiple fragments of the view to be updated.

Example:

When you click on the note, you need to update both the editor and the list of note.

Implementation ideas

I currently use this as a workaround: oob.html

{#for i in items}
{i.raw}
{/for}

    public static native TemplateInstance oob(Uni<String>... items);
...
    @Path("/note/{id}")
    public TemplateInstance editNote(@PathParam("id") Long id) {
        final Note note = Note.findById(id);
        if(note == null) {
            notes(null);
            return null;
        }
        if (isHxRequest()) {
            return  Templates.oob(
                    Templates.notes$noteList(Note.listAllSortedByLastUpdated(), id).createUni(),
                    Templates.notes$noteForm(note).createUni()
                    );
        }
        return Templates.notes(Note.listAllSortedByLastUpdated(), id, note);
    }

[ia3andy]

This seems like a very good solution, I’ll add it to the future Renarde HxController for now.

[ia3andy]

https://github.com/ia3andy/renotes/blob/main/src/main/java/rest/HxController.java#L55