Skip to content

components/sequence/AceEditor#

AceEditor()#

function AceEditor(props): Element;

Inline Monaco editor — each instance creates its own monaco.editor. Multiple instances can be visible simultaneously in split workspace. The global MonacoEditorLanguageClientWrapper (in MonacoEditor.tsx) provides LSP features; we sync the focused editor's model to it.

Parameters#

Parameter Type
props AceEditorProps

Returns#

Element

mountMonaco()#

function mountMonaco(): void;

Returns#

void

setMonacoListener()#

function setMonacoListener(_fn): void;

Parameters#

Parameter Type
_fn (val) => void

Returns#

void

toTitleCase()#

function toTitleCase(str): string;

Parameters#

Parameter Type
str string

Returns#

string

unmountMonaco()#

function unmountMonaco(): void;

Returns#

void

EditorToolbarAction#

A configurable button shown in the editor's floating toolbar (next to the debug controls).

Properties#

active?#

optional active?: boolean;

Renders the button in an active/selected state.

badge?#

optional badge?: boolean;

Shows a small dot on the button (e.g. to flag pending output while inactive).

disabled?#

optional disabled?: boolean;

icon#

icon: ReactNode;

id#

id: string;

onClick#

onClick: () => void;
Returns#

void

tooltip#

tooltip: string;