Clojure/Script mode for CodeMirror 6

Enable a decent Clojure/Script editor experience in the browser.
Built for and by Nextjournal.

🐙 Clone on GitHub 🤹‍♀️ Try in Nextjournal 📦 Use it

🤹‍♀️ Try it for yourself

Try evaluating any of these forms with Alt + ⏎ !

In-browser eval is powered by Sci.

⚡️
Lightning-fast with lezer incremental parsing
Copy clojure/core.clj into 👈 to try!

🥤

Slurping & 🤮 Barfing

forward	Ctrl + ← / →	or Mod + ⇧ + j / k
backward	Ctrl + Alt + ← / →

💗

Semantic Selections

Expand / Contract

Alt + ↑ / ↓

or Mod + 1 / 2

🧙

Evaluation

At Cursor	Mod + ⏎
Top-level form	Mod + ⇧ + ⏎
Cell	Alt + ⏎

🧹
Autoformatting
following Tonsky’s Better Clojure Formatting

📦 Use it in your clojure project

{:deps {nextjournal/clojure-mode {:git/url "https://github.com/nextjournal/clojure-mode"
                                  :sha "SHA"}}}

📦 Use it from NPM

import { default_extensions, complete_keymap } from '@nextjournal/clojure-mode'
import { EditorView, drawSelection, keymap } from  '@codemirror/view'
import { EditorState } from  '@codemirror/state'

let extensions = [keymap.of(complete_keymap),
                  ...default_extensions]

let state = EditorState.create({doc: "... some clojure code...",
                                extensions: extensions })

let editorElt = document.querySelector('#editor')
let editor = new EditorView({state: state,
                             parent: editorElt,
                             extensions: extensions})

Clojure/Script mode for CodeMirror 6

🤹‍♀️ Try it for yourself

Try evaluating any of these forms with Alt + ⏎ !

🎹 Keybindings

📦 Use it in your clojure project

📦 Use it from NPM

🛏 Embed it in Markdown