Post · Bonfire social

🥳 New Kitten Release

You can now use the simple `on:` prefix instead of `hx-on:htmx:` to define inline event handlers for HTMX events¹.

Also, there are three new event shorthands for responding to your Kitten page’s connection lifecycle:

• on:connecting
• on:connect
• on:disconnect

(These expand during render to `hx-on:htmx:ws-connecting.window`, `hx-on:htmx:ws-open.window`, and `hx-on:htmx:ws-close.window`, respectively.)

These are useful when using Kitten’s Streaming HTML workflow.

Enjoy!

:kitten:💕

@aral@mastodon.ar.al replied · 3 days ago

Another quick release, this one adds Alpine.js support for shorthand event handlers.

Just add a `@` before your shorthand event handler names to have them expanded as inline Alpine.js event handlers.

e.g., `on:connect` → `@on:connect`

Enjoy!

:kitten:💕

@AsarSameer@mastodon.social replied · 3 days ago

@aral
"I’m not in this field myself, but I know many people will benefit from this update. Thank you for your efforts..and good luck💐

@Rammyyyy@metroholografix.ca replied · 3 days ago

@aral cool matr