@pinia/colada-devtools 0.0.4 → 0.0.6

package/dist/index.js

@@ -1,19 +1,19 @@
-import { defineComponent as $, ref as R, onMounted as L, renderSlot as ne, createCommentVNode as M, toValue as T, getCurrentScope as J, onScopeDispose as Q, useTemplateRef as oe, shallowRef as N, watch as _, onBeforeUnmount as ie, createBlock as W, openBlock as x, Teleport as re, createElementVNode as se, nextTick as G, readonly as K, getCurrentInstance as ae, toRef as le, customRef as ue, computed as U, unref as F, withCtx as ce, createElementBlock as de } from "vue";
-import { useQueryCache as fe } from "@pinia/colada";
-import { DEVTOOLS_INFO_KEY as p, DuplexChannel as pe } from "@pinia/colada-devtools/shared";
-const ve = /* @__PURE__ */ $({
+import { defineComponent as L, ref as R, onMounted as j, renderSlot as re, createCommentVNode as N, toValue as C, getCurrentScope as Q, onScopeDispose as G, useTemplateRef as se, shallowRef as W, watch as _, onBeforeUnmount as ae, createBlock as F, openBlock as x, Teleport as le, createElementVNode as ue, nextTick as K, readonly as U, getCurrentInstance as ce, toRef as de, customRef as fe, computed as Y, unref as $, withCtx as pe, createElementBlock as ve } from "vue";
+import { useQueryCache as me } from "@pinia/colada";
+import { DEVTOOLS_INFO_KEY as p, DuplexChannel as ye } from "@pinia/colada-devtools/shared";
+const he = /* @__PURE__ */ L({
   __name: "ClientOnly",
   setup(e) {
     const t = R(!1);
-    return L(() => {
+    return j(() => {
       t.value = !0;
-    }), (n, l) => t.value ? ne(n.$slots, "default", { key: 0 }) : M("", !0);
+    }), (n, l) => t.value ? re(n.$slots, "default", { key: 0 }) : N("", !0);
   }
 }), b = () => performance.timeOrigin + performance.now();
-function me(e) {
+function ge(e) {
   var t;
-  if (!I.has(e)) {
-    I.set(e, !0);
+  if (!z.has(e)) {
+    z.set(e, !0);
     for (const n of e.getEntries())
       n[t = p] ?? (n[t] = {
         count: {
@@ -47,16 +47,16 @@ function me(e) {
       else if (n === "fetch") {
         const [s] = l;
         s[p].count.total++, s[p].updatedAt = b();
-        const u = b(), v = {
+        const c = b(), v = {
           id: (((h = s[p].history.at(0)) == null ? void 0 : h.id) ?? -1) + 1,
           key: s.key,
           state: s.state.value,
-          updatedAt: u,
-          createdAt: u,
+          updatedAt: c,
+          createdAt: c,
           fetchTime: null
-        }, E = T((f = s.options) == null ? void 0 : f.enabled) ?? !0;
+        }, E = C((f = s.options) == null ? void 0 : f.enabled) ?? !0;
         E && (v.fetchTime = {
-          start: u,
+          start: c,
           end: null
         }), s[p].history.unshift(v), s[p].history = s[p].history.slice(0, 10), r(() => {
           E && (v.fetchTime.end = b(), s[p].count.succeed++, v.state = s.state.value, v.updatedAt = b());
@@ -68,9 +68,9 @@ function me(e) {
         s.pending && s[p].count.cancelled++;
       } else if (n === "setEntryState") {
         const [s] = l;
-        let u = s[p].history[0];
+        let c = s[p].history[0];
         r(() => {
-          s[p].updatedAt = b(), u ?? (u = s[p].history[0]), u && (u.state = s.state.value, u.updatedAt = b());
+          s[p].updatedAt = b(), c ?? (c = s[p].history[0]), c && (c.state = s.state.value, c.updatedAt = b());
         });
       } else if (n === "untrack") {
         const [s] = l;
@@ -80,8 +80,8 @@ function me(e) {
       } else if (n === "setQueryData") {
         const [s] = l;
         r(() => {
-          const u = e.getEntries({ key: s, exact: !0 })[0];
-          u && !u.active && (u[p].inactiveAt = b());
+          const c = e.getEntries({ key: s, exact: !0 })[0];
+          c && !c.active && (c[p].inactiveAt = b());
         });
       }
     });
@@ -89,7 +89,7 @@ function me(e) {
 }
 function S(e) {
   return {
-    id: e.key.join("\0"),
+    keyHash: e.keyHash,
     key: e.key,
     state: e.state.value,
     asyncStatus: e.asyncStatus.value,
@@ -99,10 +99,10 @@ function S(e) {
     options: e.options && {
       staleTime: e.options.staleTime,
       gcTime: e.options.gcTime,
-      refetchOnMount: T(e.options.refetchOnMount),
-      refetchOnReconnect: T(e.options.refetchOnReconnect),
-      refetchOnWindowFocus: T(e.options.refetchOnWindowFocus),
-      enabled: T(e.options.enabled)
+      refetchOnMount: C(e.options.refetchOnMount),
+      refetchOnReconnect: C(e.options.refetchOnReconnect),
+      refetchOnWindowFocus: C(e.options.refetchOnWindowFocus),
+      enabled: C(e.options.enabled)
     },
     deps: Array.from(e.deps).map(
       (t) => "uid" in t ? {
@@ -119,17 +119,17 @@ function S(e) {
     devtools: e[p]
   };
 }
-const I = /* @__PURE__ */ new WeakMap();
-function ye(e, t, n, l) {
-  e.addEventListener(t, n, l), J() && Q(() => {
+const z = /* @__PURE__ */ new WeakMap();
+function we(e, t, n, l) {
+  e.addEventListener(t, n, l), Q() && G(() => {
     e.removeEventListener(t, n);
   });
 }
-const he = [".isPip", ".port"], ge = /* @__PURE__ */ $({
+const Ee = [".isPip", ".port"], Se = /* @__PURE__ */ L({
   __name: "PiniaColadaDevtools",
   setup(e) {
-    const t = fe();
-    me(t), t.$onAction(({ name: i, after: o, onError: m, args: g }) => {
+    const t = me();
+    ge(t), t.$onAction(({ name: i, after: o, onError: m, args: g }) => {
       if (i === "remove") {
         const [a] = g;
         o(() => {
@@ -161,7 +161,7 @@ const he = [".isPip", ".port"], ge = /* @__PURE__ */ $({
         });
       }
     });
-    const n = oe("devtools"), l = N(new MessageChannel()), r = new pe(l.value.port1);
+    const n = se("devtools"), l = W(new MessageChannel()), r = new ye(l.value.port1);
     _(
       l,
       (i) => {
@@ -207,10 +207,10 @@ const he = [".isPip", ".port"], ge = /* @__PURE__ */ $({
         error: null
       }), o[p].simulate = null, r.emit("queries:update", S(o)));
     });
-    const d = N(null);
+    const d = W(null);
     _(d, () => {
       l.value = new MessageChannel();
-    }), ye(
+    }), we(
       window,
       "unload",
       () => {
@@ -218,7 +218,7 @@ const he = [".isPip", ".port"], ge = /* @__PURE__ */ $({
         (i = d.value) == null || i.close();
       },
       { passive: !0 }
-    ), ie(() => {
+    ), ae(() => {
       var i;
       (i = d.value) == null || i.close();
     });
@@ -256,7 +256,7 @@ const he = [".isPip", ".port"], ge = /* @__PURE__ */ $({
       const g = [...i.shadowRoot.styleSheets].flatMap((a) => [...a.cssRules]).filter((a) => a instanceof CSSPropertyRule).map((a) => a.cssText).join("");
       m.textContent = g, o.head.appendChild(m);
     }
-    function u() {
+    function c() {
       d.value ? h() : f();
     }
     let v = 0;
@@ -275,33 +275,33 @@ const he = [".isPip", ".port"], ge = /* @__PURE__ */ $({
         t.getEntries({}).map(S)
       );
     }
-    return (i, o) => (x(), W(re, {
+    return (i, o) => (x(), F(le, {
       to: d.value ? d.value.document.body : "body"
     }, [
-      se("pinia-colada-devtools-panel", {
+      ue("pinia-colada-devtools-panel", {
         ref: "devtools",
         ".isPip": !!d.value,
         ".port": l.value.port2,
-        onTogglePip: o[0] || (o[0] = (m) => u()),
+        onTogglePip: o[0] || (o[0] = (m) => c()),
         onReady: o[1] || (o[1] = (m) => E())
-      }, null, 40, he)
+      }, null, 40, Ee)
     ], 8, ["to"]));
   }
 });
-function we(e) {
-  return J() ? (Q(e), !0) : !1;
+function be(e) {
+  return Q() ? (G(e), !0) : !1;
 }
-const Ee = typeof window < "u" && typeof document < "u";
+const Ae = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Se = Object.prototype.toString, be = (e) => Se.call(e) === "[object Object]", Ae = () => {
+const Ce = Object.prototype.toString, Te = (e) => Ce.call(e) === "[object Object]", Pe = () => {
 };
-function Te(...e) {
+function _e(...e) {
   if (e.length !== 1)
-    return le(...e);
+    return de(...e);
   const t = e[0];
-  return typeof t == "function" ? K(ue(() => ({ get: t, set: Ae }))) : R(t);
+  return typeof t == "function" ? U(fe(() => ({ get: t, set: Pe }))) : R(t);
 }
-function Ce(e, t) {
+function Oe(e, t) {
   function n(...l) {
     return new Promise((r, d) => {
       Promise.resolve(e(() => t.apply(this, l), { fn: t, thisArg: this, args: l })).then(r).catch(d);
@@ -309,11 +309,11 @@ function Ce(e, t) {
   }
   return n;
 }
-const Y = (e) => e();
-function Pe(e = Y, t = {}) {
+const X = (e) => e();
+function ke(e = X, t = {}) {
   const {
     initialState: n = "active"
-  } = t, l = Te(n === "active");
+  } = t, l = _e(n === "active");
   function r() {
     l.value = !1;
   }
@@ -323,47 +323,47 @@ function Pe(e = Y, t = {}) {
   const h = (...f) => {
     l.value && e(...f);
   };
-  return { isActive: K(l), pause: r, resume: d, eventFilter: h };
+  return { isActive: U(l), pause: r, resume: d, eventFilter: h };
 }
 function q(e) {
   return Array.isArray(e) ? e : [e];
 }
-function _e(e) {
-  return ae();
+function xe(e) {
+  return ce();
 }
-function Oe(e, t, n = {}) {
+function De(e, t, n = {}) {
   const {
-    eventFilter: l = Y,
+    eventFilter: l = X,
     ...r
   } = n;
   return _(
     e,
-    Ce(
+    Oe(
       l,
       t
     ),
     r
   );
 }
-function ke(e, t, n = {}) {
+function Re(e, t, n = {}) {
   const {
     eventFilter: l,
     initialState: r = "active",
     ...d
-  } = n, { eventFilter: h, pause: f, resume: s, isActive: u } = Pe(l, { initialState: r });
-  return { stop: Oe(
+  } = n, { eventFilter: h, pause: f, resume: s, isActive: c } = ke(l, { initialState: r });
+  return { stop: De(
     e,
     t,
     {
       ...d,
       eventFilter: h
     }
-  ), pause: f, resume: s, isActive: u };
+  ), pause: f, resume: s, isActive: c };
 }
-function xe(e, t = !0, n) {
-  _e() ? L(e, n) : t ? e() : G(e);
+function Me(e, t = !0, n) {
+  xe() ? j(e, n) : t ? e() : K(e);
 }
-function De(e, t, n) {
+function qe(e, t, n) {
   return _(
     e,
     t,
@@ -373,37 +373,37 @@ function De(e, t, n) {
     }
   );
 }
-const D = Ee ? window : void 0;
-function Re(e) {
+const D = Ae ? window : void 0;
+function Ne(e) {
   var t;
-  const n = T(e);
+  const n = C(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function z(...e) {
+function B(...e) {
   const t = [], n = () => {
     t.forEach((f) => f()), t.length = 0;
-  }, l = (f, s, u, v) => (f.addEventListener(s, u, v), () => f.removeEventListener(s, u, v)), r = U(() => {
-    const f = q(T(e[0])).filter((s) => s != null);
+  }, l = (f, s, c, v) => (f.addEventListener(s, c, v), () => f.removeEventListener(s, c, v)), r = Y(() => {
+    const f = q(C(e[0])).filter((s) => s != null);
     return f.every((s) => typeof s != "string") ? f : void 0;
-  }), d = De(
+  }), d = qe(
     () => {
       var f, s;
       return [
-        (s = (f = r.value) == null ? void 0 : f.map((u) => Re(u))) != null ? s : [D].filter((u) => u != null),
-        q(T(r.value ? e[1] : e[0])),
-        q(F(r.value ? e[2] : e[1])),
+        (s = (f = r.value) == null ? void 0 : f.map((c) => Ne(c))) != null ? s : [D].filter((c) => c != null),
+        q(C(r.value ? e[1] : e[0])),
+        q($(r.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        T(r.value ? e[3] : e[2])
+        C(r.value ? e[3] : e[2])
       ];
     },
-    ([f, s, u, v]) => {
-      if (n(), !(f != null && f.length) || !(s != null && s.length) || !(u != null && u.length))
+    ([f, s, c, v]) => {
+      if (n(), !(f != null && f.length) || !(s != null && s.length) || !(c != null && c.length))
         return;
-      const E = be(v) ? { ...v } : v;
+      const E = Te(v) ? { ...v } : v;
       t.push(
         ...f.flatMap(
           (i) => s.flatMap(
-            (o) => u.map((m) => l(i, o, m, E))
+            (o) => c.map((m) => l(i, o, m, E))
           )
         )
       );
@@ -412,19 +412,19 @@ function z(...e) {
   ), h = () => {
     d(), n();
   };
-  return we(n), h;
+  return be(n), h;
 }
-const O = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, k = "__vueuse_ssr_handlers__", qe = /* @__PURE__ */ Me();
-function Me() {
+const O = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, k = "__vueuse_ssr_handlers__", We = /* @__PURE__ */ Fe();
+function Fe() {
   return k in O || (O[k] = O[k] || {}), O[k];
 }
-function Ne(e, t) {
-  return qe[e] || t;
+function $e(e, t) {
+  return We[e] || t;
 }
-function We(e) {
+function Le(e) {
   return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
 }
-const Fe = {
+const je = {
   boolean: {
     read: (e) => e === "true",
     write: (e) => String(e)
@@ -457,108 +457,115 @@ const Fe = {
     read: (e) => new Date(e),
     write: (e) => e.toISOString()
   }
-}, B = "vueuse-storage";
-function $e(e, t, n, l = {}) {
+}, J = "vueuse-storage";
+function He(e, t, n, l = {}) {
   var r;
   const {
     flush: d = "pre",
     deep: h = !0,
     listenToStorageChanges: f = !0,
     writeDefaults: s = !0,
-    mergeDefaults: u = !1,
+    mergeDefaults: c = !1,
     shallow: v,
     window: E = D,
     eventFilter: i,
-    onError: o = (c) => {
-      console.error(c);
+    onError: o = (u) => {
+      console.error(u);
     },
     initOnMounted: m
-  } = l, g = (v ? N : R)(t), a = U(() => T(e));
+  } = l, g = (v ? W : R)(t), a = Y(() => C(e));
   if (!n)
     try {
-      n = Ne("getDefaultStorage", () => {
-        var c;
-        return (c = D) == null ? void 0 : c.localStorage;
+      n = $e("getDefaultStorage", () => {
+        var u;
+        return (u = D) == null ? void 0 : u.localStorage;
       })();
-    } catch (c) {
-      o(c);
+    } catch (u) {
+      o(u);
     }
   if (!n)
     return g;
-  const y = T(t), j = We(y), C = (r = l.serializer) != null ? r : Fe[j], { pause: X, resume: V } = ke(
+  const y = C(t), H = Le(y), T = (r = l.serializer) != null ? r : je[H], { pause: Z, resume: V } = Re(
     g,
-    () => Z(g.value),
+    () => ne(g.value),
     { flush: d, deep: h, eventFilter: i }
   );
-  _(a, () => P(), { flush: d }), E && f && xe(() => {
-    n instanceof Storage ? z(E, "storage", P, { passive: !0 }) : z(E, B, te), m && P();
-  }), m || P();
-  function H(c, w) {
+  _(a, () => P(), { flush: d });
+  let M = !1;
+  const ee = (u) => {
+    m && !M || P(u);
+  }, te = (u) => {
+    m && !M || ie(u);
+  };
+  E && f && (n instanceof Storage ? B(E, "storage", ee, { passive: !0 }) : B(E, J, te)), m ? Me(() => {
+    M = !0, P();
+  }) : P();
+  function I(u, w) {
     if (E) {
       const A = {
         key: a.value,
-        oldValue: c,
+        oldValue: u,
         newValue: w,
         storageArea: n
       };
-      E.dispatchEvent(n instanceof Storage ? new StorageEvent("storage", A) : new CustomEvent(B, {
+      E.dispatchEvent(n instanceof Storage ? new StorageEvent("storage", A) : new CustomEvent(J, {
         detail: A
       }));
     }
   }
-  function Z(c) {
+  function ne(u) {
     try {
       const w = n.getItem(a.value);
-      if (c == null)
-        H(w, null), n.removeItem(a.value);
+      if (u == null)
+        I(w, null), n.removeItem(a.value);
       else {
-        const A = C.write(c);
-        w !== A && (n.setItem(a.value, A), H(w, A));
+        const A = T.write(u);
+        w !== A && (n.setItem(a.value, A), I(w, A));
       }
     } catch (w) {
       o(w);
     }
   }
-  function ee(c) {
-    const w = c ? c.newValue : n.getItem(a.value);
+  function oe(u) {
+    const w = u ? u.newValue : n.getItem(a.value);
     if (w == null)
-      return s && y != null && n.setItem(a.value, C.write(y)), y;
-    if (!c && u) {
-      const A = C.read(w);
-      return typeof u == "function" ? u(A, y) : j === "object" && !Array.isArray(A) ? { ...y, ...A } : A;
-    } else return typeof w != "string" ? w : C.read(w);
+      return s && y != null && n.setItem(a.value, T.write(y)), y;
+    if (!u && c) {
+      const A = T.read(w);
+      return typeof c == "function" ? c(A, y) : H === "object" && !Array.isArray(A) ? { ...y, ...A } : A;
+    } else return typeof w != "string" ? w : T.read(w);
   }
-  function P(c) {
-    if (!(c && c.storageArea !== n)) {
-      if (c && c.key == null) {
+  function P(u) {
+    if (!(u && u.storageArea !== n)) {
+      if (u && u.key == null) {
         g.value = y;
         return;
       }
-      if (!(c && c.key !== a.value)) {
-        X();
+      if (!(u && u.key !== a.value)) {
+        Z();
         try {
-          (c == null ? void 0 : c.newValue) !== C.write(g.value) && (g.value = ee(c));
+          (u == null ? void 0 : u.newValue) !== T.write(g.value) && (g.value = oe(u));
         } catch (w) {
           o(w);
         } finally {
-          c ? G(V) : V();
+          u ? K(V) : V();
         }
       }
     }
   }
-  function te(c) {
-    P(c.detail);
+  function ie(u) {
+    P(u.detail);
   }
   return g;
 }
-function Le(e, t, n = {}) {
+function Ve(e, t, n = {}) {
   const { window: l = D } = n;
-  return $e(e, t, l == null ? void 0 : l.localStorage, n);
+  return He(e, t, l == null ? void 0 : l.localStorage, n);
 }
-const Ie = /* @__PURE__ */ $({
+const Je = /* @__PURE__ */ L({
   __name: "PCDevtoolsWrapper",
   setup(e) {
-    const t = R(!1), n = Le("pinia-colada-devtools-open", !1);
+    const t = R(!1), n = Ve("pinia-colada-devtools-open", !1);
     async function l() {
       if (!t.value && (t.value = !0, !customElements.get("pinia-colada-devtools-panel"))) {
         const { DevtoolsPanel: d } = await import("@pinia/colada-devtools/panel");
@@ -568,24 +575,24 @@ const Ie = /* @__PURE__ */ $({
     async function r() {
       await l(), n.value = !0;
     }
-    return L(() => {
+    return j(() => {
       requestIdleCallback(() => {
         import("@pinia/colada-devtools/panel");
       }), n.value && r();
-    }), (d, h) => (x(), W(ve, null, {
-      default: ce(() => [
-        F(n) ? M("", !0) : (x(), de("button", {
+    }), (d, h) => (x(), F(he, null, {
+      default: pe(() => [
+        $(n) ? N("", !0) : (x(), ve("button", {
           key: 0,
           class: "fixed bottom-2 right-2 bg-primary-500 hover:cursor-pointer z-99999",
           onClick: h[0] || (h[0] = (f) => r())
         }, " 🍹 Devtools ")),
-        t.value && F(n) ? (x(), W(ge, { key: 1 })) : M("", !0)
+        t.value && $(n) ? (x(), F(Se, { key: 1 })) : N("", !0)
       ]),
       _: 1
     }));
   }
 });
 export {
-  Ie as PiniaColadaDevtools
+  Je as PiniaColadaDevtools
 };
 //# sourceMappingURL=index.js.map