Hey all! Just released the library, it’s still extremely early stage and a lot of work to do, but here is the repo and the hex package.

https://github.com/selenil/lissome/

I’ll be sharing here some new features as I add them.

Wow what a cool project!

I see you’re using Lustre in its typical “SPA” mode:

pub fn main() {
  let json = get_element_by_id("ls-model")
  let flags = parse_flags(json)

  let app = lustre.simple(init, update, view)
  let assert Ok(_) = lustre.start(app, "#app", flags)

  Nil
}

and decoding flags and state like you would for traditional ssr/prerendering purposes.

You might also want to dig into Lustre’s component system: because these are built on native Web Components and you’d be able to communicate directly with a LiveView app through attributes and events like any other HTML element

Release 0.3.1

Hey, everyone! This release brings new features and a refactor to the approach taken by the library for doing the integration between Lustre and LiveView.

The highlights are:

• All the setup and Gleam integration with Mix has been completely changed in favor of a more solid and flexible approach. Details in the README.
• Helpers for communicating with LiveView. Now Lissome includes its own Gleam package that you can add to your Gleam project as a path dependency. It contains various helpers, among them are function to interop with Phoenix LiveView using the Lustre’s effects system.
• A live reloader that watches for changes in your Gleam files and recompiles them.
• Helpers to work with Gleam types and their Erlang representation in Elixir.

Next step will be support for lustre.component component and Lustre’s server components.