Function Editor

flow-debugger/debugger-ui/src/page/editor/Editor.js:10–29

()

import { update, selectEditorInit, selectEdit } from "./EditorSlice";

export const Editor = () => {
    const dispatch = useDispatch();
    const init = useSelector(selectEditorInit);
    const edit = useSelector(selectEdit);
    const extensions = useMemo(
        () => [basicSetup, oneDark, StreamLanguage.define(toml)],
        []
    );
    return (
        <CodeMirror
            extensions={extensions}
            value={init}
            onUpdate={(v) => {
                if (v.docChanged && edit) {
                    dispatch(update(v.state.doc.toString()));
                }
            }}
        />
    );
};