Forem: Mr F.

How to install Flutter on macOS using homebrew and asdf

Mr F. — Tue, 28 Jan 2020 19:24:40 +0000

The official way to install the flutter and its dependencies is a mishmash of brew install, binary downloads alongside relying on system installed versions of ruby.

I became particularly frustrated when trying to setup flutter on macOS Mojave and macOS Catalina. I came across too many issues, and it took a lot of stackoverflow and google searches to overcome.

By using a package manager to install dependencies and runtimes, we can share the exact same setup in different environments and automate the install and escape the above issues.

This is particularly valuable if you use different machines, or have team members in different locations. Moreover, we know where everything belongs and how to upgrade or uninstall if necessary.

Until a complete homebrew approach is released, I think this is a decent step by step approach.

prerequisites

You need to make sure you have homebrew installed and also asdf to manage runtime dependencies.

If you don't have asdf installed already, you can follow my tutorial on how to install asdf

You should also install xcode via the mac app store. This could take a while depending on your download speed.

brew install dependencies

This will install the dependencies for flutter and asdf which we will use to install the runtimes.

We're installing:

asdf for our dart, flutter and ruby runtimes
android sdk for command line util sdkmanager
android studio to build flutter apps for android
intel haxm to help speed up flutter rendering
adoptopenjdk8 prebuilt java binary to make sure the above android stuff works

brew install asdf
brew install android-sdk
brew install android-studio
brew install haxm
brew cask install adoptopenjdk8

asdf runtimes

There are three steps for asdf, but this won't take long except depending on your download speed.

1) Install the asdf plugins for dart, flutter and ruby

asdf plugin install dart https://github.com/patoconnor43/asdf-dart.git
asdf plugin-add flutter
asdf plugin install ruby https://github.com/asdf-vm/asdf-ruby.git

2) Install the actual runtimes

latest version of dart
latest stable version of flutter
We will use ruby 2.3.7 because it allows us to install cocoapods on macOS catalina.

You can use the latest version of Ruby if you like, but I've come across issues.

asdf install dart 2.7.0
asdf install flutter 1.12.13+hotfix.7-stable 
asdf install ruby 2.3.7

3) Set the runtimes to global or local.
You can set these to local if you have multiple projects that rely upon different versions.

asdf global dart 2.7.0
asdf global flutter 1.12.13+hotfix.7-stable 
asdf global ruby 2.3.7

Cocoapods install on macOS Mojave and below

We don't need to use sudo we can install direct into the asdf ruby version.

gem install cocoapods

macOS catalina Cocoapods

The latest version of cocopads (1.8.4) doesn't respect the pod setup command on macOS catalina, so we have to use an older version until this bug is resolved.

gem install cocoapods -v 1.7.5

Install the cocoapods dependencies

pod setup

Install android studio plugins

You will need to install the flutter and dart plugins for android studio, otherwise flutter doctor will complain later on.
Simply open up the app, go to configure > plugins and then install from the dialog as shown below.

Accept licences

We need to accept the licences for xcode in order to build ios apps

sudo xcodebuild -license

We need to accept the android licences in order to build our flutter app for android

flutter doctor --android-licenses

Run sdkmanager to make sure all dependencies are installed (depends on adoptopenjdk8 that we installed via brew)

sdkmanager

Export haxm and java paths

You might need to add these into your .zshrc or .bash_profile files if you get complaints about haxm or java.

export INTEL_HAXM_HOME=/usr/local/Caskroom/intel-haxm
export JAVA_HOME=$(/usr/libexec/java_home -v 1.8)

Run flutter

Finally lets check our flutter install

flutter doctor -v

This is what you should see if all the above was done right.

After completing all the above steps we now know that dart, flutter, ruby are all managed via asdf.

The remaining dependencies are all installed via homebrew. Updates and upgrades should be straightforward, and we can document builds and releases to a particular setup.

Happy coding!

Visual Studio Code extensions to help your productivity

Mr F. — Sun, 12 Jan 2020 22:14:37 +0000

Microsoft have made some amazing contributions to the dev community, Visual Studio Code in particular. I recently made the switch to VSCodium but this doesn't stop me from using all the same extensions as before.

