Hyperbole: Haskell interactive serverside web framework inspired by HTMX, Elm, and Phoenix LiveView

#haskell #webdev #framework

Hyperbole: Haskell interactive serverside web framework inspired by HTMX, Elm, and Phoenix LiveView https://lobste.rs/s/oi7nqv ##web ##haskell

Neat!

github.com/seanhess/hyp...

Phoenix LiveView is really powerful, cool to see those concepts ported to Haskell.

As much as I love Elm and its architecture, I found that SSR, HTMX and Alpine.js get me where I need to be faster and with less ceremony.

Great progress yesterday with FUDD, I transformed most of a static NextJS app into the EasyWordy/Fuddle design, with SSR renders and htmx requests sent to EasyWordy becoming SSR of Elm code! And here's the Fuddle version is on its way...

A first rough benchmark of the simple NextJS app main screen vs its "#Elm with SSR rendering" version (both with the same #htmx EasyWordy backend support). It went as I was hoping for: the Elm version is 17x faster than the NextJS on browser's LCP. And the Elm build seems ~60x time faster! Yeah 🎉

Finally back on the auto-converter of #gnuhealth to EasyWordy (SSR #elm, #htmx with ws, #haskell web framework a-la-Phoenix). Now #tryton views are rendered in #flowbite/tailwindcss from xml/python models! Next: DB bootstrap, generate the sql code binding UI&data, apply locales to the views.

More SSR #elm rendering, #htmx as FE/BE API, #flowbite for quick UI assembly and EasyWordy on the backend for quick logic implementation. Unable to get the hx-on:htmx:oobAfterSwap event handler to work (help! why other events trigger?), but it's starting to feel like a real web-app framework...

Consolidation day: SSR management, dyn. invocation params, plus all demo sections are now Elm generated. Result: ~100k lines of code (95% html constructs), full build time: 6 sec. Nextjs version with 1/5 of the features (20k lines) build time: 16 sec!
Next: chopping #flowbite pages into components.

Big UX milestone! EasyWordy now auto-reloads logic after an app (server-side Elm code) is recompiled, then replays last request for each client having a session with the app. Client side: a websocket mgr of htmx events picks up the replay notification and repaints the browser's page. Crazy fast!

Yeah, we did love the htmx support. Really the reason for the switch was being able to use JSX and Html syntax. This was a group of react devs trying to build out templates as quickly as possible. I've written Elm and I like the non-jsx approach, it just didn't click for our group last week.

AI "wow" moment! Left side is gpt 5.1 prototype of image editor app, made with html/js, first prompt to working version. Right side is that prototype converted by gpt 5.2 into a @Fuddle/@EasyWordy app (@htmx, websocket, SSR @elm, haskell native), from one example. Also compiled/ran from 1st prompt!

In progress: converting the 'form' & 'tree' definitions from the xml and python code to #htmx/Elm. Dealing with those tech is a good reminder of how much more convenient the Elm/Haskell combo is! Since #Odoo has a similar implementation approach, so that's can be next on the auto-converted map 😀

That screenshot isn't much, but a lot is happening behind the scene! EasyWordy now handles continuation style calling between #Elm script and #Haskell compiled code as it's moving toward the end-result: html that goes to the client through #htmx logic over websocket. Simple to use, super powerful.

Successful first demo to potential investor of complex app made on EasyWordy! The power of the tech stack is finally coming through: fantastic development speed & ease, minimal testing and debugging... Critically: bug-free demo! 🎉 Yes, #htmx #flowbite #elm (fuddle) #haskell is the way to go!

Been thoroughly enjoying my renewed SSR journey. Between HTMX, Alpine.js and Chart.js I've got pretty much all I need to not have to reach for JS much these days. I've purposely ignored the Angular, Vue, React FXs of this world - if I had to build a state-full front-end it'd be ELM inspired.

Hyperbole: Haskell interactive serverside web framework inspired by Htmx, Elm
L: https://github.com/seanhess/hyperbole
C: https://news.ycombinator.com/item?id=42785641
posted on 2025.01.21 at 17:01:40 (c=0, p=5)

I absolutely love Elm as a language. HTMX is great but it’s Datastar for me. Does both HTMX’s and Alpine’s job (plus SSE streaming) with a smaller API surface.