vanilla-repl-cm6: add keybindings

This commit is contained in:
Felix Roos 2023-05-05 09:06:27 +02:00
parent 1494cc38fc
commit f069f53fae
2 changed files with 33 additions and 17 deletions

View file

@ -7,7 +7,7 @@ import { StateField, StateEffect } from '@codemirror/state';
import './style.css';
// https://codemirror.net/docs/guide/
export function initEditor(initialCode, onUpdate) {
export function initEditor({ initialCode, onChange, onEvaluate, onStop }) {
let state = EditorState.create({
doc: initialCode,
extensions: [
@ -22,9 +22,17 @@ export function initEditor(initialCode, onUpdate) {
syntaxHighlighting(defaultHighlightStyle),
keymap.of(defaultKeymap),
//flashField,
EditorView.updateListener.of((v) => {
onUpdate(v);
}),
EditorView.updateListener.of((v) => onChange(v)),
keymap.of([
{
key: 'Ctrl-Enter',
run: () => onEvaluate(),
},
{
key: 'Ctrl-.',
run: () => onStop(),
},
]),
],
});