I'm going to share some extensions I use to make my experience more productive and helpful. Hopefully there will be something useful for you to add to you setup.

Project level extensions

Gistpad

...manage GitHub Gists entirely within the editor. You can open, create, delete, fork, star and clone gists, and then seamlessly begin editing files as if they were local...

I've gone through my fair share of third party apps to manage my gists, this is a welcome addition to vscode.

TODO Tree

This extension quickly searches (using ripgrep) your workspace for comment tags like TODO and FIXME, and displays them in a tree view in the explorer pane. Clicking a TODO within the tree will open the file and put the cursor on the line containing the TODO.

This is really helpful when working in a team or on projects you pick and drop over time.

Gitlens

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

Project Manager

...helps you to easily access your projects, no matter where they are located... You can define your own Favorite projects, or choose for auto-detect VSCode projects, Git, Mercurial and SVN repositories or any folder.

Code level extensions

Tech Debt Tracker

Inline debt ratings, the debt ratings tree, and the function metrics keep quality front of mind. Every function is analysed live & locally to help you write clean code and identify code that needs to be improved.

Tech Debt Tracker sends anonymous analytics back to the publisher, which you can turn off from settings if you need to.

What I particulary like about this extension is the inline debt rating at the top of your file.

Code Complexity

Computes complexity in TypeScript / JavaScript / Lua files. It's not a standard metric, but it is a close approximation of Cyclomatic complexity.

Just like the previous extension, this puts a handy inline notice at the top of the file.

Import Cost

This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size.

UI level enhancements

Bracket Pair Colorizer 2

This extension allows matching brackets to be identified with colours. The user can define which tokens to match, and which colours to use.

Indented Block Highlighting

Highlights the intented area that contains the cursor.

This might be a little overkill, but I like it combined with Bracket Pair Colorizer.

Indenticator

Visually highlights the current indent depth

Image Preview

This handy extension allows you to see image previews in the gutter or on hover.

There are plenty more extensions, but these are the ones I enjoy using. Hopefully there is something new here for you or you can suggest something, I'm always looking for ways to make my development experience better!

Why and how you should migrate from Visual Studio Code to VSCodium

Mr F. — Fri, 10 Jan 2020 01:56:14 +0000

In this tutorial we'll go over why you should make the switch, and how you can retain all of your extensions when you do make the switch. It won't take more than a couple of minutes to do the actual change!

The problem with Visual Studio Code

Visual Studio code is without a doubt the most used Code editor (for front end developers at least). It definitely provides a lot of helpful extensions of which there have been umpteen posts about.

So why would I suggest you uninstall it for something else?

Whilst Microsoft’s vscode source code is open source (MIT-licensed), the product available for download (Visual Studio Code) is licensed under this not-FLOSS license and contains telemetry/tracking.

...may collect information about you and your use of the software, and send that to Microsoft... You may opt-out of many of these scenarios, but not all...

Microsoft insist this is for bug tracking and so on, which may well be true. But you never know what else the data could end up being used for in the hands of someone unscrupulous.

You can turn off telemetry reporting in Visual Studio Code, but there are plenty of opportunities for Microsoft to add other features in, which may slip past your attention.

Run this command in your terminal and check your output



code --telemetry

Not great, lets change it.

VSCodium

VSCodium ... is not a fork. This is a repository of scripts to automatically build Microsoft's vscode repository into freely-licensed binaries with a community-driven default configuration.

This means we don't have to go through the hassle of building each version ourselves, everything is done for us and the best part is we get these binaries under the MIT license. Telemetry is completely disabled.

Moreover, the editor itself looks and functions exactly the same, you won't miss a thing!

That's a pretty simple and compelling argument.

How to install VSCodium and keep all your extensions and settings

This is the easy part. I will focus upon macOS, but these instructions are pretty simple to amend to other platforms.

updated to include settings

Make sure you have Homebrew installed:



/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

1. Export all your installed extensions

First export all of your installed extensions into a text file (amend the output path as you see fit)



code --list-extensions | tee ~/vscode-extensions.txt

This will output all of your extensions to ~/vscode-extensions.txt and list them out in your terminal for you to see.

2. Export your settings

Export any custom keybindings and user settings you have as default.



cp ~/Library/Application\ Support/Code/User/settings.json ~/vscode-settings.json

