Monaco-breakpoints NPM

monaco-breakpoints

A typesafe library support breakpoints in monaco-editor like vscode

Installing

> npm i monaco-breakpoints
> npm i monaco-editor@latest

Usage

import * as monaco from 'monaco-editor';
import { MonacoBreakpoint } from 'monaco-breakpoints';

const democode = [
	'function foo() {\n',
	'\treturn 1;\n',
	'}\n',
	'function bar() {\n',
	'\treturn 1;\n',
	'}',
].join('')

const editor = monaco.editor.create(document.getElementById('app')!, {
    value: democode,
    theme: 'vs-dark',
    automaticLayout: true,
    minimap: {
        enabled: false,
    },
    glyphMargin: true,
});

const instance = new MonacoBreakpoint({ editor });

instance.on('breakpointChanged', breakpoints => {
    console.log('breakpointChanged: ', breakpoints);
})

// highlight background for the passed line number
instance.setLineHighlight(1)

// remove the current highlight background
instance.removeHighlight();

npm.io npm.io