Live coding an app with Gleam, Lustre, Go and Wails.

This is just a bit of a maintenance session whereby I get all the new Gleam bits committed into git with the Svelte bits being removed, and then fix up the builds.sr.ht config so that it can run the build and tests once pushed to git.sr.ht.

Snippet Expander:- https://snippetexpander.org

Source Code: https://git.sr.ht/~ianmjones/snippetexpander

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

Tech Used:
Gleam:- https://gleam.run
Lustre:- https://hexdocs.pm/lustre
Go:- https://golang.org
Wails:- https://wails.io

Live coding an app with Gleam, Lustre, Go and Wails.

In this session I start to apply some CSS styling to the Gleam & Lustre frontend for the Wails app, including setting up screen and notice utility views.

Snippet Expander:- https://snippetexpander.org

Source Code: https://git.sr.ht/~ianmjones/snippetexpander

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

Tech Used:
Gleam:- https://gleam.run
Lustre:- https://hexdocs.pm/lustre
Go:- https://golang.org
Wails:- https://wails.io

Live coding an app with Gleam, Lustre, Go and Wails.

In this session I get the UI to ask the backend whether the Snippet Expander Daemon is running before setting up its periodic check using a timer.

Snippet Expander:- https://snippetexpander.org

Source Code: https://git.sr.ht/~ianmjones/snippetexpander

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

Tech Used:
Gleam:- https://gleam.run
Lustre:- https://hexdocs.pm/lustre
Go:- https://golang.org
Wails:- https://wails.io

Live coding an app with Gleam, Lustre, Go and Wails.

In this session I get started on the real rewrite of the Snippet Expander UI to use Gleam.
First thing I tackle is getting the UI to ask the backend whether the Snippet Expander Daemon is running. Once that is working, I set it up as a periodic check using a timer.

Snippet Expander:- https://snippetexpander.org

Source Code: https://git.sr.ht/~ianmjones/snippetexpander

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

Tech Used:
Gleam:- https://gleam.run
Lustre:- https://hexdocs.pm/lustre
Go:- https://golang.org
Wails:- https://wails.io

Live coding an app with Gleam, Lustre, Go and Wails.

In this session I’m just showing a super basic test Gleam and Lustre frontend for a Wails app that handles grabbing data from the Go back end via the JS IPC, handling the returned promise and converting it to an effect that Lustre can use.

Snippet Expander:- https://snippetexpander.org

Source Code: https://git.sr.ht/~ianmjones/snippetexpander

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

Tech Used:
Gleam:- https://gleam.run
Lustre:- https://hexdocs.pm/lustre
Go:- https://golang.org
Wails:- https://wails.io

In this session I switch up how I decode the flags passed to the Gleam & Lustre app on startup, using a Flags type and custom decoders with a single pass through the JSON decode function.

https://gleam.run
https://github.com/lustre-labs/lustre

It all started after I watched Kris Jenkin’s excellent chat with Louis Pilfold, Gleam’s creator, on Developer Voices:
https://www.youtube.com/watch?v=RntfkL8lUY4

—

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

In this session I explain where I got things wrong in the previous video, and what the `@internal` attribute is actually for.

I then revert the current code back to using an internal module so that the public functions and types do not get exported in the final JavaScript.

https://gleam.run
https://github.com/lustre-labs/lustre

It all started after I watched Kris Jenkin’s excellent chat with Louis Pilfold, Gleam’s creator, on Developer Voices:
https://www.youtube.com/watch?v=RntfkL8lUY4

—

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

In this session I try out Gleam 1.1’s new `@internal` attribute that I thought is supposed to allow you to make a type public in a module so it can be tested, but not export it in the final JavaScript etc.

It doesn’t go as I’d hoped. 😞

In the next video I explain where I got things wrong, and what the `@internal` attribute is actually for.

https://gleam.run
https://github.com/lustre-labs/lustre

It all started after I watched Kris Jenkin’s excellent chat with Louis Pilfold, Gleam’s creator, on Developer Voices:
https://www.youtube.com/watch?v=RntfkL8lUY4

—

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

In this session I work out what went wrong in my last video, successfully decoding a JSON field that contains a string to its boolean representation. 🎉

I make sure the tests are working, add more, and then ensure multiple fields and the main string to bool function are independently tested from the Model decoding.

https://gleam.run
https://github.com/lustre-labs/lustre

It all started after I watched Kris Jenkin’s excellent chat with Louis Pilfold, Gleam’s creator, on Developer Voices:
https://www.youtube.com/watch?v=RntfkL8lUY4

—

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones

In this session I fail miserably at trying to work out how I should decode the Lustre app’s flags if they’re JSON, I really should run through the Gleam tutorial to get some understanding of how to use the Result type! 🤦

https://gleam.run
https://github.com/lustre-labs/lustre

It all started after I watched Kris Jenkin’s excellent chat with Louis Pilfold, Gleam’s creator, on Developer Voices:
https://www.youtube.com/watch?v=RntfkL8lUY4

—

Always Developing Playlist:- https://www.youtube.com/playlist?list=PLDWtdmaxq1few8CjnK4MC3LLBMVpi_aCS

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Mastodon:- https://fosstodon.org/@ianmjones