Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 629 Commits
.github/workflows		.github/workflows
dev		dev
scripts		scripts
src		src
test		test
.gitignore		.gitignore
.replit		.replit
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
package.json		package.json
pull_request_template.md		pull_request_template.md
replit.nix		replit.nix
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock

Repository files navigation

Vim keybindings for CM6

Installation

npm i @replit/codemirror-vim

Usage

import{basicSetup,EditorView}from'codemirror';import{vim}from"@replit/codemirror-vim"letview=newEditorView({doc:"",extensions:[// make sure vim is included before other keymapsvim(),// include the default keymap and all other keymaps you want to use in insert modebasicSetup,],parent:document.querySelector('#editor'),})

Note:if you are not usingbasicSetup, make sure you include thedrawSelection plugin to correctly render the selection in visual mode.

Usage of cm5 vim extension api

The same api that could be used in previous version of codemirrorhttps://codemirror.net/doc/manual.html#vimapi, can be used with this plugin too, just replace the old editor instance withview.cm in your code

import{Vim,getCM}from"@replit/codemirror-vim"letcm=getCM(view)// use cm to access the old cm5 apiVim.exitInsertMode(cm)Vim.handleKey(cm,"<Esc>")

Define additional ex commands

Vim.defineEx('write','w',function(){// save the file});

Map keys

Vim.map("jj","<Esc>","insert");// in insert modeVim.map("Y","y$");// in normal mode

Unmap keys

Vim.unmap("jj","insert");

Add custom key

defaultKeymap.push({keys:'gq',type:'operator',operator:'hardWrap'});Vim.defineOperator("hardWrap",function(cm,operatorArgs,ranges,oldAnchor,newHead){// make changes and return new cursor position});