@pinia/colada-devtools 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, ref as F, onMounted as $, renderSlot as s2, createCommentVNode as U, toValue as E, getCurrentScope as V, onScopeDispose as J, useTemplateRef as a2, shallowRef as W, watch as P, onBeforeUnmount as c2, createBlock as D, openBlock as C, Teleport as u2, createElementVNode as Q, nextTick as Y, readonly as K, getCurrentInstance as d2, toRef as f2, customRef as p2, computed as X, unref as G, withCtx as m2, createElementBlock as v2 } from "vue";
+import { defineComponent as R, ref as F, onMounted as $, renderSlot as s2, createCommentVNode as U, toValue as E, getCurrentScope as V, onScopeDispose as J, useTemplateRef as a2, shallowRef as N, watch as P, onBeforeUnmount as c2, createBlock as D, openBlock as C, Teleport as u2, createElementVNode as Q, nextTick as Y, readonly as K, getCurrentInstance as d2, toRef as f2, customRef as p2, computed as X, unref as G, withCtx as m2, createElementBlock as v2 } from "vue";
 import { useQueryCache as Z } from "@pinia/colada";
 import { DEVTOOLS_INFO_KEY as p, DuplexChannel as h2 } from "@pinia/colada-devtools/shared";
 const y2 = /* @__PURE__ */ R({
@@ -87,7 +87,7 @@ function g2(e) {
     });
   }
 }