cp ~/Library/Application\ Support/Code/User/keybindings.json ~/vscode-keybindings.json

3. Uninstall Visual Studio Code

We use the force argument so that nothing gets left behind that would clash or interrupt VSCodium's install.



brew cask uninstall --force visual-studio-code

4. Install VSCodium



brew cask install vscodium

5. Reinstall your extensions for VSCodium

Because VSCodium has the same command line tools, we invoke them the same was as before



xargs -n1 code --install-extension < ~/vscode-extensions.txt

This went through the file and executed code --install-extension on each line individually.

You should have seen the output in your terminal.

If you get a DeprecationWarning: Buffer()... warning, you don't need to worry, it's related to Yarn and can be resolved with yarn global add yarn

6. Import your settings



mv ~/vscode-settings.json ~/Library/Application\ Support/VSCodium/User/settings.json

mv ~/vscode-keybindings.json ~/Library/Application\ Support/VSCodium/User/keybindings.json

Now you should be set and ready to go, the only thing you should notice is the logo is different. Everything else will work, feel and function the same as before.

Happy coding devs!

Manage your runtime environments using ASDF and not NVM or RVM etc...

Mr F. — Mon, 16 Dec 2019 18:19:31 +0000

Many of us have used rvm or rbenv to manage Ruby, nvm or n to manage our Node installs, pyenv for Python. The problem is when you need to add other things into the mix like gvm for Go, the list goes on.

ASDF to the rescue!

Manage multiple runtime versions with a single CLI tool

ASDF allows you to manage many environments on a per project basis. ASDF has done for my project management what homebrew did for my Mac.

Let's say for example you had RVM and NVM installed and Dart was done via shell scripts. Sure, you're already on top of it - but why accept the pain involved with managing them on top of the environments themselves?

You may not suffer from any of the above and just have one environment to handle, but nonetheless, make it easy for someone who has to manage or maintain your work after you're done with it.

If you're working on or maintaining multiple projects with a team of people, asdf will make all of your lives much easier.

I'll demonstrate how easy it is to take control and get some of your sanity back.
We'll work with Node for this example.

Install asdf

via Homebrew

brew install asdf

If you are on Linux or are using Linux subsystem on Windows or don't use homebrew on macOS, you can install via git.

Update your shell to handle asdf

These are for anyone who installed via homebrew. If you installed via git, follow the instructions on the asdf website.

BASH

echo -e '\n. $HOME/.asdf/asdf.sh' >> ~/.bashrc
echo -e '\n. $HOME/.asdf/completions/asdf.bash' >> ~/.bashrc

ZSH

echo -e "\n. $(brew --prefix asdf)/asdf.sh" >> ~/.bash_profile
echo -e "\n. $(brew --prefix asdf)/etc/bash_completion.d/asdf.bash" >> ~/.bash_profile

Install plugin dependencies for homebrew

You might not have all the dependencies installed, so you need to run:

brew install \
  coreutils automake autoconf openssl \
  libyaml readline libxslt libtool unixodbc \
  unzip curl

Install a language plugin

ASDF comes with extensive language support via it's plugin system

asdf plugin-add nodejs https://github.com/asdf-vm/asdf-nodejs.git

For nodejs we will also have to add the release team's OpenPGP keys to main keyring:

bash ~/.asdf/plugins/nodejs/bin/import-release-team-keyring

List all versions for this package

asdf list-all nodejs

This will output all the versions you can install via asdf.

Install the version you need

 asdf install nodejs 13.3.0

Let's set a system wide version, which will be the default version.

asdf global nodejs 13.3.0

To install a different version:

 asdf install nodejs 7.9.0

Now set it in your current project or directory by:

asdf local nodejs 7.9.0

How to store your settings

You can store your settings for the project by creating a .tool-versions file.

inside your current project add the following setting:

nodejs 7.9.0

If you commit this to your project and someone else picks it up, asdf will understand what version to use and prompt you to install it if necessary.

Keep asdf up to date

Now you have one manager to manage your multiple development environments. You only need to keep asdf up to date, which is easy peasy.

via homebrew:

brew upgrade asdf

or via git

asdf update

Rinse and repeat!

You can rinse and repeat this for as many environments as you need, in as many projects as necessary.

