mobx-keystone/src/actionMiddlewares/actionSerialization/plainObjectSerializer.ts

A MobX powered state management solution based on data trees with first class support for TypeScript, snapshots, patches and much more

import { isObservableObject } from "mobx"
import { isPlainObject, namespace } from "../../utils"
import { ActionCallArgumentSerializer, cannotSerialize } from "./core"

export const plainObjectSerializer: ActionCallArgumentSerializer<object, object> = {
  id: `${namespace}/plainObject`,

  serialize(value, serialize) {
    if (!(isPlainObject(value) || isObservableObject(value))) {
      return cannotSerialize
    }

    // this will make observable objects non-observable ones
    return mapObjectFields(value, serialize)
  },

  deserialize(obj, serialize) {
    return mapObjectFields(obj, serialize)
  },
}

function mapObjectFields(originalObj: any, mapFn: (x: any) => any): any {
  const obj: any = {}
  const keys = Object.keys(originalObj)
  const len = keys.length
  for (let i = 0; i < len; i++) {
    const k = keys[i]
    const v = originalObj[k]
    obj[k] = mapFn(v)
  }
  return obj
}