-function w(e) {
+function b(e) {
   return {
     keyHash: e.keyHash,
     key: e.key,
@@ -120,12 +120,12 @@ function w(e) {
   };
 }
 const L = /* @__PURE__ */ new WeakMap();
-function b2(e, n, t, r) {
+function w2(e, n, t, r) {
   e.addEventListener(n, t, r), V() && J(() => {
     e.removeEventListener(n, t);
   });
 }
-const w2 = [".isPip", ".port"], x2 = /* @__PURE__ */ R({
+const b2 = [".isPip", ".port"], x2 = /* @__PURE__ */ R({
   __name: "PiniaColadaDevtools",
   emits: ["close"],
   setup(e, { emit: n }) {
@@ -134,35 +134,35 @@ const w2 = [".isPip", ".port"], x2 = /* @__PURE__ */ R({
       if (i === "remove") {
         const [c] = y;
         o(() => {
-          s.emit("queries:delete", w(c));
+          s.emit("queries:delete", b(c));
         });
       } else if (i === "track" || i === "untrack" || i === "cancel" || i === "invalidate" || i === "fetch" || i === "setEntryState") {
         const [c] = y;
         if (i === "fetch") {
-          const b = w(c);
-          b.asyncStatus = "loading", s.emit("queries:update", b);
+          const w = b(c);
+          w.asyncStatus = "loading", s.emit("queries:update", w);
         }
         o(() => {
-          var b;
-          c[p].simulate = null, s.emit("queries:update", w(c)), i === "fetch" && ((b = c.options) == null ? void 0 : b.staleTime) != null && Number.isFinite(c.options.staleTime) && setTimeout(() => {
-            s.emit("queries:update", w(c));
+          var w;
+          c[p].simulate = null, s.emit("queries:update", b(c)), i === "fetch" && ((w = c.options) == null ? void 0 : w.staleTime) != null && Number.isFinite(c.options.staleTime) && setTimeout(() => {
+            s.emit("queries:update", b(c));
           }, c.options.staleTime);
         }), m(() => {
-          s.emit("queries:update", w(c));
+          s.emit("queries:update", b(c));
         });
       } else if (i === "create")
         o((c) => {
-          s.emit("queries:update", w(c));
+          s.emit("queries:update", b(c));
         });
       else if (i === "setQueryData") {
         const [c] = y;
         o(() => {
-          const b = r.getEntries({ key: c, exact: !0 })[0];
-          b && s.emit("queries:update", w(b));
+          const w = r.getEntries({ key: c, exact: !0 })[0];
+          w && s.emit("queries:update", b(w));
         });
       }
     });
-    const f = a2("devtools"), h = W(new MessageChannel()), s = new h2(h.value.port1);
+    const f = a2("devtools"), h = N(new MessageChannel()), s = new h2(h.value.port1);
     P(
       h,
       (i) => {
@@ -182,32 +182,32 @@ const w2 = [".isPip", ".port"], x2 = /* @__PURE__ */ R({
       }));
     }), s.on("queries:set:state", (i, o) => {
       const m = r.getEntries({ key: i, exact: !0 })[0];
-      m && (r.setEntryState(m, o), s.emit("queries:update", w(m)));
+      m && (r.setEntryState(m, o), s.emit("queries:update", b(m)));
     }), s.on("queries:simulate:loading", (i) => {
       const o = r.getEntries({ key: i, exact: !0 })[0];
-      o && (o.asyncStatus.value = "loading", o[p].simulate = "loading", s.emit("queries:update", w(o)));
+      o && (o.asyncStatus.value = "loading", o[p].simulate = "loading", s.emit("queries:update", b(o)));
     }), s.on("queries:simulate:loading:stop", (i) => {
       const o = r.getEntries({ key: i, exact: !0 })[0];
-      o && o[p].simulate === "loading" && (o.asyncStatus.value = "idle", o[p].simulate = null, s.emit("queries:update", w(o)));
+      o && o[p].simulate === "loading" && (o.asyncStatus.value = "idle", o[p].simulate = null, s.emit("queries:update", b(o)));
     }), s.on("queries:simulate:error", (i) => {
       const o = r.getEntries({ key: i, exact: !0 })[0];
       o && (r.cancel(o), r.setEntryState(o, {
         ...o.state.value,
         status: "error",
         error: new Error("Simulated error")
-      }), o[p].simulate = "error", s.emit("queries:update", w(o)));
+      }), o[p].simulate = "error", s.emit("queries:update", b(o)));
     }), s.on("queries:simulate:error:stop", (i) => {
       const o = r.getEntries({ key: i, exact: !0 })[0];
       o && o[p].simulate === "error" && (r.cancel(o), r.setEntryState(o, {
         ...o.state.value,
         status: o.state.value.data !== void 0 ? "success" : "pending",
         error: null
-      }), o[p].simulate = null, s.emit("queries:update", w(o)));
+      }), o[p].simulate = null, s.emit("queries:update", b(o)));
     });
-    const a = W(null);
+    const a = N(null);
     P(a, () => {
       h.value = new MessageChannel();
-    }), b2(
+    }), w2(
       window,
       "unload",
       () => {
@@ -266,10 +266,10 @@ const w2 = [".isPip", ".port"], x2 = /* @__PURE__ */ R({
         }, 100);
         return;
       }
-      v(f.value), s.emit("queries:all", r.getEntries().map(w)), s.emit(
+      v(f.value), s.emit("queries:all", r.getEntries().map(b)), s.emit(
         "mutations:all",
         // FIXME: add mutations
-        r.getEntries().map(w)
+        r.getEntries().map(b)
       );
     }
     return (i, o) => (C(), D(u2, {
@@ -277,13 +277,12 @@ const w2 = [".isPip", ".port"], x2 = /* @__PURE__ */ R({
     }, [
       Q("pinia-colada-devtools-panel", {
         ref: "devtools",
-        style: { height: "100%" },
         ".isPip": !!a.value,
         ".port": h.value.port2,
         onTogglePip: o[0] || (o[0] = (m) => x()),
         onReady: o[1] || (o[1] = (m) => z()),
         onClose: o[2] || (o[2] = (m) => t("close"))
-      }, null, 40, w2)
+      }, null, 40, b2)
     ], 8, ["to"]));
   }
 });
@@ -324,7 +323,7 @@ function P2(e = e2, n = {}) {
   };
   return { isActive: K(r), pause: f, resume: h, eventFilter: s };
 }