How easy is that!

Awesome Terminal upgrades - Part Four: Make your your macOS terminal look slick

Mr F. — Sun, 15 Dec 2019 02:40:03 +0000

Install Homebrew

The missing package manager for macOS (or Linux)

We will be using Homebrew to manage everything for us, if you don't have it installed, go ahead and do it now!

echo “[ -f /usr/local/etc/bash_completion ] && . /usr/local/etc/bash_completion” >> ~/.bash_profile

Install Fira Code

Monospaced font with programming ligatures

brew tap caskroom/fonts
brew cask install font-fira-code

Install Starship

Starship is the minimal, blazing fast, and extremely customizable prompt for any shell!
The prompt shows information you need while you’re working, while staying sleek and out of the way.

brew install starship

In your .bashrc or .zshrc file (swap bash or zsh accordingly):

eval "$(starship init bash)"

Install One Dark theme for iTerm2

A dark syntax theme

wget https://raw.githubusercontent.com/nathanbuchar/atom-one-dark-terminal/master/scheme/iterm/One%20Dark.itermcolors

You can choose any colour scheme you like, my preferred is One Dark which was originally a theme for Atom.

I chose to use the port made by Nathan Buchar because it's the most actively maintained for iTerm.

Colours

Open preferences in iTerm and navigate to Profiles > Colors then in bottom right, from the dropdown color presets choose import... and import the file we downloaded.

And that's it, we now have a nicely styled and customised terminal.

Awesome Terminal upgrades - Part Five: Awesome and productive command line tools

Mr F. — Sun, 15 Dec 2019 02:38:40 +0000

In part Five of my "Awesome Terminal upgrades" series, we will look at some programs that will really enhance your overall productivity in your terminal, there are plenty more out there, but these are my favourites.

They will work in both BASH and ZSH on both macOS and Linux.

Install Homebrew

The missing package manager for macOS (or Linux)

We will be using Homebrew to manage everything for us, if you don't have it installed, go ahead and do it now!

echo “[ -f /usr/local/etc/bash_completion ] && . /usr/local/etc/bash_completion” >> ~/.bash_profile

bash-completion

Programmable completion functions for bash

brew install bash-completion@2

the@2token indicates the major version 2 of bash-completion (the latest version, at the time of this writing, is 2.8) which must be used for Bash 4.1 and higher

Bash completions work really well by tabbing twice <tab><tab> and seeing a list of possible options for your current program.

fzf

A command-line fuzzy finder

fzf allows you to find files faster and filter them out better than relying upon find alone.

brew install fzf

hstr

bash and zsh shell history suggest box - easily view, navigate, search and manage your command history.

hstr is brilliant, there are so many times I can't recall exactly how to type out a command. This goes a step further than ZSH autocomplete or suggestions in that it allows you to search and filter previous commands super fast in a nice intuitive interface.

brew install hstr

exa

A modern version of ‘ls’.

exa provides a lot more options than ls, and outputs information in a nice readable way.

brew install exa

thefuck

Magnificent app which corrects your previous console command.

Despite the name, this is a brilliant tool that allows you to correct your mistakes much faster than normal.

brew install thefuck

hub

A command-line tool that makes git easier to use with GitHub.

hub is a great tool released by github themselves that allows you to interact with their website and manage things like pull requests, all from the commandline.

brew install hub

If you want a more comprehensive list of applications, you should check out Terminals Are Sexy

Feel free to suggest any more!

Awesome Terminal upgrades - Part Three: Manage ZSH plugins using Zplugin

Mr F. — Sun, 15 Dec 2019 02:36:55 +0000

Recently, I wrote an article about customising your shell using ZSH.

However, as one person pointed out in the comments, the startup time and performance was excrucuatingly slow.

So I set about making sure I chose a better ZSH manager this time around.

According to this comparison of ZSH frameworks and plugin managers, if you're using any plugins and doing any sort of development, Zplugin is the only option to consider, especially if you use tools like thefuck for example.

It turns out, Zplugin is hands down the fastest most performant ZSH plugin manager, beating Oh-My-ZSH, Antigen, Zplug, Prezto and so on.

Zplugin launches in < 1 second (~50ms) as opposed to > 8 seconds which I was experiencing whilst using zplug!

