@replit/codemirror-typesound

CodeMirror TypeSound

A codemirror extension that adds typing sound on keystroke.

Usage

import { EditorState } from '@codemirror/state';
import { EditorView } from '@codemirror/view';
import typeSound from '@replit/codemirror-typesound';

// hold Alt and drag / click values
new EditorView({
  state: EditorState.create({
    doc: 'const num = 123',
    extensions: [
      typeSound({
        key: 'typewriter-key.mp3',
        enter: 'typewriter-enter.mp3',
        backspace: 'typewriter-backspace.mp3',
        volume: 0.1,
        freeJazz: true,
      }),
    ],
  }),
  parent: document.querySelector('#editor'),
});