@User I've wanted a similar thing, such that the state of the DOM/form is reflected into the URL. I've bounced around between various approaches to keep things sync'd, but not 100% sure on the best approach. One is to utilize an attribute and the mutation API to update/set the URL and push state. But keeping nicely bi-directional get's a bit wonky. I was thinking of folding this into a single extension/api, but not sure yet if it's a good idea or exactly how to go about it.

I have an element on trigger every 30s:

html
<div id="table"
     hx-get="{% url 'foo' bar %}" 
     hx-trigger="load, every 30s">
</div>

Can I somehow trigger a load immediately by some server event?

Yes, as per the docs. https://htmx.org/docs/#sse

TIL: if you are using any unpkg.com CDN libraries and you want to know the integrity just add ?meta query string e.g.

Suspecting this might be a question that has been asked before. I have a form where I'm trying to do some form validation, but on a field where the validation takes ~5 seconds -- so is done in the background. So I'm looking to (a) have a

keyup change delay:1s

kind of trigger that initiates the validation server side, where (b) the response sets up a polling trigger to check for validation errors returned from the background task. I'm struggling to wrap my head around how to best set this up, as clearly it's one or the other on a single

<input>

. Ideally both these endpoints (or they can be one and the same) just return the complete rendered form field (the

input

as well as any validation errors) although I guess those details are framework specific (using Django, but asking here as I think it's a generic q). Any thoughts?

it would be nice to actuall get a bookmark bot on this server like https://top.gg/bot/453939662168260612

setting up the polling sounds like a client side event

or are you trying to use https://htmx.org/docs/#polling

oh I get what you're saying - you want two different triggers on the same element

Is there any chance that someone here could point me to some help with Hyperview? I'm running into issues with setting up the demo and they don't appear to have a Discord, etc. I would really like to use it as a basis for some work that recently got buy-in from the mobile devs on my team. Hypermedia seems like a great approach for the problem we're trying to solve. (I tried to get buy-in for Hotwire or HTMX in a webview, but that conversation has stalled. I tried. 🤷‍♂️ )

@User what's your twitter handle, I want to credit you for the alpine extension

yeah that alpine extension is sick

it's funny I read the docs on that and thought "someone should make a htmx extension" 🙂

I think there's a world where that extension + a tiny piece of js to make an ajax call means we get HMR in dev while updating html

Thanks. I saw your post just now, but you can use https://twitter.com/getYoyoDev

I think the hx attributes need to go on the form tag, not the input. As for pre filling the fields when you go back, if you send the form via get, you could have a routine that reads the parameters from the url and populates the form fields accordingly.

Agree the way I tried it first was to put the attributes in the form tag. It does everything I’d want, except push multiple inputs worth of name/values into the URL.

This is extra work and not sure it can work as intended, but before triggering the submit, can you have a little js routine check the submitted values and append them to the forms action URL? Annoyingly this will only work with information that can be exposed. Maybe you can test with hard coding a few parameters on your action and see if it is included in the history.

Hi all, is it possible to pass the current url with an htmx GET?

Yes. Just have your server put that into the HTML when you generate the page.

Giraffe.Htmx has now been updated with v1.7.0 functionality. https://github.com/bit-badger/Giraffe.Htmx/releases/tag/v1.7.0

Hi everyone, not sure if I’m in the right place but there’s several things in GitHub named hyperscript, and I’d like to know if this is the correct discord for it. The course I’m considering signing up for describes hyperscript the following way: “We'll use the hyperscript library to generate html and css. For example, we'll call hyperscripts 'div' function to generate html divs. ie div('hello') => hello” Is this the same hyperscript? Or is it this one instead? https://github.com/hyperhype/hyperscript If so, are the two hyperscripts related in any way? Thanks in advance.

Yup, love the hyperscript name, but it does conflict with a main/well known react/preact project.

(for preact it's basically what JSX compiles down to)

"_hyperscript" helps, but sadly underscores arent valid hostname / domain name characters, so we see a mix of "hyperscript" and "_hyperscript" from time to time.

I don't think it's the end of the world, but it is a mild annoyance.

Question regarding htmx 1.7.0: when using:

html
 <div class="container-fluid LRpadding" hx-sse="connect:/notexistingchannel/">...</div>

and the channel "notexistingchannel" did not exist -> htmx threw an error (htmx1.6.1). After upgrading to htmx1.7.0 and using the code suggested in the docs:

html
<div hx-ext="sse" sse-connect="/notexistingchannel/" sse-swap="testing">...</div>

htmx1.7.0 ignores that this channel does not exist - is this by design? or did I miss something? I kind of liked the error.