Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 07:16:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(code-editor): use Zustand state for dynamic language selection

Browse Source
This commit is contained in:
cfngc4594 2025-02-20 14:06:13 +08:00
parent 1bc1b638e2
commit 6329babfca
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/code-editor.tsx
View File

@ -7,6 +7,7 @@ import normalizeUrl from "normalize-url";
import { highlighter } from "@/lib/shiki";
import { shikiToMonaco } from "@shikijs/monaco";
import { Skeleton } from "@/components/ui/skeleton";
import { useCodeEditorState } from "@/store/useCodeEditor";
import { CODE_EDITOR_OPTIONS } from "@/constants/code-editor-options";
import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from "vscode-ws-jsonrpc";
@ -26,6 +27,7 @@ const DynamicEditor = dynamic(
export default function CodeEditor() {
const { resolvedTheme } = useTheme();
const { language } = useCodeEditorState();
useEffect(() => {
const lspUrl = process.env.NEXT_PUBLIC_LSP_C_URL || "ws://localhost:4594/clangd";
@ -73,14 +75,10 @@ export default function CodeEditor() {
return (
<DynamicEditor
defaultLanguage="c"
defaultLanguage={language}
defaultValue="# include<stdio.h>"
path="file:///main.c"
theme={
resolvedTheme === "light"
? "github-light-default"
: "github-dark-default"
}
theme={resolvedTheme === "light" ? "github-light-default" : "github-dark-default"}
height="100%"
options={CODE_EDITOR_OPTIONS}
beforeMount={(monaco) => {