ianmjones

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

In this session I switch to using more conventional names for the app’s Lustre Msg types, which turns out awesome as it helps me see where I was going wrong, could remove some messages, and simplify the update function!

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 show how off-camera I’ve fixed up the JavaScript error handling in Gleam & Lustre to now use a Result coming back from JavaScript FFI, including demoing the error catching before and after the change.
I then add the “starting daemon …” notice to the Gleam views, and fix it up to show for the appropriate time while waiting for the daemon running check to do its thing.

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 “Start it?” button hooked up to start the daemon, and in theory handle an error returned by the Go based Wails back end via a JavaScript error.
I didn’t quite get to testing the error, or implementing a “starting …” notice, but the daemon start worked, yay!

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 refactor the daemon running and daemon installed API calls to chain after each other via dispatched Lustre effects, with the timer start also kicked off via a new message type.
Then I add a (not working) “Start it?” button to the daemon installed notice, with some nested CSS to style it.

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.

First I take a quick look at the now merged pull request I did off-video for the g18n_dev package for translations in Gleam, and then start to look at getting a second notice to show whether the daemon is installed if it’s not running.

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 first make sure the project properly builds after clean checkout and make clean-all. Then set up using the g18n package to add translatable strings to the Gleam app via a nested translations JSON file, hitting a couple of easy to fix up issues along the way.

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.

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