Install Homebrew

The missing package manager for macOS (or Linux)

We will be using Homebrew to manage everything for us, if you don't have it installed, go ahead and do it now!

echo “[ -f /usr/local/etc/bash_completion ] && . /usr/local/etc/bash_completion” >> ~/.bash_profile

Install Zplugin

brew install zplugin

Zplugin will dump some lines of code into your .zshrc file:

source "$HOME/.zplugin/bin/zplugin.zsh"
autoload -Uz _zplugin
(( ${+_comps} )) && _comps[zplugin]=_zplugin

Install some plugins to get up and running

Once the above output is added to you .zshrc, we can leverage Oh-My-ZSH's plugins and add some functionality and shortcuts. We'll add Git and SSH to keep it shoer, we'll add some auto suggestion and completion features as well.

We reference OMZ plugins with zplugin snippet OMZ:: followed by the path to the zsh command eg ssh-agent/ssh-agent.plugin.zsh to make zplugin snippet OMZ::ssh-agent/ssh-agent.plugin.zsh.

Here is a more fleshed out example:

zplugin ice blockf
zplugin light zsh-users/zsh-completions

zplugin ice as"program" pick"$ZPFX/bin/git-*" make"PREFIX=$ZPFX"

zplugin ice wait lucid atload'_zsh_autosuggest_start'
zplugin light zsh-users/zsh-autosuggestions

zplugin snippet OMZ::plugins/git/git.plugin.zsh
zplugin snippet OMZ::plugins/ssh-agent/ssh-agent.plugin.zsh

After you've done this you will want to source your .zshrc file again:

source ~/.zshrc

And voila! You're all done, ready and up and running!

Here is what my own .zshrc file looks like:

Awesome Terminal upgrades - Part Two: Upgrade and use a newer version of ZSH on macOS

Mr F. — Sun, 15 Dec 2019 02:36:00 +0000

This is part two in the "Awesome Terminal upgrades" series. In this short tutorial we will cover ZSH on macOS and how you can upgrade and manage it using Homebrew.

Install Homebrew

The missing package manager for macOS (or Linux)

We will be using Homebrew to manage everything for us, if you don't have it installed, go ahead and do it now!

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

By default OSX has ZSH installed, but we're going to use homebrew to install ZSH so we can upgrade it and keep up to date with new releases.

Confirm the current active zsh version:

zsh --version

Confirm the location of zsh:

which zsh

The output should look like /bin/zsh

Confirm the shell that’s set for your user:

dscl . -read /Users/$USER UserShell

The output should look like UserShell: /bin/zsh

Install ZSH:

brew install zsh

Use brew ZSH:

sudo dscl . -create /Users/$USER UserShell /usr/local/bin/zsh

After that, restart your Terminal to have it take effect.

Now if you run which again, you’ll see the system is recognizing the one you installed:

which zsh

The output should look like /usr/local/bin/zsh

Confirm you're running brew ZSH:

dscl . -read /Users/$USER UserShell

The output should look like UserShell: /usr/local/bin/zsh

Change your shell to the right ZSH

sudo chsh -s $(which zsh)

Sometimes Switching ZSH shells can throw up some unsuspected errors, so you might want to add this to your .zshrc

export PATH=$HOME/bin:/usr/local/bin:$PATH

Awesome, your shell is now using ZSH managed by Homebrew!
You can update ZSH whenever you like, as well as your other Homebrew installs by running:

brew update && brew upgrade

Awesome Terminal upgrades - Part One: Upgrade and use a newer version of BASH on macOS

Mr F. — Sun, 15 Dec 2019 02:35:01 +0000

This is part one in the "Awesome Terminal upgrades" series. In this short tutorial we will cover BASH on macOS and how you can upgrade and manage it using Homebrew.

Install Homebrew

The missing package manager for macOS (or Linux)

We will be using Homebrew to manage everything for us, if you don't have it installed, go ahead and do it now!

echo “[ -f /usr/local/etc/bash_completion ] && . /usr/local/etc/bash_completion” >> ~/.bash_profile

Upgrade and use a newer version of BASH on macOS

