Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 15:26:33 +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

14
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,7 +19,9 @@ interface CodeEditorState {
setResult: (result: string) => void; setResult: (result: string) => void;
} }
export const useCodeEditorState = create<CodeEditorState>((set) => ({ export const useCodeEditorState = create<CodeEditorState>()(
persist(
(set) => ({
editor: null, editor: null,
language: DEFAULT_EDITOR_LANGUAGE, language: DEFAULT_EDITOR_LANGUAGE,
languageClient: null, languageClient: null,
@ -29,7 +32,14 @@ export const useCodeEditorState = create<CodeEditorState>((set) => ({
setLanguageClient: (languageClient) => set({ languageClient }), setLanguageClient: (languageClient) => set({ languageClient }),
setLoading: (loading) => set({ loading }), setLoading: (loading) => set({ loading }),
setResult: (result) => set({ result }), 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,