1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
/**
* @license
* Copyright 2025 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import {
createContext,
useCallback,
useContext,
useEffect,
useState,
} from 'react';
import { LoadedSettings, SettingScope } from '../../config/settings.js';
export type VimMode = 'NORMAL' | 'INSERT';
interface VimModeContextType {
vimEnabled: boolean;
vimMode: VimMode;
toggleVimEnabled: () => Promise<boolean>;
setVimMode: (mode: VimMode) => void;
}
const VimModeContext = createContext<VimModeContextType | undefined>(undefined);
export const VimModeProvider = ({
children,
settings,
}: {
children: React.ReactNode;
settings: LoadedSettings;
}) => {
const initialVimEnabled = settings.merged.vimMode ?? false;
const [vimEnabled, setVimEnabled] = useState(initialVimEnabled);
const [vimMode, setVimMode] = useState<VimMode>(
initialVimEnabled ? 'NORMAL' : 'INSERT',
);
useEffect(() => {
// Initialize vimEnabled from settings on mount
const enabled = settings.merged.vimMode ?? false;
setVimEnabled(enabled);
// When vim mode is enabled, always start in NORMAL mode
if (enabled) {
setVimMode('NORMAL');
}
}, [settings.merged.vimMode]);
const toggleVimEnabled = useCallback(async () => {
const newValue = !vimEnabled;
setVimEnabled(newValue);
// When enabling vim mode, start in NORMAL mode
if (newValue) {
setVimMode('NORMAL');
}
await settings.setValue(SettingScope.User, 'vimMode', newValue);
return newValue;
}, [vimEnabled, settings]);
const value = {
vimEnabled,
vimMode,
toggleVimEnabled,
setVimMode,
};
return (
<VimModeContext.Provider value={value}>{children}</VimModeContext.Provider>
);
};
export const useVimMode = () => {
const context = useContext(VimModeContext);
if (context === undefined) {
throw new Error('useVimMode must be used within a VimModeProvider');
}
return context;
};
|
