Playground Feature | Vim motion ( WIP )

[MindfulLearner]

( WIP )

Type

• Refactor
• Feature
• Bug Fix
• Optimization
• Documentation Update

What

Adding Vim Motion for Playground

Why

Some users might be using Vim, so it could be helpful for them

How

Looking for Idea for now monaco-vim pkg

Remarks

Initial idea is to use https://github.com/brijeshb42/monaco-vim, but I'm having issues with Insert Mode brijeshb42/monaco-vim#150

Implementation milestones

• save function working
• make Insert Mode work
• add ON/OFF switch for Vim Mode
• Relative number

Question

Could there potentially be a conflict between https://github.com/Effect-TS/monaco-editor and monaco-vim?

UPDATE BY SO FAR

• I can move h j k l in normal mode
• I can go visual mode
• I can save with :w
• I can see status bar

I CANNOT

• I cannot i o a enter insert mode

DEMO

Screen.Recording.2025-10-23.at.14.20.15.mov

[vercel]

@MindfulLearner is attempting to deploy a commit to the Effect Team on Vercel.

A member of the Team first needs to authorize it.

[MindfulLearner]

@IMax153 Hello, I’ve seen you working with the Monaco Editor. I tried to implement Vim motions maybe you’ve already tried that?

Could be helpful to get some insight

[IMax153]

Hey @MindfulLearner ! Thank you for kicking this off! Another welcome addition would probably be a button somewhere which controls whether or not Vim mode is even possible, as folks who don't know Vim bindings will probably get themselves stuck in command mode and get frustrated.

Will take a deeper look at this once more functionality in the TODOS you've listed is implemented!

Let me know if you need any help, and thanks again for the contribution!

[MindfulLearner]

@IMax153

Hey @MindfulLearner ! Thank you for kicking this off! Another welcome addition would probably be a button somewhere which controls whether or not Vim mode is even possible, as folks who don't know Vim bindings will probably get themselves stuck in command mode and get frustrated.

Will take a deeper look at this once more functionality in the TODOS you've listed is implemented!

Let me know if you need any help, and thanks again for the contribution!

I still have this problem:

Initial idea is to use https://github.com/brijeshb42/monaco-vim, but I'm having issues with Insert Mode brijeshb42/monaco-vim#150

Could it be that there’s a conflict with the forked version Effect-TS/monaco-vim?

I’ve debugged it the keys for insert mode like i and a are actually being detected, but they don’t switch to insert mode.

I'll try again these days.

[IMax153]

@MindfulLearner - it's possible. But I have no idea to be honest. And unfortunately I won't have the ability to look into this in the near future due to competing priorities.

When v4 is out and we redesign the website, I'm going to look into modern-monaco as an alternative to the current setup.

[MindfulLearner]

@IMax153 When the website will be updated to v4? Would be nice to help with that later on!

[IMax153]

After v4 is released. No timeline on that yet tho.