reactive-props/esm/utils.js

An all-in-one implementation of the Reactive State for Data & DOM patterns.

const {defineProperties, keys} = Object;

const accessor = (all, shallow, hook, value, update) => ({
  configurable: true,
  get: () => value,
  set(_) {
    if (all || _ !== value || (shallow && typeof _ === 'object' && _)) {
      value = _;
      if (hook)
        update.call(this, value);
      else
        update.call(this);
    }
  }
});

const loop = (props, get, all, shallow, useState, update) => {
  const desc = {};
  const hook = useState !== noop;
  const args = [all, shallow, hook];
  for (let ke = keys(props), y = 0; y < ke.length; y++) {
    const value = get(props, ke[y]);
    const extras = hook ? useState(value) : [value, useState];
    if (update)
      extras[1] = update;
    desc[ke[y]] = accessor.apply(null, args.concat(extras));
  }
  return desc;
};

const noop = () => {};

export {defineProperties, loop, noop};