File size: 1,750 Bytes
f909d7c |
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 |
import { create } from "zustand";
import { persist } from "zustand/middleware";
import { ViewMode } from "src/enums/viewMode.enum";
import useGraph from "./useGraph";
const initialStates = {
darkmodeEnabled: false,
collapseButtonVisible: true,
childrenCountVisible: true,
imagePreviewEnabled: true,
liveTransformEnabled: true,
gesturesEnabled: false,
rulersEnabled: true,
viewMode: ViewMode.Graph,
aiEnabled: true,
};
export interface ConfigActions {
toggleDarkMode: (value: boolean) => void;
toggleCollapseButton: (value: boolean) => void;
toggleChildrenCount: (value: boolean) => void;
toggleImagePreview: (value: boolean) => void;
toggleLiveTransform: (value: boolean) => void;
toggleGestures: (value: boolean) => void;
toggleRulers: (value: boolean) => void;
setViewMode: (value: ViewMode) => void;
toggleAI: (value: boolean) => void;
}
const useConfig = create(
persist<typeof initialStates & ConfigActions>(
set => ({
...initialStates,
toggleAI: aiEnabled => set({ aiEnabled }),
toggleRulers: rulersEnabled => set({ rulersEnabled }),
toggleGestures: gesturesEnabled => set({ gesturesEnabled }),
toggleLiveTransform: liveTransformEnabled => set({ liveTransformEnabled }),
toggleDarkMode: darkmodeEnabled => set({ darkmodeEnabled }),
toggleCollapseButton: collapseButtonVisible => set({ collapseButtonVisible }),
toggleChildrenCount: childrenCountVisible => set({ childrenCountVisible }),
toggleImagePreview: imagePreviewEnabled => {
set({ imagePreviewEnabled });
useGraph.getState().setGraph();
},
setViewMode: viewMode => set({ viewMode }),
}),
{
name: "config",
}
)
);
export default useConfig;
|