htmx

Locality of behavior, for scripting events: https://htmx.org/essays/locality-of-behaviour/

(I admit it is easier to read than to write, but that's the idea)

A small DevX request of mine would be to bring the public API up to the top of the file, like with the recent change in htmx (https://github.com/bigskysoftware/htmx/blob/dev/src/htmx.js#L14). Makes the code easier to scan.

Layering it on top is something optional I think is a great way to do it

I could PR that if you agree <@!725789255590215732> ?

Yes, I don't want hyperscript to be required.  I'd like for it to demonstrate it's own value vs javascript and then people can reach for it at that point.

otoh, I wanted it there to take pressure off adding things into htmx that are tempting but probably don't belong there (e.g. toggling classes on elements)

so if someone wants something that isn't a core part of htmx, I can say "well, you could use hyperscript or AlpineJS to do that"

as with the server side, we are firmly in the HOWL camp: HTML On Whatever you'd Like

```js
target.addEventListener('click', function(event){  
  target.classList.add('foo')})
  setTimeout(function () { 
    target.classList.remove('foo')
  }, 3000);
});
```

or, I suppose:
```html
<button onclick="this.classList.add('foo'); setTimeout(function () {this.classList.remove('foo')}, 3000);">
Click Me
</button>
```

and the hyperscript can be reduced to:
```html
 <button _="on click add .foo then wait 3s then remove .foo">Click Me</button>
```

and hyperscript, like AlpineJS, can respond to any events, not just the ones mentoned in the html spec, etc.

anyway, goal is an embeddable scripting language that reads easily

(rambling, but this is interesting to me)

How do initialize the hyperscript code that comes in from a htmx request. Hyperscript doesn' seem to know it exists unless you run hyperscript.start() again?

<@!739931341331759184> it should "just work"

If it isn't, can I ask you to wait about a week until the next release of htmx and hyperscript?

I have reworked the integration and it is much cleaner :/

You may need this change:
```js
        function findElementsToProcess(elt) {
            if (elt.querySelectorAll) {
                var results = elt.querySelectorAll(VERB_SELECTOR + ", a, form, [hx-sse], [data-hx-sse], [hx-ws]," +
                    " [data-hx-ws], [_], [script], [data-script]");
                return results;
            } else {
                return [];
            }
        }
```