@vueuse/integrations 9.3.1 → 9.5.0

package/useIDBKeyval.mjs

@@ -0,0 +1,66 @@
+import { resolveUnref } from '@vueuse/shared';
+import { shallowRef, ref, watch } from 'vue-demi';
+import { get, set, del, update } from 'idb-keyval';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function useIDBKeyval(key, initialValue, options = {}) {
+  const {
+    flush = "pre",
+    deep = true,
+    shallow,
+    onError = (e) => {
+      console.error(e);
+    }
+  } = options;
+  const data = (shallow ? shallowRef : ref)(initialValue);
+  const rawInit = resolveUnref(initialValue);
+  async function read() {
+    try {
+      const rawValue = await get(key);
+      if (rawValue === void 0) {
+        if (rawInit)
+          set(key, rawInit);
+      } else {
+        data.value = rawValue;
+      }
+    } catch (e) {
+      onError(e);
+    }
+  }
+  read();
+  async function write() {
+    try {
+      if (data.value == null) {
+        await del(key);
+      } else {
+        if (Array.isArray(data.value))
+          await update(key, () => JSON.parse(JSON.stringify(data.value)));
+        else if (typeof data.value === "object")
+          await update(key, () => __spreadValues({}, data.value));
+        else
+          await update(key, () => data.value);
+      }
+    } catch (e) {
+      onError(e);
+    }
+  }
+  watch(data, () => write(), { flush, deep });
+  return data;
+}
+
+export { useIDBKeyval };