A gazillion minor improvements and fixes to dashboard deployments

Fresh Produce
1

I bring good news!

We are doing many things to our UI deployments and we are gradually rolling them out so, after the latest batch, lemme share with you some of the things.

Highlights

Copy logs for deployment and build steps!
Copy logs for deployment and build steps!1019Ă—672 130 KB

You can now easily copy logs for important steps. This should help everyone that had some trouble in those steps so its easier to share when asking for help, even if its to paste in a LLM.

npm run build error
npm run build error1026Ă—351 67.1 KB

We also added a specific error message for npm run build after we noticed many launches failed for the most distinct things. Sometimes its all a matter of tweaking a thing or two in your Dockerfile.

Speaking of which, we also started creating the Fly.io branch before the Build Image step runs so in case of build failures you can still access the new files we added (fly.toml, Dockerfile, .dockerignore, a few more files in some cases like Phoenix)

Live updating dashboard deployments list
Live updating dashboard deployments list1261Ă—476 56.5 KB

Our dashboard uses Phoenix LiveView so not having live-updating things is literally a sin and Chris McCord wouldn’t forgive me if I didn’t do this (Im joking, he is a nice guy). That being said, its nice to know when things are changing around your app.

There’s a ton of things to come, we’re just shipping as we get enough for a batch or whenever we feel cute. Feel free to add opinions here!

Improvements

  • Validating app name during UI launch is done on change instead of waiting for press submit.
  • Edited the wording for the optional “fly.toml” config in UI launch from “Do you already have a fly.toml somewhere?” to “Fill this if you already have a fly.toml with a custom name or location”.
  • Sync repo chooser choices with URL for easily sharing, specially public repos :wink:
  • Better empty states based on integration status, repos allowed and search query for repo chooser.
  • Button to load more repos instead of needing to search for them.
  • Deployment statuses with friendlier names than “Created” or “Git pull”
  • Manually stopped deployments now have a distinct icon in deployments list
  • New icons for deployment states in deployments lists for deploying, failed, stopped, building and complete
  • Add margin top to success/failure CTAs in deployment so its not just below the last deployment step
  • Copy logs for deployment and build steps!
  • Deploy UI now knows when the build error is specific to npm run build and gives custom steps on how to resolve.
  • Fly.io branch is created before the build step so in case of errors you can recover the newly generated files.

Fixes

  • Show loading bar when searching for repos.
  • Stop previous deployments when new ones are started to prevent race conditions
  • Display issue: “Starting deployer machine” step sometimes was shown as running when it was really done.
  • Fix UI getting stuck loading repos list in repo chooser when GitHub API timeouts
  • User is scrolled into customize form when click “retry” (which is in the very bottom of the page)
  • Validate banned words in app names.
  • Live updating deployment running time.
  • Removed deprecated regions from region select in customize form and “tweak settings” form given from flyctl.
4 Likes