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(store): persist language setting in code editor state

Browse Source
This commit is contained in:
cfngc4594 2025-03-01 23:14:29 +08:00
parent 10a0c7ab99
commit 1893faad00
1 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/store/useCodeEditor.ts
View File

@ -3,6 +3,7 @@ import * as monaco from "monaco-editor";
import { CODE_EDITOR_OPTIONS } from "@/constants/option"; import { CODE_EDITOR_OPTIONS } from "@/constants/option";
import { SupportedLanguage } from "@/constants/language"; import { SupportedLanguage } from "@/constants/language";
import { MonacoLanguageClient } from "monaco-languageclient"; import { MonacoLanguageClient } from "monaco-languageclient";
import { persist, createJSONStorage } from "zustand/middleware";
import { DEFAULT_EDITOR_LANGUAGE } from "@/config/editor/language"; import { DEFAULT_EDITOR_LANGUAGE } from "@/config/editor/language";
interface CodeEditorState { interface CodeEditorState {
@ -18,18 +19,27 @@ interface CodeEditorState {
setResult: (result: string) => void; setResult: (result: string) => void;
} }
export const useCodeEditorState = create<CodeEditorState>((set) => ({ export const useCodeEditorState = create<CodeEditorState>()(
editor: null, persist(
language: DEFAULT_EDITOR_LANGUAGE, (set) => ({
languageClient: null, editor: null,
loading: true, language: DEFAULT_EDITOR_LANGUAGE,
result: null, languageClient: null,
setEditor: (editor) => set({ editor }), loading: true,
setLanguage: (language) => set({ language }), result: null,
setLanguageClient: (languageClient) => set({ languageClient }), setEditor: (editor) => set({ editor }),
setLoading: (loading) => set({ loading }), setLanguage: (language) => set({ language }),
setResult: (result) => set({ result }), setLanguageClient: (languageClient) => set({ languageClient }),
})); setLoading: (loading) => set({ loading }),
setResult: (result) => set({ result }),
}),
{
name: "code-editor-language",
storage: createJSONStorage(() => localStorage),
partialize: (state) => ({ language: state.language }),
}
)
);
export const useCodeEditorOption = create<monaco.editor.IEditorConstructionOptions>((set) => ({ export const useCodeEditorOption = create<monaco.editor.IEditorConstructionOptions>((set) => ({
fontSize: CODE_EDITOR_OPTIONS.fontSize, fontSize: CODE_EDITOR_OPTIONS.fontSize,