As of macOS Catalina, the default shell is set to ZSH.
The default version of BASH on macOS is 3.2 which is ancient!
We'll be installing and using version 5 and making it our default shell instead.

brew install bash
sudo vim /etc/shells

You’ll see some output that looks like this:

/bin/bash
/bin/csh
/bin/dash
/bin/ksh
/bin/sh
/bin/tcsh
/bin/zsh

We need to update it:

Use your keypad to go down to the last line and press i to edit this line
Type in /usr/local/bin/bash
Type :wq to writeout the file and quit.

Change your default shell to BASH

sudo chsh -s /usr/local/bin/bash

After that, restart your Terminal to have it take effect.

Make sure BASH knows where to source everything from

In order to make sure all of the above stick and work whenever you fire up a terminal, add this line to the top of your ~/.bash_profile file.

[ -r ~/.bashrc ] && . ~/.bashrc

Awesome, your shell is now using BASH managed by Homebrew!
You can update BASH whenever you like, as well as you other Homebrew installs by running:

brew update && brew upgrade

Yet Another Best MacOS Apps list 2019

Mr F. — Wed, 27 Nov 2019 22:25:36 +0000

Yes, this is "Yet Another Best Mac Apps" article!

But I hope there is something in here that you might find useful.

Where possible, I like to find open source alternatives for any app I use. There are so many great projects out there, you can really find some great little gems that boost your productivity or possibly save you some cash.

Moreover, I like to find apps that I can install via Homebrew, so I can manage them from my terminal.

So without further ado, here is my list!

Rectangle

Rectangle is a window management app based on Spectacle, written in Swift.

Rectangle allows you to organise your apps in a grid across as many screens as you may have. It's fully featured and rivals any paid for application.

brew cask install rectangle

Fontbase

FontBase is the font manager of the new generation, built by designers, for designers.

There have been so many font management apps over the years, but Fontbase strikes a great balance between an intuitive interface and preview features.

brew cask install fontbase

Maccy

Clipboard manager for macOS which does one job - keep your copy history at hand. Period.

Maccy is an impressive clipboard manager that does what it needs to do nicely. It's fast and has a nice icon that sits in the menubar tray.

brew cask install maccy

Pock

Display macOS Dock in Touch Bar.

I have a touchbar mac, I've never found that I use the touchbar enough, and Pock brings a nice bit of sanity to it.
Be sure to hide your dock for full effect.

brew cask install pock

Franz

Franz is your messaging app for WhatsApp, Facebook Messenger, Slack, Telegram and many many more.

Franz is the best of the aggregated messaging apps. You can do away with multiple installs and manage all of those slack channels as well.
It's nicely designed and an absolute must.

brew cask install franz

IINA

The modern media player for macOS.

VLC has been around for a while and is the video workhorse. But let's face it, the the app itself is ugly and a bit dated.

IINA is based on MPV and adds some nice new touches such as support for Youtube playlists, picture-in-picture and a standalone music mode to name a few.

brew cask install iina

Motrix

A full-featured download manager. Support downloading HTTP, FTP, BitTorrent, Magnet, Baidu Net Disk etc.

If I know I have a large file to download or some other link, I use Motrix to manage it for me. I don't particularly like seeing my browser do the work, because it usually does a crappy job.

brew cask install motrix

Insomnia

Powerful HTTP and GraphQL tool belt

When doing any sort of REST/API/GraphQL calls Insomnia works pretty well and picks up where Postman left off.

brew cask install insomnia

Bitwarden

The easiest and safest way ... to store, share, and sync sensitive data.

I've tried so many password managers, 1Password, Dashlane etc. However, I like that Bitwarden is cross platform and open source. It's not quite as slick as the other apps and lacks a few features, but I'm willing to forgive this for the fact that its open source.

brew cask install bitwarden

VS Codium

VSCodium is a community-driven, freely-licensed binary distribution of Microsoft’s editor VSCode

VSCode is my favourite app. Well, it was until I came across VS Codium (They should drop the VS).

The problem with VS Code is that it sends telemetry info by default to Microsoft. You can disable it.
But it would just be easier if someone would provide us with exactly the same app that supports all the extensions without the unneccassary gubbins.

Luckily VSCodium is that app.

brew cask install vscodium

Please feel free to make suggestions and share your own favourites!