-function M(e) {
+function W(e) {
   return Array.isArray(e) ? e : [e];
 }
 function T2(e) {
@@ -382,15 +381,15 @@ function I(...e) {
   const n = [], t = () => {
     n.forEach((a) => a()), n.length = 0;
   }, r = (a, l, d, v) => (a.addEventListener(l, d, v), () => a.removeEventListener(l, d, v)), f = X(() => {
-    const a = M(E(e[0])).filter((l) => l != null);
+    const a = W(E(e[0])).filter((l) => l != null);
     return a.every((l) => typeof l != "string") ? a : void 0;
   }), h = D2(
     () => {
       var a, l;
       return [
         (l = (a = f.value) == null ? void 0 : a.map((d) => q2(d))) != null ? l : [q].filter((d) => d != null),
-        M(E(f.value ? e[1] : e[0])),
-        M(G(f.value ? e[2] : e[1])),
+        W(E(f.value ? e[1] : e[0])),
+        W(G(f.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         E(f.value ? e[3] : e[2])
       ];
@@ -417,13 +416,13 @@ const T = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window :
 function F2() {
   return A in T || (T[A] = T[A] || {}), T[A];
 }
-function N2(e, n) {
+function M2(e, n) {
   return R2[e] || n;
 }
-function M2(e) {
+function W2(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 W2 = {
+const N2 = {
   boolean: {
     read: (e) => e === "true",
     write: (e) => String(e)
@@ -472,10 +471,10 @@ function $2(e, n, t, r = {}) {
       console.error(u);
     },
     initOnMounted: i
-  } = r, o = (v ? W : F)(n), m = X(() => E(e));
+  } = r, o = (v ? N : F)(n), m = X(() => E(e));
   if (!t)
     try {
-      t = N2("getDefaultStorage", () => {
+      t = M2("getDefaultStorage", () => {
         var u;
         return (u = q) == null ? void 0 : u.localStorage;
       })();
@@ -484,20 +483,20 @@ function $2(e, n, t, r = {}) {
     }
   if (!t)
     return o;
-  const y = E(n), c = M2(y), b = (f = r.serializer) != null ? f : W2[c], { pause: t2, resume: j } = G2(
+  const y = E(n), c = W2(y), w = (f = r.serializer) != null ? f : N2[c], { pause: t2, resume: j } = G2(
     o,
     () => i2(o.value),
     { flush: h, deep: s, eventFilter: O }
   );
   P(m, () => _(), { flush: h });
-  let N = !1;
+  let M = !1;
   const o2 = (u) => {
-    i && !N || _(u);
+    i && !M || _(u);
   }, n2 = (u) => {
-    i && !N || l2(u);
+    i && !M || l2(u);
   };
   x && a && (t instanceof Storage ? I(x, "storage", o2, { passive: !0 }) : I(x, H, n2)), i ? U2(() => {
-    N = !0, _();
+    M = !0, _();
   }) : _();
   function B(u, g) {
     if (x) {
@@ -518,7 +517,7 @@ function $2(e, n, t, r = {}) {
       if (u == null)
         B(g, null), t.removeItem(m.value);
       else {
-        const S = b.write(u);
+        const S = w.write(u);
         g !== S && (t.setItem(m.value, S), B(g, S));
       }
     } catch (g) {
@@ -528,11 +527,11 @@ function $2(e, n, t, r = {}) {
   function r2(u) {
     const g = u ? u.newValue : t.getItem(m.value);
     if (g == null)
-      return l && y != null && t.setItem(m.value, b.write(y)), y;
+      return l && y != null && t.setItem(m.value, w.write(y)), y;
     if (!u && d) {
-      const S = b.read(g);
+      const S = w.read(g);
       return typeof d == "function" ? d(S, y) : c === "object" && !Array.isArray(S) ? { ...y, ...S } : S;
-    } else return typeof g != "string" ? g : b.read(g);
+    } else return typeof g != "string" ? g : w.read(g);
   }
   function _(u) {
     if (!(u && u.storageArea !== t)) {
@@ -543,7 +542,7 @@ function $2(e, n, t, r = {}) {
       if (!(u && u.key !== m.value)) {
         t2();
         try {
-          (u == null ? void 0 : u.newValue) !== b.write(o.value) && (o.value = r2(u));
+          (u == null ? void 0 : u.newValue) !== w.write(o.value) && (o.value = r2(u));
         } catch (g) {
           z(g);
         } finally {
@@ -606,7 +605,7 @@ const B2 = "data:image/svg+xml,%3csvg%20fill='none'%20height='898'%20viewBox='0%
 }), Y2 = /* @__PURE__ */ R({
   __name: "ProductionWrapper",
   props: {
-    disabled: { type: Boolean, default: () => process.env.NODE_ENV === "production" }
+    disabled: { type: Boolean, default: () => !0 }
   },
   setup(e) {
     return (n, t) => n.disabled ? U("", !0) : (C(), D(H2, { key: 0 }));