Hello humans! I really like the way HTMX works. I searched for alternatives that do things similar to HTMX. But I found nothing. Are there some alternatives?

Unpoly and Hotwire (by 37signals) are two. There is also twinspark.

What back end are you using? There are also things like livewire and unicorn-django

We were talking in #796428329531605032 about form validation w htmx and I thought I'd repeat my idea here. Has anyone tried something similar? Any obvious flaws? Upon form submission, if the backend detects invalid fields, it sends back ONLY oob swaps which target (previously empty) text fields under each invalid input. Those oob swaps fill those text fields with the validity message, e.g. "passwords must be at least 8 characters". This is opposed to the basic htmx implementation where the whole

<form />

gets swapped. This would add complexity but the benefit is that the user's cursor could be preserved. E.g. if a user is typing their email, then hits Enter to submit, their cursor would remain in the same place when the validation errors appear.

@mysterious-toddler-20573 Thanks for the answers! I will look into them! I use PHP as a backend.

See the #939530480636809227 channel if you haven't yet!

if the input has an ID, we should attempt to preserve cursor and focus

in htmx 2.0 I'd like to work on a "merge" swap strategy, based on https://github.com/choojs/nanomorph that makes this easier

I assume you mean that's a future idea, not a current expectation? I agree that would be rad

i swear I added this

looking

we try to preserve the active element and its selection

😑

Oh wow, I didn't realize this. I honestly hadn't tried it, I thought the swap was totally naive

I couldn't get nanomorph working that well for me btw

I'll give it another try next chance I have

What is

<timing declaration>

as per https://htmx.org/attributes/hx-trigger/? Would be nice to have the grammar specified somewhere

There are examples down in the Polling section

BTW - lest I do the Stack Overflow "I figured it out" thing... my "duck" comment was borne of an app that I'm working to htmxify (TM). Server-side, I need to know the target of an htmx request, so I know which layout to render with the result. (Unauthenticated requests bounce through the log on page, and once the user logs on, I refresh the menus; otherwise, I just replace the "content" portion of the page, which excludes the menus.) The solution to this is to handle `htmx:configRequest`; the target is a property of the event's detail. I can send that via a custom header, then use that to determine how to render the result. https://htmx.org/events/#htmx:configRequest

How do I get htmx to honor a

Content-Disposition: attachment

header? I'm trying to trigger a file download from an hx-get

It is currently just grabbing the csv as text and replacing the implicit target

I don't think you can download files with ajax. There is Blob API afaik, but that would require some custom js.

That would certainly explain a lot

I thought I'd be clever and use the

Accept

header to allow users to download reports in their preferred format, but it's looking like more trouble than it's worth

Easiest thing is to make it a normal link, if you are boosting links then you can use

hx-boost='false'

on the download link

What I wanted was to just

<button hx-get="" hx-headers='{"Accept": "text/csv"}'>

and then on the backend I could just look at the

Accept

header to set the return types

But I guess I'll have to make do with something else

May I suggest query parameters? I have a feeling that headers may cause some trouble, especially when dealing with caching and link sharing