Can you explain what you mean by doesn’t compose? Most csrf solutions I see put it on the body and forget about it.

i mean if i put hx-vals in a parent element i cannot compose that value together with hx-.-val from child elements

at least that is what the doc says

That should work. If it doesn’t we need to make it work.

but ya i do csrf from a body script now so that pain is gone

Child should win. But it should merge all hx-vals in the hierarchy

ah i think i just misread the docs

enough code for today i think 🙂

gonna stream the game i made with htmx instead

👍💯

Hey, I know this is the HTMX channel but i'm currently using intercooler.js. Let me start by saying that I love it and it's great. What i'm having difficulty doing is loading forms into a modal & having different behaviours depending on success & failures. Because the form is loaded async I guess I would have to run processNodes on the modal after success. For instance, if there was form errors, I want to replace the current modal body with the HTML response because it will have the highlighted fields that have errors. On form success I want to replace my app content with the Partial that's returned. This seems like a difficult thing to do with Intercooler or am I wrong?

Currently when a form is submitted via a modal, I refresh the page afterwards. The main objective is to not cause a hard reload & just have the latest content be returned.

Hi sean, yes, that's going to be kinda tricky to pull off in intercooler. htmx has out of band swaps for this use case. In intercooler your best bet might be to trigger a custom event in the success case and then handle it with a bit of javascript.

Generally modals are tough, since they involve DOM state that has to be managed on the client side. htmx is a bit better in this regard, IMO

I only got started with htmx and don’t have any background with intercooler. However, check out the modal demos in the htmx website - especially the custom modal https://htmx.org/examples/modal-custom/

Maybe that will give you a starting point?

It also uses some nice hyperscript to drive the animations. Is that an option for you in your current app?

speaking of hyperscript...

I am happy to announce...

hyperscript 0.0.4 has been released: https://hyperscript.org/posts/2021-02-28-hyperscript-0.0.4-is-released/

Nice, will look at upgrading to HTMX when I have the time.

newbie question: is htmx mainly for server-side-rendering(e.g. django,mvc) pages? does it do any data-binding(one-way or two-way) at all?

There’s no data binding in htmx.

Some data-binding-ish features are coming to hyperscript, but the primary focus of both libraries is to have your server generate the html.

It means one less language in your stack, and centralizes control of your application state in the place best suited for it 😀

is it kind of using _hyperscript to 'replace' javascript to some extent but hyperscript is much simpler to master

Yeah. Hyperscript is essentially a simplified grammar for JavaScript. With the latest release it has some new tricks to show off (async-transparency is fantastic) but you’re on the mark if you just think of it as simpler JavaScript.

htmx makes it easy to load page fragments into your web pages and return control back to your application server.

htmx completes html as a hypertext, letting you implement a lot of modern UX patterns in the traditional server-rendered, request/response, REST/HATEOAS framework