Try the new, smarter YML editor on Bitrise.io

We are happy to introduce a new YML editor with lots of new features.

We are happy to introduce a new YML editor with lots of new features.

We used ACE editor since the beginning and we were quite happy with it, but as our Workflow Editor has become more and more complex, we came to a point where we decided that we need some improvements. Plus, one of our users reported an issue in Safari: there was some performance issue with the YAML editor.

We made some research and experimented with other similar editor engines and came to the conclusion that Monaco Editor is the perfect candidate for our needs.

CodeMirror and ACE editor, unfortunately, could not render the complex or larger files in Safari, especially on a Macbook Pro retina screen. All was good on external displays, but the scaled screen just took too much memory to do the painting.

Monaco editor

At first, all look the same except for some difference in colors. But we've just changed the old editor to the Monaco editor and there are a lot of features that we like so much and the performance of Monaco Editor is insanely good. 😎

If you use the Visual Studio Code IDE then this will be very familiar. 🙂

So let's see the best features:

  • All the short keys and basic functions are there and ready for you.

If you are not familiar with any of the hotkeys, I recommend starting with the command list, just press F1.

You can search for a command or scroll through the list. The hotkeys on the right, it's worth memorizing them.

  • If you have a large YML file or a long section, you could simply fold and unfold each section by clicking on the + and - signs on the left side of the line.

(In addition, there are a lot of hotkeys to do a different level fold.)

  • If you want to know where you are in the code or jump quickly between the parts of your code, you will see the preview sidebar on the right side.
  • And last but not least, one of our favorite features is search and replace (Crtl/Cmd + F). You can search the text with RegExp, Whole word match, case-sensitive or case-insensitive and also only in the selected section. Then you will be able to replace each or all of them with a single click.

Share your thoughts with us about this update: what do you like or what could we improve some more?

Happy coding! 🤖

No items found.
The Mobile DevOps Newsletter

Explore more topics

App Development

Learn how to optimize your mobile app deployment processes for iOS, Android, Flutter, ReactNative, and more

Bitrise & Community

Check out the latest from Bitrise and the community. Learn about the upcoming mobile events, employee spotlights, women in tech, and more

Bitrise Insights

Cache | Caching

Mobile App Releases

Learn how to release faster, better apps on the App Store, Google Play Store, Huawei AppGallery, and other app stores

Mobile DevOps

Learn Mobile DevOps best practices such as DevOps for iOS, Android, and industry-specific DevOps tips for mobile engineers

Mobile Testing & Security

Learn how to optimize mobile testing and security — from automated security checks to robust mobile testing and more.

Product Updates

Check out the latest product updates from Bitrise — Build Insights updates, product news, and more.

The Mobile DevOps Newsletter

Join 1000s of your peers. Sign up to receive Mobile DevOps tips, news, and best practice guides once every two weeks.