serializr-utils.js

import { serialize, deserialize, serializable, custom } from 'serializr';
import { deepObserve } from 'mobx-utils';
import storage from 'utils/storage';
import _ from 'lodash';

export const deserializable = serializable(custom(() => {}, v => v));

export const fromStorage = (model, defaults = {}) =>
    deserialize(model, _.merge(defaults, storage.get(model.name, {})));

export const syncStorage = (model, obj, conditions) => {
    const sync = _.throttle(() => storage.set(model.name, serialize(obj)), 0, {leading: false});
    deepObserve(obj, change => conditions ? conditions(change) && sync() : sync());
};