🎥 Monaco Recorder

A lightweight library for recording and replaying user interactions in Monaco Editor.

Interactive Demos

Vanilla JavaScript Basic

Pure JavaScript implementation showing the core recording and playback functionality. Perfect for understanding the basics.

React Integration Framework

React component example with hooks showing how to integrate monaco-recorder into a React application.

Quick Start

# Install
npm install monaco-recorder

# Import and use
import createMonacoRecorder from 'monaco-recorder';

const recorder = createMonacoRecorder(editor, monaco);
const stop = recorder.start();
// ... user interactions ...
const events = stop();
recorder.play(events);

Features

Links

📚 View on GitHub | 📦 NPM Package | 📖 Documentation