jotai/esm/valtio.js

👻 Next gen state management that will spook you

import { snapshot, subscribe } from 'valtio/vanilla';
import { atom } from 'jotai';

const isObject = (x) => typeof x === "object" && x !== null;
const applyChanges = (proxyObject, prev, next) => {
  Object.getOwnPropertyNames(prev).forEach((key) => {
    if (!(key in next)) {
      delete proxyObject[key];
    } else if (Object.is(prev[key], next[key])) ; else if (isObject(proxyObject[key]) && isObject(prev[key]) && isObject(next[key])) {
      applyChanges(proxyObject[key], prev[key], next[key]);
    } else {
      proxyObject[key] = next[key];
    }
  });
  Object.keys(next).forEach((key) => {
    if (!(key in prev)) {
      proxyObject[key] = next[key];
    }
  });
};
function atomWithProxy(proxyObject, options) {
  const baseAtom = atom(snapshot(proxyObject));
  baseAtom.onMount = (setValue) => {
    const callback = () => {
      setValue(snapshot(proxyObject));
    };
    const unsub = subscribe(proxyObject, callback, options == null ? void 0 : options.sync);
    callback();
    return unsub;
  };
  const derivedAtom = atom((get) => get(baseAtom), (get, _set, update) => {
    const newValue = typeof update === "function" ? update(get(baseAtom)) : update;
    applyChanges(proxyObject, snapshot(proxyObject), newValue);
  });
  return derivedAtom;
}

export { atomWithProxy };