Warp/node_modules/@vueuse/integrations/useIDBKeyval.cjs

'use strict';

var shared = require('@vueuse/shared');
var core = require('@vueuse/core');
var vueDemi = require('vue-demi');
var idbKeyval = require('idb-keyval');

function useIDBKeyval(key, initialValue, options = {}) {
  const {
    flush = "pre",
    deep = true,
    shallow = false,
    onError = (e) => {
      console.error(e);
    },
    writeDefaults = true
  } = options;
  const isFinished = vueDemi.ref(false);
  const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialValue);
  const rawInit = shared.toValue(initialValue);
  async function read() {
    try {
      const rawValue = await idbKeyval.get(key);
      if (rawValue === void 0) {
        if (rawInit !== void 0 && rawInit !== null && writeDefaults)
          await idbKeyval.set(key, rawInit);
      } else {
        data.value = rawValue;
      }
    } catch (e) {
      onError(e);
    }
    isFinished.value = true;
  }
  read();
  async function write() {
    try {
      if (data.value == null) {
        await idbKeyval.del(key);
      } else {
        if (Array.isArray(data.value))
          await idbKeyval.update(key, () => JSON.parse(JSON.stringify(data.value)));
        else if (typeof data.value === "object")
          await idbKeyval.update(key, () => ({ ...data.value }));
        else
          await idbKeyval.update(key, () => data.value);
      }
    } catch (e) {
      onError(e);
    }
  }
  const {
    pause: pauseWatch,
    resume: resumeWatch
  } = core.watchPausable(data, () => write(), { flush, deep });
  async function setData(value) {
    pauseWatch();
    data.value = value;
    await write();
    resumeWatch();
  }
  return {
    set: setData,
    isFinished,
    data
  };
}

exports.useIDBKeyval = useIDBKeyval;