Lots of HTMX PRs as well, the future looks bright

don't remind me!

I have no time!

Reminder to look at my PRs so you can have less time 🙃

No but seriously, I'd appreciate it if you could look at some of the docs PRs in general, those shouldn't take too long

ah, docs I can do quick

I'll try to make time tonight

hyperscript 0.9.4 plus 2 new puppies, plus classes start next week: 🥲

Me, graduated with nothing else till I start a job: 😄

htmx = tbh what everyone will be using in 5 years. A bit early to the party for current employers, but nothing wrong with starting early.

maybe less time given how fickle and trend hunting HN is, so we'll see. Hopefully earlier.

and starting early = you get to enjoy the sanity and clarity early

lucky you

How to use alpine-morph plugin? The latest version of htmx doesn't seem to support it.

159.65.244.../:1 GET https://unpkg.com/htmx.org@1.6.1/dist/ext/alpine-morph.js net::ERR_ABORTED 404

FWIW: I just improved this a bit so that you no longer have to configure anything before the demo runs.

alpine-morph?

Is there a way to add form elements like disabled or required ?

that should work "normally" in that if you include them in the HTML returned they should render properly

I get that, I guess what I am after is something that would work on a htmx-request, like how css elements can be added

So something dynamic/front end?

Right

@User I had the same issue and wrote a small extension, see below

html
<form hx-post="/example" hx-ext="disable-submit">
  <button type="submit" class="hx-disable button-default">Save</button>
</form>

javascript
htmx.defineExtension('disable-submit', {
  onEvent: function (name, evt, data) {
    let elt = evt.detail.elt;
    let result = elt.querySelectorAll(".hx-disable");

    if (name === "htmx:beforeRequest") {
      result.forEach(element => element.disabled = true);
      if (elt.classList.contains("hx-disable")) elt.disabled = true;

    } else if(name == "htmx:afterRequest") {
      result.forEach(element => element.disabled = false);
      if (elt.classList.contains("hx-disable")) elt.disabled = false;
    }
  }
});

Ahhh, right.

Yes, @User has the right idea ☝️

It ain't pretty, but it works...

use the event model to add/remove stuff

@User this looks perfect. Yeah, that's the use case I was thinking of

if you want to turn that into a formal plugin we can include it in the dist

I think it would make a lot sense to include it in the dist! Although I am not that experienced, to be honest..