Migrate the code editor to CodeMirror

README.md

@@ -7,7 +7,7 @@ Livebook is a web application for writing interactive and collaborative code not
 
   * Code notebooks with Markdown support and Code cells where Elixir code is evaluated on demand.
 
-  * Rich code editor through [Monaco](https://microsoft.github.io/monaco-editor/): with support for autocompletion, inline documentation, code formatting, etc.
+  * Rich code editor through [Code Mirror](https://codemirror.net/): with support for autocompletion, inline documentation, code formatting, etc.
 
   * Interactive results via [Kino](https://github.com/elixir-nx/kino): display [Vega-Lite charts](https://vega.github.io/vega-lite/), tables, maps, and more.
 

assets/build.js

@@ -15,18 +15,6 @@ const outDir = path.resolve(
 );
 
 async function main() {
-  await esbuild.build({
-    entryPoints: [
-      "./node_modules/monaco-editor/esm/vs/language/json/json.worker.js",
-      "./node_modules/monaco-editor/esm/vs/editor/editor.worker.js",
-    ],
-    outdir: outDir,
-    bundle: true,
-    target: "es2017",
-    format: "iife",
-    minify: deploy,
-  });
-
   const ctx = await esbuild.context({
     entryPoints: ["js/app.js"],
     outdir: outDir,

assets/css/app.css

@@ -10,5 +10,4 @@
 @import "./ansi.css";
 @import "./js_interop.css";
 @import "./tooltips.css";
-@import "./editor.css";
 @import "./notebook.css";

assets/css/markdown.css

@@ -119,7 +119,7 @@
 }
 
 .markdown pre {
-  @apply flex overflow-hidden;
+  @apply my-4 flex overflow-hidden;
 }
 
 .markdown pre > code {