const getSessionStorage = (itemName) => {
  return JSON.parse(sessionStorage.getItem(itemName) || '""');
};

const setSessionStorage = (itemName, value) => {
  sessionStorage.setItem(itemName, JSON.stringify(value));
};

export const usePersist = (key, data, options) => {
  const { set, get } = options || {};
  if (data.constructor !== Object) {
    return data;
  }
  let defaultData = {
    ...data,
  };

  Object.freeze(defaultData);

  const store = {
    ...defaultData,
    ...getSessionStorage(key),
  };

  const proxyData = new Proxy(store, {
    set(o, p, v, r) {
      set && set(o, p, v, r);
      if (v !== Reflect.get(store, p)) {
        setSessionStorage(key, {
          ...store,
          [p]: v,
        });
        return Reflect.set(o, p, v, r);
      } else {
        return Reflect.set(o, p, store[p], r);
      }
    },
    get(target, key) {
      get && get(target, key);
      if (key === "__proto__") {
        return undefined;
      }
      return target[key];
    },
  });

  return proxyData;
};