File size: 1,534 Bytes
9332ccf | 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 | /**
* @license
* Copyright 2025 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import { createContext, useCallback, useContext, useState } from 'react';
import { SettingScope } from '../../config/settings.js';
import { useSettingsStore } from './SettingsContext.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,
}: {
children: React.ReactNode;
}) => {
const { settings, setSetting } = useSettingsStore();
const vimEnabled = settings.merged.general.vimMode;
const [vimMode, setVimMode] = useState<VimMode>('INSERT');
const toggleVimEnabled = useCallback(async () => {
const newValue = !vimEnabled;
// When enabling vim mode, start in INSERT mode
if (newValue) {
setVimMode('INSERT');
}
setSetting(SettingScope.User, 'general.vimMode', newValue);
return newValue;
}, [vimEnabled, setSetting]);
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;
};
|