Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-20 01:38:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: monaco: use monaco-vscode-api

Browse Source
This commit is contained in:
undefined committed 2024-06-08 17:42:40 +08:00
1 parent c05accf343
commit 5be19fffd4
11 files changed
+280 -461
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui-default/components/scratchpad/ScratchpadEditorContainer.tsx
+5 -6
View File
@@ -41,22 +41,21 @@ export default connect((state: any) => ({
async componentDidMount() {
const value = this.props.value || '';
const { language } = this.props;
const { monaco, registerAction, customOptions } = await load([language]);
const uri = monaco.Uri.parse(`hydro:${UiContext.pdoc.pid || UiContext.pdoc.docId}.${language}`);
const { monaco, createEditor } = await load([language]);
const uri = monaco.Uri.parse(`/${UiContext.pdoc.pid || UiContext.pdoc.docId}.${language}`);
this.model = monaco.editor.getModel(uri) || monaco.editor.createModel(value, language, uri);
if (this.containerElement) {
const config: monaco.editor.IStandaloneEditorConstructionOptions = {
theme: 'vs-light',
fontFamily: UserContext.codeFontFamily,
...customOptions,
lineNumbers: 'on',
glyphMargin: true,
lightbulb: { enabled: monaco.editor.ShowLightbulbIconMode.On },
model: this.model,
fontLigatures: '',
language,
};
this.editor = monaco.editor.create(this.containerElement, config);
registerAction(this.editor, this.model);
this.editor = createEditor(this.containerElement, config);
this.disposable.push(
this.editor.onDidChangeModelContent((event) => {
if (!this.__prevent_trigger_change_event) {
@@ -96,7 +95,7 @@ export default connect((state: any) => ({
if (model && editor && prevProps.language !== language) {
const val = model.getValue(LF, false);
model.dispose();
const uri = monaco.Uri.parse(`hydro:${UiContext.pdoc.pid || UiContext.pdoc.docId}.${language}`);
const uri = monaco.Uri.parse(`file:///${UiContext.pdoc.pid || UiContext.pdoc.docId}.${language}`);
this.model = monaco.editor.getModel(uri) || monaco.editor.createModel(val, language, uri);
editor.setModel(this.model);
}