ianmjones

A little dragon told me about some upcoming improvements to Wails v2 that I might find really nice to work with, so let’s check them out and try and apply them to the Svelte based Snippet Pixie desktop application.

I ran out of time before being able to take full advantage of the changes in Snippet Pixie, so stay tuned for a follow-up that completes the migration to use the new features of Wails v2.
—

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

Took way longer than I should to stretch the no connection notice across the otherwise flex centered welcome screen. Then I get errors to display in native desktop dialog windows via the Wails MessageDialog runtime function.

—

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

Quick overview of how I fixed everything up off-camera that was causing me problems in the previous session. Basically a massive refactor and use of go.mod files for each deliverable rather than a single global one.

Then I go on to get adding snippets from the GUI app working. 🎉

Following that, I implement checking that the daemon is up and running, create a new Screen svelte component that all screens sub-class from, show a notice when daemon not available, and disable the “Save” button in the Add Snippets screen as appropriate.

This was a long but productive session!

—

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

So this one did not go well, I clearly need more coffee!

I tried to move some Go CLI code that implements an interface to an internal package so that the GUI can use it too. That kind of worked, but then I mucked about with the GUI’s go.mod file to try and fix dependencies, and that did not go to plan at all. 😞

I guess I need to read up on how dependencies are resolved in Go.

—

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

Quick catch-up of the unrecorded CSS changes I made to the Add Snippet screen, and then I start hooking up the Svelte front-end with the Go back-end in the Wails app.

—

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

Oh dear, it’s been so long since I did any flexbox stuff in CSS, and it really shows in this session! I do however get the Add Snippet screen kind of looking ok, along with a simple Button Svelte component. It’s all very rough though, and there’s plenty more to do next time.

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

In this session I set up svelte-spa-router to enable switching between screens in the GUI app. I then use svelte-i18n to to set up translatable text for the Svelte based UI.

svelte-spa-router:- https://github.com/ItalyPaleAle/svelte-spa-router/
svelte-i18n:- https://github.com/kaisermann/svelte-i18n/

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

In this session I get the IconButton Svelte component working as a button, and then fix up the git ignores to make sure files auto-generated by Wails and Svelte don’t get committed.

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

In this session I start to create a welcome screen to the Svelte+Go based desktop app built with Wails. I also start using the svelte-awesome library to add a large icon button to prompt for adding the first snippet.

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io

In this session I explore some Svelte component libraries, and then start playing with CSS while running the app with wails dev mode for hot re-loading.

Live coding an app with Go and SvelteJS.

Working on a rewrite of Snippet Pixie:- https://www.snippetpixie.com

The repository for the released version is on GitHub:- https://github.com/bytepixie/snippetpixie

This in-progress, unfinished, unusable version from these videos is on SourceHut: https://git.sr.ht/~ianmjones/snippetpixie

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

Before starting every work day, I do half an hour or so of noodling on side projects, making sure to keep them moving forward, albeit slowly.

Working on these side projects is how I learn new programming languages, frameworks and technologies.

Chances are I’ll fail miserably each and every day, so at the very least you can take comfort in seeing a so-called senior developer fumbling through some development with little success.

Blog:- https://ianmjones.com
Gemini:- gemini://ianmjones.com
Twitter:- https://twitter.com/ianmjones

Tech Used:
Go:- https://golang.org
Svelte:- https://svelte.dev
Wails:- https://wails.io