I've never used Go.

I'll take a look at Azure then ... thanks so much for the heads-up

I am actually working on it right now. Got it working locally. But it's fiddly. (I'm using serverless) Need to get the static files hosted on S3 instead of in the lambda instance, and get it building with serverless-bundle instead of my hand-rolled tsc build. (need the tree-shaking stuff in webpack to get the deliverable size down). I may get it on a public github tomorrow and you can have a look if you like. I'm using express with the lambda one. It uses the wildcard handler and basically implements the NextJS routing approach again.

(doing it in Typescript though ... what's so good about Go?)

Go was just what @miniature-lizard-24702 mentioned. I don’t use Go much myself. Was just pointing out other options for serverless. For small sites they all have a nice free tier

been using AWS since 2009 for scalable web architecture. Trying to move away from it now. It's clunky and expensive. Cloudflare is excellent but still lacking some key features.

they also support Rust

Does innerHTML work with svg elements? I have an svg canvas with a few elements (e.g.

<circle cx="50" cy="50" fill="lightgray" hx-post="/svg/canvas/circle" hx-swap="outerHTML" r="20" stroke-width="4" stroke="#1c87c9"></circle>

). When I return the following from the

/svg/canvas/circle

endpoint on the click event

<circle cx="60" cy="60" fill="lightgray" hx-post="/svg/canvas/circle" hx-swap="outerHTML" r="30" stroke-width="4" stroke="#ff0000"></circle>

the element just disappears from the canvas. I can only get the image update to work if I target the entire

<svg>

element and replace that.

Hi all, after reading up a lot on HTMX I now try to get my hands dirty myself: Right now I want to toggle a class on an element to use it as an indicator:

<button
       hx-post="{{ path('app_installation_update', {'id': installation.id}) }}"
       hx-target="body"
       hx-on="
               htmx:beforeRequest: this.querySelector('svg').classList.add('animate-spin')
               htmx:afterRequest:  this.querySelector('svg').classList.remove('animate-spin')
             "
>
    {% include 'icons/sync.html.twig' with { 'size': 24, 'class': 'stroke-gray-800'} %}
</button>

The SVG starts spinning, But I get the following error:

peError: internalData.onHandlers is not iterable
    at deInitNode (htmx.js:907:1)
    at cleanUpElement (htmx.js:915:1)
    at htmx.js:917:61
    at forEach (htmx.js:375:1)
    at cleanUpElement (htmx.js:917:1)
    at htmx.js:917:61
    at forEach (htmx.js:375:1)
    at cleanUpElement (htmx.js:917:1)
    at htmx.js:917:61
    at forEach (htmx.js:375:1)

Could somebody point me to the right direction?

might be a browser constraint

Built With knows about HTMX. in case anyone's curious https://trends.builtwith.com/javascript/Htmx

According to https://www.motiontricks.com/creating-dynamic-svg-elements-with-javascript/ you need to use

createElementNS()

instead of

createElement()

, but I don’t know if we could somehow have htmx do that.

typescript fixes this

FITE ME

Yet another day of preaching about HTMX and Hyperscript to literally every developer I encounter

Life is good :)

Hey everyone, just created https://github.com/PyHAT-stack/awesome-python-htmx, love feedback. See the #941388608290574336 channel for more info

Hyperscript is an unnecessary abstraction.

Better than this to be honest

Use alpine then

Or stimulus

but how else do i feel superior :/

Ah.

Use vim instead?

I said superior not mentally challenged

Lmao

jetbrains is da 🐐

I use jetbrains as well but I secretly find vim users cool