mirror of
https://github.com/grafana/grafana.git
synced 2025-08-03 05:08:36 +08:00
0dcdfc261b
* chore(monaco): bump monaco-editor to latest version * feat(codeeditor): use esm to load monaco editor * revert(monaco): put back previous version * feat(monaco): setup MonacoEnvironment when bootstrapping app * feat(monaco): load monaco languages from registry as workers * feat(webpack): clean up warnings, remove need to copy monaco into lib * fix(plugins): wip - remove amd loader workaround in systemjs hooks * chore(azure): clean up so QueryField passes typecheck * test(jest): update config to fix failing tests due to missing monaco-editor * test(jest): update config to work with monaco-editor and kusto * test(jest): prevent message eventlistener in nodeGraph/layout.worker tripping up monaco tests * test(plugins): wip - remove amd related tests from systemjs hooks * test(alerting): prefer clearAllMocks to prevent monaco editor failing due to missing matchMedia * test(parca): fix failing test due to undefined backendSrv * chore: move monacoEnv to app/core * test: increase testing-lib timeout to 2secs, fix parca test to assert dom element * feat(plugins): share kusto via systemjs * test(e2e): increase timeout for checking monaco editor in exemplars spec * test(e2e): assert monaco has loaded by checking the spinner is gone and window.monaco exists * test(e2e): check for monaco editor textarea * test(e2e): check monaco editor is loaded before assertions * test(e2e): add waitForMonacoToLoad util to reduce duplication * test(e2e): fix failing mysql spec * chore(jest): add comment to setupTests explaining need to incresae default timeout * chore(nodegraph): improve comment in layout.worker.utils to better explain the need for file
29 lines
845 B
TypeScript
29 lines
845 B
TypeScript
import Editor, { loader as monacoEditorLoader, Monaco } from '@monaco-editor/react';
|
|
import * as monaco from 'monaco-editor';
|
|
import React, { useCallback } from 'react';
|
|
|
|
import { useTheme2 } from '../../themes';
|
|
|
|
import defineThemes from './theme';
|
|
import type { ReactMonacoEditorProps } from './types';
|
|
|
|
// pass the monaco editor to the loader to bypass requirejs
|
|
monacoEditorLoader.config({ monaco });
|
|
|
|
export const ReactMonacoEditor = (props: ReactMonacoEditorProps) => {
|
|
const { beforeMount } = props;
|
|
|
|
const theme = useTheme2();
|
|
const onMonacoBeforeMount = useCallback(
|
|
(monaco: Monaco) => {
|
|
defineThemes(monaco, theme);
|
|
beforeMount?.(monaco);
|
|
},
|
|
[beforeMount, theme]
|
|
);
|
|
|
|
return (
|
|
<Editor {...props} theme={theme.isDark ? 'grafana-dark' : 'grafana-light'} beforeMount={onMonacoBeforeMount} />
|
|
);
|
|
};
|