um-react/src/features/settings/persistSettings.ts

import { debounce } from 'radash';
import { produce } from 'immer';

import type { AppStore } from '~/store';
import { settingsSlice, setProductionChanges, ProductionSettings } from './settingsSlice';
import { enumObject } from '~/util/objects';
import { getLogger } from '~/util/logUtils';
import { parseKwm2ProductionKey } from './keyFormats';

const DEFAULT_STORAGE_KEY = 'um-react-settings';

function mergeSettings(settings: ProductionSettings): ProductionSettings {
  return produce(settingsSlice.getInitialState().production, (draft) => {
    if (settings?.qmc2) {
      const { allowFuzzyNameSearch, keys } = settings.qmc2;
      for (const [k, v] of enumObject(keys)) {
        if (typeof v === 'string') {
          draft.qmc2.keys[k] = v;
        }
      }

      if (typeof allowFuzzyNameSearch === 'boolean') {
        draft.qmc2.allowFuzzyNameSearch = allowFuzzyNameSearch;
      }
    }

    if (settings?.kwm2) {
      const { keys } = settings.kwm2;

      for (const [k, v] of enumObject(keys)) {
        if (typeof v === 'string' && parseKwm2ProductionKey(k)) {
          draft.kwm2.keys[k] = v;
        }
      }
    }
  });
}

export function persistSettings(store: AppStore, storageKey = DEFAULT_STORAGE_KEY) {
  let lastSettings: unknown;

  try {
    const loadedSettings: ProductionSettings = JSON.parse(localStorage.getItem(storageKey) ?? '');
    if (loadedSettings) {
      const mergedSettings = mergeSettings(loadedSettings);
      store.dispatch(setProductionChanges(mergedSettings));
      getLogger().debug('settings loaded');
    }
  } catch {
    // load failed, ignore.
  }

  return store.subscribe(
    debounce({ delay: 150 }, () => {
      const currentSettings = store.getState().settings.production;
      if (lastSettings !== currentSettings) {
        lastSettings = currentSettings;
        localStorage.setItem(storageKey, JSON.stringify(currentSettings));
        getLogger().debug('settings saved');
      }
    })
  );
}