vim/emacs modes with settings

[kenichi]

adds user settings (default: false) and support for both vim and emacs keybindings in monaco editors, via monaco-vim and monaco-emacs packages

notes:

• mostly a spike based on the discussion in Option to have more Vim key bindings in code editor #715
• disclaimer: i don't know emacs keys at all! 😄 would love it if someone who does can test
• deals with the current LB escape key conflict by adding a data-vim-mode attr to the parent element and checking for "insert" value during handling
• unsure of automated testing approach... 🤔

does this seem like a valid approach that is in line with livebook requirements/direction?

[CLAassistant]

All committers have signed the CLA.

[github-actions]

Uffizzi Preview deployment-34012 was deleted.

[jonatanklosko]

LGTM, thanks!

@josevalim feel free to merge if this works for you :)

[josevalim]

💚 💙 💜 💛 ❤️

[isti115]

(Sorry to bump an already merged PR, but I'm not sure that this deserves a separate issue.)
Are there any drawbacks to the idea of exposing the VimMode object from monaco-vim to the window scope in order to allow users the addition of custom keybindings?
(The global Monaco instance is already supposedly exposed since #1642, I couldn't seem to access it though. 🤔)

[jonatanklosko]

The global Monaco instance is already supposedly exposed since #1642, I couldn't seem to access it though.

That's a regression from migrating to esbuild, fixed in ad562b8.

As for exposing VimMode, honestly this feels like too much. Is your idea to write a custom browser extension that looks for that global and defines custom shortcuts, or something else?

[isti115]

@jonatanklosko Thanks for the fix!
Regarding VimMode, a simple userscript would be enough, for example this is the code I use to inject a custom mapping into the CodeMirror based Overleaf editor:

// ==UserScript==
// @name         Overleaf Editor Custom VIM Keybindings
// @version      0.1
// @match        https://www.overleaf.com/project/*
// @grant        none
// ==/UserScript==

window.addEventListener("UNSTABLE_editor:extensions", (event) => {
  const { CodeMirrorVim } = event.detail;
  CodeMirrorVim.Vim.map("jk", "<Esc>", "insert");
});;

[jonatanklosko]

@isti115 I added a global in b7fabe1, no future guarantees though :)