mirror of
https://github.com/massbug/judge4c.git
synced 2025-05-18 15:26:33 +00:00
refactor(code-editor): optimize dynamic imports and code structure
This commit is contained in:
parent
840cd1e70b
commit
9aa8b7e211
@ -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"
|
||||||
|
Loading…
Reference in New Issue
Block a user