import PropTypes from 'prop-types';
import React from 'react';
-import { CONFIG, DUNGEONS, makeEmptyState, mergeStates } from '../helpers/tracker';
+import {
+ CONFIG,
+ DUNGEONS,
+ applyLogic,
+ makeEmptyState,
+ mergeStates,
+} from '../helpers/tracker';
const context = React.createContext({});
const [autoState, setAutoState] = React.useState(makeEmptyState());
const [manualState, setManualState] = React.useState(makeEmptyState());
const [dungeons, setDungeons] = React.useState(DUNGEONS);
+ const [logic, setLogic] = React.useState({});
const saveConfig = React.useCallback((values) => {
setConfig(s => {
React.useEffect(() => {
const savedConfig = localStorage.getItem('tracker.config');
if (savedConfig) {
- setConfig(JSON.parse(savedConfig));
+ setConfig(c => ({ ...c, ...JSON.parse(savedConfig) }));
}
}, []);
setState(mergeStates(autoState, manualState));
}, [autoState, manualState]);
- const value = React.useMemo(() => {
- return { config, saveConfig, dungeons, setAutoState, setManualState, state };
+ React.useEffect(() => {
+ setLogic(applyLogic(config, dungeons, state));
}, [config, dungeons, state]);
+ const value = React.useMemo(() => {
+ return { config, dungeons, logic, saveConfig, setAutoState, setManualState, state };
+ }, [config, dungeons, logic, state]);
+
return <context.Provider value={value}>
{children}
</context.Provider>;