refactor(code-editor): optimize dynamic imports and code structure

This commit is contained in:
cfngc4594 2025-02-22 11:47:00 +08:00
parent 840cd1e70b
commit 9aa8b7e211

View File

@ -12,16 +12,15 @@ import { useCodeEditorState } from "@/store/useCodeEditor";
import { CODE_EDITOR_OPTIONS } from "@/constants/code-editor-options"; import { CODE_EDITOR_OPTIONS } from "@/constants/code-editor-options";
import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from "vscode-ws-jsonrpc"; import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from "vscode-ws-jsonrpc";
const DynamicEditor = dynamic( const Editor = dynamic(
async () => { async () => {
await import("vscode"); await import("vscode");
const monaco = await import("monaco-editor"); const monaco = await import("monaco-editor");
const { loader, Editor } = await import("@monaco-editor/react"); const { loader } = await import("@monaco-editor/react");
loader.config({ monaco }); loader.config({ monaco });
return Editor; return (await import("@monaco-editor/react")).Editor;
}, },
{ {
ssr: false, ssr: false,
@ -78,7 +77,7 @@ export default function CodeEditor() {
}, []); }, []);
return ( return (
<DynamicEditor <Editor
defaultLanguage={language} defaultLanguage={language}
defaultValue={DEFAULT_VALUE[language]} defaultValue={DEFAULT_VALUE[language]}
path="file:///main.c" path="file:///main.c"