body { -ms-overflow-style: scrollbar; overflow-y: scroll; overscroll-behavior-y: none; } .errorContainer { background-color: #FFF; color: #0F1419; max-width: 600px; margin: 0 auto; padding: 10%; font-family: Helvetica, sans-serif; font-size: 16px; } .errorButton { margin: 3em 0; } .errorButton a { background: #1DA1F2; border-radius: 2.5em; color: white; padding: 1em 2em; text-decoration: none; } .errorButton a:hover, .errorButton a:focus { background: rgb(26, 145, 218); } .errorFooter { color: #657786; font-size: 80%; line-height: 1.5; padding: 1em 0; } .errorFooter a, .errorFooter a:visited { color: #657786; text-decoration: none; padding-right: 1em; } .errorFooter a:hover, .errorFooter a:active { text-decoration: underline; } #placeholder, #react-root { display: none !important; } body { background-color: #FFF !important; }

JavaScript is not available.

We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our Help Center.

Terms of Service Privacy Policy Cookie Policy Imprint Ads info © 2023 Twitter, Inc.

Conversation

@SergeiChestakov

At

, we're placing a big bet on CodeMirror 6, a new code editor that's fast, minimal, and extensible. As part of the migration from Monaco in our app, we've made a huge commitment to give back to the open source community by developing & sponsoring several extensions:

8

22

346

@SergeiChestakov

(1) Vim keybindings

GitHub - replit/codemirror-vim: Vim keybindings for CM6

Vim keybindings for CM6. Contribute to replit/codemirror-vim development by creating an account on GitHub.

2

1

18

@SergeiChestakov

(2) Emacs keybindings

GitHub - replit/codemirror-emacs: Emacs keybindings for CM6

Emacs keybindings for CM6. Contribute to replit/codemirror-emacs development by creating an account on GitHub.

1

9

@SergeiChestakov

(3) VS Code keyboard shortcuts

GitHub - replit/codemirror-vscode-keymap: VSCode keyboard shortcuts for CodeMirror 6

VSCode keyboard shortcuts for CodeMirror 6. Contribute to replit/codemirror-vscode-keymap development by creating an account on GitHub.

1

11

@SergeiChestakov

(4) CSS Color picker

GitHub - replit/Codemirror-CSS-color-picker: A codemirror extension that adds a color picker input...

A codemirror extension that adds a color picker input next to CSS color values. Development happens on Replit, just fork and hit run! https://replit.com/@util/Codemirror-CSS-color-picker - GitHub -...

1

8

@SergeiChestakov

(5) Indentation Markers

GitHub - replit/codemirror-indentation-markers: A CodeMirror extension that renders indentation...

A CodeMirror extension that renders indentation markers - GitHub - replit/codemirror-indentation-markers: A CodeMirror extension that renders indentation markers

1

8

@SergeiChestakov

(6) Nix language support

GitHub - replit/codemirror-lang-nix: A Nix language mode for CodeMirror 6

A Nix language mode for CodeMirror 6. Contribute to replit/codemirror-lang-nix development by creating an account on GitHub.

2

9

@SergeiChestakov

(7) Emmet abbreviations for HTML/CSS

GitHub - emmetio/codemirror6-plugin: WIP Plugin for CodeMirror 6

WIP Plugin for CodeMirror 6. Contribute to emmetio/codemirror6-plugin development by creating an account on GitHub.

1

7

@SergeiChestakov

(8) CodeMirror Interact, a library that lets you edit values in the editor by clicking and dragging, developed by none other than

, the mind behind our extremely popular gaming library

github.com/replit/codemir

Embedded video

5:16 PM · Jan 25, 2022

@SergeiChestakov

Replying to

@SergeiChestakov

At Replit, we believe that the current MSFT maintained incumbent, Monaco, is losing relevancy as the de facto way to edit code on the web. Unlike CM6, Monaco is bloated, difficult to customize, and doesn't support mobile (which is becoming increasingly important).

1

2

27

This Tweet is unavailable. Learn more

@SergeiChestakov

We've made big bets like this before with great success. In particular, with @vitejs_dev where we became early adopters and evangelized Vite as an excellent way to build blazing fast React apps before most people had even heard about it:

blog.replit.com

Why We Switched From Webpack To Vite

At Replit, our mission is to make programming more accessible. We provide people with free compute in the cloud so that they can build…

2

2

18

@SergeiChestakov

Regardless of how it plays out, we're excited to be early adopters of such a new and forward thinking approach to code editors and do all we can to give back to the community by open sourcing much of our work and sponsoring development.

1

10

@SergeiChestakov

Special shout out to

, an absolutely incredible engineer, who's been quietly and single-handedly building out CodeMirror for years. It's been a pleasure getting to work directly with him and playing a small part in improving the experience of writing code on the web.

2

40

@SergeiChestakov

Replying to

@SergeiChestakov

(9) Solidity language support github.com/replit/codemir

2

Replying to

@SergeiChestakov

and

This is excellent, I’m starting a project to create a 3D world engine on

I got something going but very early stage. This will be sooooo helpful!!! Btw, would you be interested in a 3D creation tool in Replit that has single click to publish a world to all users?

1

Replying to

@SergeiChestakov

Out of curiosity, where can I learn more on Replit editor integrations? I’m trying to make the world editing be driven by code and would like the visual editor to interface with the code directly (at the moment I’m hacking something convoluted)

Replying to

@SergeiChestakov

and

The UX looks fun, but questionably precise :O

1

Replying to

@SergeiChestakov

and

reminds me of

’s js library Tangle worrydream.com/Tangle/

1

4