Upcoming Code Editor upgrade to Monaco!

We have almost completed work on moving the Code Editor from Code Mirror to Monaco, the same editor that powers the ever popular, Visual Studio Code.

Look familiar? 👀

With this upgrade, it will give developers:

  • Much better performance, especially with large text files
  • More editing functionality through the command palette
  • Mouse driven features such as Cmd/Ctrl + Click to jump to definition, hover for documentation and a context menu!

There will be some small differences which will include:

  • Syntax color changes as we’ve opted to use Monaco’s default theme, which should be comfortably familiar to VS Code users
  • Some hotkeys/shortcuts will be different (e.g moving a line up/down)

When can we use it?

We are still working through a few issues but planning to release the Editor as early as next week. Keep your eyes peeled!

Steven Yau

10 thoughts on “Upcoming Code Editor upgrade to Monaco!

    1. It’s on the list to work through but for the current term, unfortunately it’s set to be the default. Maybe a feature request to have customisable themes?

  1. Will we be able to change the standard code template that comes when creating a new script?

  2. I second the custom colours for syntax highlighting.

    Having them changed on me really affects my coding/debugging as I daily switch between different editors.

  3. Looks fab, but two things I find slightly annoying so far:
    1. Page up/down no longer moves a screen-full, but depends on where the cursor is. So pressing PageUp and then PageDown will not land you where you were.
    2. Undoing does not ensure the changed lines are visible. It just makes the changes outside the view.

      1. 1. Not sure I can show it with a video. In some editors whenever I press page up (or down) the whole visible segment moves an entire screen-height along with the cursor. This way, when I press page down (or up) afterwards, it will return to exactly where I started. This allows quick navigation by eg pressing page up 3 times to check params for a function, then page down three times to land where you started with the same focus, so you don’t get disoriented. I checked in VS Code and I have an extention installed called “Better PageUp / PageDown”, so it’s not default behavior, forgot that 🙂

Comments are closed.