mirror of
https://codeberg.org/uzu/strudel
synced 2026-07-13 14:26:58 -04:00
Roipoussiere
34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
import { persistentMap } from '@nanostores/persistent';
|
|
import { useStore } from '@nanostores/react';
|
|
|
|
export const defaultSettings = {
|
|
activeFooter: 'intro',
|
|
keybindings: 'codemirror',
|
|
isLineNumbersDisplayed: true,
|
|
isAutoCompletionEnabled: false,
|
|
theme: 'strudelTheme',
|
|
fontFamily: 'monospace',
|
|
fontSize: 18,
|
|
latestCode: '',
|
|
isZen: false,
|
|
soundsFilter: 'all',
|
|
};
|
|
|
|
export const settingsMap = persistentMap('strudel-settings', defaultSettings);
|
|
|
|
export function useSettings() {
|
|
const state = useStore(settingsMap);
|
|
return {
|
|
...state,
|
|
isZen: [true, 'true'].includes(state.isZen) ? true : false,
|
|
isLineNumbersDisplayed: [true, 'true'].includes(state.isLineNumbersDisplayed) ? true : false,
|
|
isAutoCompletionEnabled: [true, 'true'].includes(state.isAutoCompletionEnabled) ? true : false,
|
|
fontSize: Number(state.fontSize),
|
|
};
|
|
}
|
|
|
|
export const setActiveFooter = (tab) => settingsMap.setKey('activeFooter', tab);
|
|
|
|
export const setLatestCode = (code) => settingsMap.setKey('latestCode', code);
|
|
export const setIsZen = (active) => settingsMap.setKey('isZen', !!active);
|