@pinia/colada-devtools 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,305 +1,421 @@
-import { defineComponent as F, ref as T, onMounted as $, renderSlot as X, createCommentVNode as N, useTemplateRef as Z, shallowRef as A, watch as q, onBeforeUnmount as ee, createBlock as W, openBlock as O, Teleport as te, createElementVNode as ne, nextTick as B, readonly as H, getCurrentInstance as oe, toRef as re, customRef as ie, getCurrentScope as ae, onScopeDispose as se, computed as J, toValue as C, unref as M, withCtx as le, createElementBlock as ue } from "vue";
-import { useQueryCache as ce } from "@pinia/colada";
-import { addDevtoolsInfo as de, DuplexChannel as fe, createQueryEntryPayload as y, DEVTOOLS_INFO_KEY as b, useEventListener as pe } from "@pinia/colada-devtools/shared";
-const ve = /* @__PURE__ */ F({
+import { defineComponent as $, ref as R, onMounted as L, renderSlot as ne, createCommentVNode as M, toValue as A, getCurrentScope as J, onScopeDispose as Q, useTemplateRef as oe, shallowRef as N, watch as P, onBeforeUnmount as ie, createBlock as W, openBlock as x, Teleport as se, createElementVNode as re, 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__ */ $({
   __name: "ClientOnly",
   setup(e) {
-    const t = T(!1);
-    return $(() => {
+    const t = R(!1);
+    return L(() => {
       t.value = !0;
-    }), (r, s) => t.value ? X(r.$slots, "default", { key: 0 }) : N("", !0);
+    }), (o, l) => t.value ? ne(o.$slots, "default", { key: 0 }) : M("", !0);
   }
-}), me = [".isPip", ".port"], ye = /* @__PURE__ */ F({
+}), S = () => performance.timeOrigin + performance.now();
+function me(e) {
+  var t;
+  if (!I.has(e)) {
+    I.set(e, !0);
+    for (const o of e.getEntries())
+      o[t = p] ?? (o[t] = {
+        count: {
+          total: 0,
+          succeed: 0,
+          errored: 0,
+          cancelled: 0
+        },
+        updatedAt: S(),
+        inactiveAt: 0,
+        simulate: null,
+        history: []
+      });
+    e.$onAction(({ name: o, args: l, after: s, onError: d }) => {
+      var h, f;
+      if (o === "create")
+        s((r) => {
+          r[p] = {
+            count: {
+              total: 0,
+              succeed: 0,
+              errored: 0,
+              cancelled: 0
+            },
+            updatedAt: S(),
+            inactiveAt: 0,
+            simulate: null,
+            history: []
+          };
+        });
+      else if (o === "fetch") {
+        const [r] = l;
+        r[p].count.total++, r[p].updatedAt = S();
+        const u = S(), v = {
+          id: (((h = r[p].history.at(0)) == null ? void 0 : h.id) ?? -1) + 1,
+          key: r.key,
+          state: r.state.value,
+          updatedAt: u,
+          createdAt: u,
+          fetchTime: null
+        }, n = A((f = r.options) == null ? void 0 : f.enabled) ?? !0;
+        n && (v.fetchTime = {
+          start: u,
+          end: null
+        }), r[p].history.unshift(v), r[p].history = r[p].history.slice(0, 10), s(() => {
+          n && (v.fetchTime.end = S(), r[p].count.succeed++, v.state = r.state.value, v.updatedAt = S());
+        }), d(() => {
+          n && (v.fetchTime.end = S(), r[p].count.errored++, v.state = r.state.value, v.updatedAt = S());
+        });
+      } else if (o === "cancel") {
+        const [r] = l;
+        r.pending && r[p].count.cancelled++;
+      } else if (o === "setEntryState") {
+        const [r] = l;
+        let u = r[p].history[0];
+        s(() => {
+          r[p].updatedAt = S(), u ?? (u = r[p].history[0]), u && (u.state = r.state.value, u.updatedAt = S());
+        });
+      } else if (o === "untrack") {
+        const [r] = l;
+        s(() => {
+          r.active || (r[p].inactiveAt = S());
+        });
+      } else if (o === "setQueryData") {
+        const [r] = l;
+        s(() => {
+          const u = e.getEntries({ key: r, exact: !0 })[0];
+          u && !u.active && (u[p].inactiveAt = S());
+        });
+      }
+    });
+  }
+}
+function w(e) {
+  return {
+    id: e.key.join("\0"),
+    key: e.key,
+    state: e.state.value,
+    asyncStatus: e.asyncStatus.value,
+    active: e.active,
+    stale: e.stale,
+    when: e.when,
+    options: e.options && {
+      staleTime: e.options.staleTime,
+      gcTime: e.options.gcTime,
+      refetchOnMount: A(e.options.refetchOnMount),
+      refetchOnReconnect: A(e.options.refetchOnReconnect),
+      refetchOnWindowFocus: A(e.options.refetchOnWindowFocus),
+      enabled: A(e.options.enabled)
+    },
+    deps: Array.from(e.deps).map(
+      (t) => "uid" in t ? {
+        type: "component",
+        uid: t.uid,
+        name: t.type.displayName ?? t.type.name
+      } : {
+        type: "effect",
+        active: t.active,
+        detached: t.detached
+      }
+    ),
+    gcTimeout: typeof e.gcTimeout == "number" ? e.gcTimeout : null,
+    devtools: e[p]
+  };
+}
+const I = /* @__PURE__ */ new WeakMap();
+function ye(e, t, o, l) {
+  e.addEventListener(t, o, l), J() && Q(() => {
+    e.removeEventListener(t, o);
+  });
+}
+const he = [".isPip", ".port"], ge = /* @__PURE__ */ $({
   __name: "PiniaColadaDevtools",
   setup(e) {
-    const t = ce();
-    de(t), t.$onAction(({ name: n, after: o, onError: f, args: h }) => {
+    const t = fe();
+    me(t), t.$onAction(({ name: n, after: i, onError: m, args: E }) => {
       if (n === "remove") {
-        const [a] = h;
-        o(() => {
-          i.emit("queries:delete", y(a));
+        const [a] = E;
+        i(() => {
+          s.emit("queries:delete", w(a));
         });
       } else if (n === "track" || n === "untrack" || n === "cancel" || n === "invalidate" || n === "fetch" || n === "setEntryState") {
-        const [a] = h;
+        const [a] = E;
         if (n === "fetch") {
-          const v = y(a);
-          v.asyncStatus = "loading", i.emit("queries:update", v);
+          const y = w(a);
+          y.asyncStatus = "loading", s.emit("queries:update", y);
         }
-        o(() => {
-          var v;
-          a[b].simulate = null, i.emit("queries:update", y(a)), n === "fetch" && ((v = a.options) == null ? void 0 : v.staleTime) != null && Number.isFinite(a.options.staleTime) && setTimeout(() => {
-            i.emit("queries:update", y(a));
+        i(() => {
+          var y;
+          a[p].simulate = null, s.emit("queries:update", w(a)), n === "fetch" && ((y = a.options) == null ? void 0 : y.staleTime) != null && Number.isFinite(a.options.staleTime) && setTimeout(() => {
+            s.emit("queries:update", w(a));
           }, a.options.staleTime);
-        }), f(() => {
-          i.emit("queries:update", y(a));
+        }), m(() => {
+          s.emit("queries:update", w(a));
         });
       } else if (n === "create")
-        o((a) => {
-          i.emit("queries:update", y(a));
+        i((a) => {
+          s.emit("queries:update", w(a));
         });
       else if (n === "setQueryData") {
-        const [a] = h;
-        o(() => {
-          const v = t.getEntries({ key: a, exact: !0 })[0];
-          v && i.emit("queries:update", y(v));
+        const [a] = E;
+        i(() => {
+          const y = t.getEntries({ key: a, exact: !0 })[0];
+          y && s.emit("queries:update", w(y));
         });
       }
     });
-    const r = Z("devtools"), s = A(new MessageChannel()), i = new fe(s.value.port1);
-    q(
-      s,
+    const o = oe("devtools"), l = N(new MessageChannel()), s = new pe(l.value.port1);
+    P(
+      l,
       (n) => {
-        i.setPort(n.port1);
+        s.setPort(n.port1);
       },
       { flush: "sync" }
-    ), i.on("ping", () => {
-      console.log("[App] Received ping from devtools"), i.emit("pong");
-    }), i.on("pong", () => {
+    ), s.on("ping", () => {
+      console.log("[App] Received ping from devtools"), s.emit("pong");
+    }), s.on("pong", () => {
       console.log("[App] Received pong from devtools");
-    }), i.on("queries:refetch", (n) => {
+    }), s.on("queries:refetch", (n) => {
       t.invalidateQueries({ key: n, exact: !0, active: null, stale: null });
-    }), i.on("queries:invalidate", (n) => {
+    }), s.on("queries:invalidate", (n) => {
       t.invalidateQueries({ key: n, exact: !0 });
-    }), i.on("queries:reset", (n) => {
-      const o = t.getEntries({ key: n, exact: !0 })[0];
-      o && (t.cancel(o), t.setEntryState(o, {
+    }), s.on("queries:reset", (n) => {
+      const i = t.getEntries({ key: n, exact: !0 })[0];
+      i && (t.cancel(i), t.setEntryState(i, {
         status: "pending",
         data: void 0,
         error: null
       }));
-    }), i.on("queries:set:state", (n, o) => {
-      const f = t.getEntries({ key: n, exact: !0 })[0];
-      f && (t.setEntryState(f, o), i.emit("queries:update", y(f)));
-    }), i.on("queries:simulate:loading", (n) => {
-      const o = t.getEntries({ key: n, exact: !0 })[0];
-      o && (o.asyncStatus.value = "loading", o[b].simulate = "loading", i.emit("queries:update", y(o)));
-    }), i.on("queries:simulate:loading:stop", (n) => {
-      const o = t.getEntries({ key: n, exact: !0 })[0];
-      o && o[b].simulate === "loading" && (o.asyncStatus.value = "idle", o[b].simulate = null, i.emit("queries:update", y(o)));
-    }), i.on("queries:simulate:error", (n) => {
-      const o = t.getEntries({ key: n, exact: !0 })[0];
-      o && (t.cancel(o), t.setEntryState(o, {
-        ...o.state.value,
+    }), s.on("queries:set:state", (n, i) => {
+      const m = t.getEntries({ key: n, exact: !0 })[0];
+      m && (t.setEntryState(m, i), s.emit("queries:update", w(m)));
+    }), s.on("queries:simulate:loading", (n) => {
+      const i = t.getEntries({ key: n, exact: !0 })[0];
+      i && (i.asyncStatus.value = "loading", i[p].simulate = "loading", s.emit("queries:update", w(i)));
+    }), s.on("queries:simulate:loading:stop", (n) => {
+      const i = t.getEntries({ key: n, exact: !0 })[0];
+      i && i[p].simulate === "loading" && (i.asyncStatus.value = "idle", i[p].simulate = null, s.emit("queries:update", w(i)));
+    }), s.on("queries:simulate:error", (n) => {
+      const i = t.getEntries({ key: n, exact: !0 })[0];
+      i && (t.cancel(i), t.setEntryState(i, {
+        ...i.state.value,
         status: "error",
         error: new Error("Simulated error")
-      }), o[b].simulate = "error", i.emit("queries:update", y(o)));
-    }), i.on("queries:simulate:error:stop", (n) => {
-      const o = t.getEntries({ key: n, exact: !0 })[0];
-      o && o[b].simulate === "error" && (t.cancel(o), t.setEntryState(o, {
-        ...o.state.value,
-        status: o.state.value.data !== void 0 ? "success" : "pending",
+      }), i[p].simulate = "error", s.emit("queries:update", w(i)));
+    }), s.on("queries:simulate:error:stop", (n) => {
+      const i = t.getEntries({ key: n, exact: !0 })[0];
+      i && i[p].simulate === "error" && (t.cancel(i), t.setEntryState(i, {
+        ...i.state.value,
+        status: i.state.value.data !== void 0 ? "success" : "pending",
         error: null
-      }), o[b].simulate = null, i.emit("queries:update", y(o)));
+      }), i[p].simulate = null, s.emit("queries:update", w(i)));
     });
-    const u = A(null);
-    q(u, () => {
-      s.value = new MessageChannel();
-    }), pe(
+    const d = N(null);
+    P(d, () => {
+      l.value = new MessageChannel();
+    }), ye(
       window,
       "unload",
       () => {
         var n;
-        (n = u.value) == null || n.close();
+        (n = d.value) == null || n.close();
       },
       { passive: !0 }
-    ), ee(() => {
+    ), ie(() => {
       var n;
-      (n = u.value) == null || n.close();
+      (n = d.value) == null || n.close();
     });
-    function g() {
+    function h() {
       var n;
-      (n = u.value) == null || n.close(), u.value = null;
+      (n = d.value) == null || n.close(), d.value = null;
     }
-    function c() {
-      const n = r.value;
+    function f() {
+      const n = o.value;
       if (!n || !n.shadowRoot)
         throw new Error("No devtools elemnt found for Pinia Colada devtools");
-      const o = n.shadowRoot.getElementById("root");
-      if (!o)
+      const i = n.shadowRoot.getElementById("root");
+      if (!i)
         throw new Error("No devtools root element found for Pinia Colada devtools");
-      const f = Math.max(o.offsetWidth, 400), h = Math.max(o.offsetHeight, 400), a = window.open(
+      const m = Math.max(i.offsetWidth, 400), E = Math.max(i.offsetHeight, 400), a = window.open(
         "",
         "pinia-colada-devtools",
-        `popup,width=${f},height=${h}`
+        `popup,width=${m},height=${E}`
       );
       if (!a)
         throw new Error("Failed to open PiP window for Pinia Colada devtools");
-      u.value = a, a.document.head.innerHTML = "", a.document.body.innerHTML = "", a.document.title = "🍹 Pinia Colada Devtools", a.document.body.style.margin = "0", d(n, a.document), a.addEventListener(
+      d.value = a, a.document.head.innerHTML = "", a.document.body.innerHTML = "", a.document.title = "🍹 Pinia Colada Devtools", a.document.body.style.margin = "0", r(n, a.document), a.addEventListener(
         "unload",
         () => {
-          u.value = null;
+          d.value = null;
         },
         { passive: !0 }
       );
     }
-    function d(n, o = document) {
+    function r(n, i = document) {
       if (!n || !n.shadowRoot)
         throw new Error("No devtools element found for Pinia Colada devtools");
-      const f = o.getElementById("__pc-tw-properties") ?? o.createElement("style");
-      f.setAttribute("id", "__pc-tw-properties");
-      const h = [...n.shadowRoot.styleSheets].flatMap((a) => [...a.cssRules]).filter((a) => a instanceof CSSPropertyRule).map((a) => a.cssText).join("");
-      f.textContent = h, o.head.appendChild(f);
+      const m = i.getElementById("__pc-tw-properties") ?? i.createElement("style");
+      m.setAttribute("id", "__pc-tw-properties");
+      const E = [...n.shadowRoot.styleSheets].flatMap((a) => [...a.cssRules]).filter((a) => a instanceof CSSPropertyRule).map((a) => a.cssText).join("");
+      m.textContent = E, i.head.appendChild(m);
     }
-    function p() {
-      u.value ? g() : c();
+    function u() {
+      d.value ? h() : f();
     }
-    async function w() {
-      d(r.value), i.emit("queries:all", t.getEntries({}).map(y)), i.emit(
+    async function v() {
+      r(o.value), s.emit("queries:all", t.getEntries({}).map(w)), s.emit(
         "mutations:all",
         // FIXME: mutations
-        t.getEntries({}).map(y)
+        t.getEntries({}).map(w)
       );
     }
-    return (n, o) => (O(), W(te, {
-      to: u.value ? u.value.document.body : "body"
+    return (n, i) => (x(), W(se, {
+      to: d.value ? d.value.document.body : "body"
     }, [
-      ne("pinia-colada-devtools-panel", {
+      re("pinia-colada-devtools-panel", {
         ref: "devtools",
-        ".isPip": !!u.value,
-        ".port": s.value.port2,
-        onTogglePip: o[0] || (o[0] = (f) => p()),
-        onReady: o[1] || (o[1] = (f) => w())
-      }, null, 40, me)
+        ".isPip": !!d.value,
+        ".port": l.value.port2,
+        onTogglePip: i[0] || (i[0] = (m) => u()),
+        onReady: i[1] || (i[1] = (m) => v())
+      }, null, 40, he)
     ], 8, ["to"]));
   }
 });
-function ge(e) {
-  return ae() ? (se(e), !0) : !1;
+function we(e) {
+  return J() ? (Q(e), !0) : !1;
 }
-const he = typeof window < "u" && typeof document < "u";
+const Ee = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const we = Object.prototype.toString, Se = (e) => we.call(e) === "[object Object]", Ee = () => {
+const Se = Object.prototype.toString, be = (e) => Se.call(e) === "[object Object]", Ae = () => {
 };
-function be(...e) {
+function Te(...e) {
   if (e.length !== 1)
-    return re(...e);
+    return le(...e);
   const t = e[0];
-  return typeof t == "function" ? H(ie(() => ({ get: t, set: Ee }))) : T(t);
+  return typeof t == "function" ? K(ue(() => ({ get: t, set: Ae }))) : R(t);
 }
 function Ce(e, t) {
-  function r(...s) {
-    return new Promise((i, u) => {
-      Promise.resolve(e(() => t.apply(this, s), { fn: t, thisArg: this, args: s })).then(i).catch(u);
+  function o(...l) {
+    return new Promise((s, d) => {
+      Promise.resolve(e(() => t.apply(this, l), { fn: t, thisArg: this, args: l })).then(s).catch(d);
     });
   }
-  return r;
+  return o;
 }
-const Q = (e) => e();
-function _e(e = Q, t = {}) {
+const Y = (e) => e();
+function _e(e = Y, t = {}) {
   const {
-    initialState: r = "active"
-  } = t, s = be(r === "active");
-  function i() {
-    s.value = !1;
+    initialState: o = "active"
+  } = t, l = Te(o === "active");
+  function s() {
+    l.value = !1;
   }
-  function u() {
-    s.value = !0;
+  function d() {
+    l.value = !0;
   }
-  const g = (...c) => {
-    s.value && e(...c);
+  const h = (...f) => {
+    l.value && e(...f);
   };
-  return { isActive: H(s), pause: i, resume: u, eventFilter: g };
+  return { isActive: K(l), pause: s, resume: d, eventFilter: h };
 }
-function k(e) {
+function q(e) {
   return Array.isArray(e) ? e : [e];
 }
 function Pe(e) {
-  return oe();
+  return ae();
 }
-function qe(e, t, r = {}) {
+function Oe(e, t, o = {}) {
   const {
-    eventFilter: s = Q,
-    ...i
-  } = r;
-  return q(
+    eventFilter: l = Y,
+    ...s
+  } = o;
+  return P(
     e,
     Ce(
-      s,
+      l,
       t
     ),
-    i
+    s
   );
 }
-function xe(e, t, r = {}) {
+function ke(e, t, o = {}) {
   const {
-    eventFilter: s,
-    initialState: i = "active",
-    ...u
-  } = r, { eventFilter: g, pause: c, resume: d, isActive: p } = _e(s, { initialState: i });
-  return { stop: qe(
+    eventFilter: l,
+    initialState: s = "active",
+    ...d
+  } = o, { eventFilter: h, pause: f, resume: r, isActive: u } = _e(l, { initialState: s });
+  return { stop: Oe(
     e,
     t,
     {
-      ...u,
-      eventFilter: g
+      ...d,
+      eventFilter: h
     }
-  ), pause: c, resume: d, isActive: p };
+  ), pause: f, resume: r, isActive: u };
 }
-function De(e, t = !0, r) {
-  Pe() ? $(e, r) : t ? e() : B(e);
+function xe(e, t = !0, o) {
+  Pe() ? L(e, o) : t ? e() : G(e);
 }
-function Oe(e, t, r) {
-  return q(
+function De(e, t, o) {
+  return P(
     e,
     t,
     {
-      ...r,
+      ...o,
       immediate: !0
     }
   );
 }
-const R = he ? window : void 0;
+const D = Ee ? window : void 0;
 function Re(e) {
   var t;
-  const r = C(e);
-  return (t = r == null ? void 0 : r.$el) != null ? t : r;
+  const o = A(e);
+  return (t = o == null ? void 0 : o.$el) != null ? t : o;
 }
-function I(...e) {
-  const t = [], r = () => {
-    t.forEach((c) => c()), t.length = 0;
-  }, s = (c, d, p, w) => (c.addEventListener(d, p, w), () => c.removeEventListener(d, p, w)), i = J(() => {
-    const c = k(C(e[0])).filter((d) => d != null);
-    return c.every((d) => typeof d != "string") ? c : void 0;
-  }), u = Oe(
+function z(...e) {
+  const t = [], o = () => {
+    t.forEach((f) => f()), t.length = 0;
+  }, l = (f, r, u, v) => (f.addEventListener(r, u, v), () => f.removeEventListener(r, u, v)), s = U(() => {
+    const f = q(A(e[0])).filter((r) => r != null);
+    return f.every((r) => typeof r != "string") ? f : void 0;
+  }), d = De(
     () => {
-      var c, d;
+      var f, r;
       return [
-        (d = (c = i.value) == null ? void 0 : c.map((p) => Re(p))) != null ? d : [R].filter((p) => p != null),
-        k(C(i.value ? e[1] : e[0])),
-        k(M(i.value ? e[2] : e[1])),
+        (r = (f = s.value) == null ? void 0 : f.map((u) => Re(u))) != null ? r : [D].filter((u) => u != null),
+        q(A(s.value ? e[1] : e[0])),
+        q(F(s.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        C(i.value ? e[3] : e[2])
+        A(s.value ? e[3] : e[2])
       ];
     },
-    ([c, d, p, w]) => {
-      if (r(), !(c != null && c.length) || !(d != null && d.length) || !(p != null && p.length))
+    ([f, r, u, v]) => {
+      if (o(), !(f != null && f.length) || !(r != null && r.length) || !(u != null && u.length))
         return;
-      const n = Se(w) ? { ...w } : w;
+      const n = be(v) ? { ...v } : v;
       t.push(
-        ...c.flatMap(
-          (o) => d.flatMap(
-            (f) => p.map((h) => s(o, f, h, n))
+        ...f.flatMap(
+          (i) => r.flatMap(
+            (m) => u.map((E) => l(i, m, E, n))
           )
         )
       );
     },
     { flush: "post" }
-  ), g = () => {
-    u(), r();
+  ), h = () => {
+    d(), o();
   };
-  return ge(r), g;
+  return we(o), h;
 }
-const x = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, D = "__vueuse_ssr_handlers__", Te = /* @__PURE__ */ ke();
-function ke() {
-  return D in x || (x[D] = x[D] || {}), x[D];
+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() {
+  return k in O || (O[k] = O[k] || {}), O[k];
 }
 function Ne(e, t) {
-  return Te[e] || t;
+  return qe[e] || t;
 }
-function Ae(e) {
+function We(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 We = {
+const Fe = {
   boolean: {
     read: (e) => e === "true",
     write: (e) => String(e)
@@ -332,135 +448,135 @@ const We = {
     read: (e) => new Date(e),
     write: (e) => e.toISOString()
   }
-}, z = "vueuse-storage";
-function Me(e, t, r, s = {}) {
-  var i;
+}, B = "vueuse-storage";
+function $e(e, t, o, l = {}) {
+  var s;
   const {
-    flush: u = "pre",
-    deep: g = !0,
-    listenToStorageChanges: c = !0,
-    writeDefaults: d = !0,
-    mergeDefaults: p = !1,
-    shallow: w,
-    window: n = R,
-    eventFilter: o,
-    onError: f = (l) => {
-      console.error(l);
+    flush: d = "pre",
+    deep: h = !0,
+    listenToStorageChanges: f = !0,
+    writeDefaults: r = !0,
+    mergeDefaults: u = !1,
+    shallow: v,
+    window: n = D,
+    eventFilter: i,
+    onError: m = (c) => {
+      console.error(c);
     },
-    initOnMounted: h
-  } = s, a = (w ? A : T)(t), v = J(() => C(e));
-  if (!r)
+    initOnMounted: E
+  } = l, a = (v ? N : R)(t), y = U(() => A(e));
+  if (!o)
     try {
-      r = Ne("getDefaultStorage", () => {
-        var l;
-        return (l = R) == null ? void 0 : l.localStorage;
+      o = Ne("getDefaultStorage", () => {
+        var c;
+        return (c = D) == null ? void 0 : c.localStorage;
       })();
-    } catch (l) {
-      f(l);
+    } catch (c) {
+      m(c);
     }
-  if (!r)
+  if (!o)
     return a;
-  const E = C(t), L = Ae(E), _ = (i = s.serializer) != null ? i : We[L], { pause: G, resume: j } = xe(
+  const T = A(t), j = We(T), C = (s = l.serializer) != null ? s : Fe[j], { pause: X, resume: V } = ke(
     a,
-    () => K(a.value),
-    { flush: u, deep: g, eventFilter: o }
+    () => Z(a.value),
+    { flush: d, deep: h, eventFilter: i }
   );
-  q(v, () => P(), { flush: u }), n && c && De(() => {
-    r instanceof Storage ? I(n, "storage", P, { passive: !0 }) : I(n, z, Y), h && P();
-  }), h || P();
-  function V(l, m) {
+  P(y, () => _(), { flush: d }), n && f && xe(() => {
+    o instanceof Storage ? z(n, "storage", _, { passive: !0 }) : z(n, B, te), E && _();
+  }), E || _();
+  function H(c, g) {
     if (n) {
-      const S = {
-        key: v.value,
-        oldValue: l,
-        newValue: m,
-        storageArea: r
+      const b = {
+        key: y.value,
+        oldValue: c,
+        newValue: g,
+        storageArea: o
       };
-      n.dispatchEvent(r instanceof Storage ? new StorageEvent("storage", S) : new CustomEvent(z, {
-        detail: S
+      n.dispatchEvent(o instanceof Storage ? new StorageEvent("storage", b) : new CustomEvent(B, {
+        detail: b
       }));
     }
   }
-  function K(l) {
+  function Z(c) {
     try {
-      const m = r.getItem(v.value);
-      if (l == null)
-        V(m, null), r.removeItem(v.value);
+      const g = o.getItem(y.value);
+      if (c == null)
+        H(g, null), o.removeItem(y.value);
       else {
-        const S = _.write(l);
-        m !== S && (r.setItem(v.value, S), V(m, S));
+        const b = C.write(c);
+        g !== b && (o.setItem(y.value, b), H(g, b));
       }
-    } catch (m) {
-      f(m);
+    } catch (g) {
+      m(g);
     }
   }
-  function U(l) {
-    const m = l ? l.newValue : r.getItem(v.value);
-    if (m == null)
-      return d && E != null && r.setItem(v.value, _.write(E)), E;
-    if (!l && p) {
-      const S = _.read(m);
-      return typeof p == "function" ? p(S, E) : L === "object" && !Array.isArray(S) ? { ...E, ...S } : S;
-    } else return typeof m != "string" ? m : _.read(m);
+  function ee(c) {
+    const g = c ? c.newValue : o.getItem(y.value);
+    if (g == null)
+      return r && T != null && o.setItem(y.value, C.write(T)), T;
+    if (!c && u) {
+      const b = C.read(g);
+      return typeof u == "function" ? u(b, T) : j === "object" && !Array.isArray(b) ? { ...T, ...b } : b;
+    } else return typeof g != "string" ? g : C.read(g);
   }
-  function P(l) {
-    if (!(l && l.storageArea !== r)) {
-      if (l && l.key == null) {
-        a.value = E;
+  function _(c) {
+    if (!(c && c.storageArea !== o)) {
+      if (c && c.key == null) {
+        a.value = T;
         return;
       }
-      if (!(l && l.key !== v.value)) {
-        G();
+      if (!(c && c.key !== y.value)) {
+        X();
         try {
-          (l == null ? void 0 : l.newValue) !== _.write(a.value) && (a.value = U(l));
-        } catch (m) {
-          f(m);
+          (c == null ? void 0 : c.newValue) !== C.write(a.value) && (a.value = ee(c));
+        } catch (g) {
+          m(g);
         } finally {
-          l ? B(j) : j();
+          c ? G(V) : V();
         }
       }
     }
   }
-  function Y(l) {
-    P(l.detail);
+  function te(c) {
+    _(c.detail);
   }
   return a;
 }
-function Fe(e, t, r = {}) {
-  const { window: s = R } = r;
-  return Me(e, t, s == null ? void 0 : s.localStorage, r);
+function Le(e, t, o = {}) {
+  const { window: l = D } = o;
+  return $e(e, t, l == null ? void 0 : l.localStorage, o);
 }
-const Ve = /* @__PURE__ */ F({
+const Ie = /* @__PURE__ */ $({
   __name: "PCDevtoolsWrapper",
   setup(e) {
-    const t = T(!1), r = Fe("pinia-colada-devtools-open", !1);
-    async function s() {
+    const t = R(!1), o = Le("pinia-colada-devtools-open", !1);
+    async function l() {
       if (!t.value && (t.value = !0, !customElements.get("pinia-colada-devtools-panel"))) {
-        const { DevtoolsPanel: u } = await import("@pinia/colada-devtools/panel");
-        customElements.define("pinia-colada-devtools-panel", u);
+        const { DevtoolsPanel: d } = await import("@pinia/colada-devtools/panel");
+        customElements.define("pinia-colada-devtools-panel", d);
       }
     }
-    async function i() {
-      await s(), r.value = !0;
+    async function s() {
+      await l(), o.value = !0;
     }
-    return $(() => {
+    return L(() => {
       requestIdleCallback(() => {
         import("@pinia/colada-devtools/panel");
-      }), r.value && i();
-    }), (u, g) => (O(), W(ve, null, {
-      default: le(() => [
-        M(r) ? N("", !0) : (O(), ue("button", {
+      }), o.value && s();
+    }), (d, h) => (x(), W(ve, null, {
+      default: ce(() => [
+        F(o) ? M("", !0) : (x(), de("button", {
           key: 0,
           class: "fixed bottom-2 right-2 bg-primary-500 hover:cursor-pointer z-99999",
-          onClick: g[0] || (g[0] = (c) => i())
+          onClick: h[0] || (h[0] = (f) => s())
         }, " 🍹 Devtools ")),
-        t.value && M(r) ? (O(), W(ye, { key: 1 })) : N("", !0)
+        t.value && F(o) ? (x(), W(ge, { key: 1 })) : M("", !0)
       ]),
       _: 1
     }));
   }
 });
 export {
-  Ve as PiniaColadaDevtools
+  Ie as PiniaColadaDevtools
 };
 //# sourceMappingURL=index.js.map