@pinia/colada-devtools 0.2.0 → 0.3.0

package/dist-panel/_queryId_-OYxjQ3wF.js

@@ -0,0 +1,439 @@
+import { _ as j } from "./mouse-pointer-click-tLOKuf9h.js";
+import { I as F, _ as U, a as Q, b as W, c as G, d as J, e as P, f as X, g as K } from "./circle-x-CKUVRuJV.js";
+import { _ as Y, a as Z } from "./loader-DUh7Y4gr.js";
+import { m as $, c as u, o as n, a as t, d as ee, C as te, b as se, s as oe, p as D, v as ne, F as C, i as l, w as r, g as o, n as z, x as R, q as p, t as m, y as le, f as b, z as ae, A as I, e as k, B as ie, h as re } from "./index-BDRe8hqi.js";
+const ue = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function de(v, a) {
+  return n(), u("svg", ue, [...a[0] || (a[0] = [
+    t("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      t("path", { d: "M10 2h4m-2 12v-4m-8 3a8 8 0 0 1 8-7a8 8 0 1 1-5.3 14L4 17.6" }),
+      t("path", { d: "M9 17H4v5" })
+    ], -1)
+  ])]);
+}
+const ce = $({ name: "lucide-timer-reset", render: de }), pe = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function me(v, a) {
+  return n(), u("svg", pe, [...a[0] || (a[0] = [
+    t("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      t("path", { d: "M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+      t("path", { d: "M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+      t("path", { d: "M8 16H3v5" })
+    ], -1)
+  ])]);
+}
+const ve = $({ name: "lucide-refresh-cw", render: me });
+function _e(v) {
+  if (v < 1e3)
+    return `${Math.round(v)} ms`;
+  const a = v / 1e3;
+  if (v < 1e4)
+    return `${a.toFixed(3)} seconds`;
+  if (v < 6e4)
+    return `${Math.floor(a)} seconds`;
+  const y = Math.floor(a / 60);
+  return v < 36e5 ? `${y} minute${y > 1 ? "s" : ""}` : `${Math.floor(y / 60)}h${y % 60}m${a % 60}s`;
+}
+const fe = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ge(v, a) {
+  return n(), u("svg", fe, [...a[0] || (a[0] = [
+    t("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      t("path", { d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+      t("path", { d: "M3 3v5h5m4-1v5l4 2" })
+    ], -1)
+  ])]);
+}
+const he = $({ name: "lucide-history", render: ge }), ye = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ke(v, a) {
+  return n(), u("svg", ye, [...a[0] || (a[0] = [
+    t("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      t("rect", {
+        width: "18",
+        height: "18",
+        x: "3",
+        y: "3",
+        rx: "2"
+      }),
+      t("path", { d: "M16 8.9V7H8l4 5l-4 5h8v-1.9" })
+    ], -1)
+  ])]);
+}
+const xe = $({ name: "lucide-sigma-square", render: ke }), we = { class: "flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)" }, be = { class: "py-1 text-sm" }, $e = { class: "grid grid-cols-[auto_1fr] gap-1" }, qe = { class: "rounded bg-neutral-500/20 p-0.5" }, Ce = {
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When was the query entry last updated"
+}, Ie = { class: "font-bold" }, Te = {
+  key: 0,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When was the last time the query was fetched"
+}, Se = { class: "font-bold" }, Be = {
+  key: 1,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "How long did the last query take to fetch"
+}, De = { class: "font-bold" }, ze = {
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "How many components and effects are using this query"
+}, Re = { class: "font-bold" }, Ae = {
+  key: 2,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When is this query entry garbace collected"
+}, Ne = { class: "font-bold" }, Ee = { class: "py-2 gap-2 flex flex-wrap items-center justify-items-start" }, He = { class: "py-1" }, Le = {
+  key: 0,
+  class: "rounded p-1 overflow-auto max-h-[1200px]"
+}, Me = {
+  key: 1,
+  class: "text-(--ui-text-muted)/50"
+}, Oe = { class: "py-1" }, Ve = { class: "grid grid-cols-[auto_1fr] gap-1" }, je = { class: "font-bold" }, Fe = { class: "font-bold" }, Ue = { class: "font-bold" }, Qe = { class: "font-bold" }, We = { class: "py-1" }, Ge = { key: 1 }, Je = {
+  key: 1,
+  class: "py-6 mx-auto"
+}, Pe = { class: "flex flex-col text-center items-center gap-2 text-lg px-2" }, Xe = { class: "text-center text-sm text-neutral-500 mt-4" }, tt = /* @__PURE__ */ ee({
+  __name: "[queryId]",
+  setup(v) {
+    const a = le(), y = te(), s = se(() => y.value.find((d) => d.keyHash === a.params.queryId) ?? null), w = {
+      showSecond: !0,
+      rounding: "floor",
+      max: 1e3 * 60 * 60 * 24
+      // 1 day
+    }, A = ae(() => s.value?.devtools.updatedAt ?? 0, {
+      ...w,
+      updateInterval: 3e3
+    }), g = oe(), h = D("pc:query:details:data:open", !1, {});
+    let T = h.value, S = null;
+    const x = D("pc:query:details:error:open", !1, {});
+    ne(
+      () => s.value?.state,
+      (d) => {
+        !d || S === d.status || (S = d.status, d.status === "error" ? (x.value = !0, T = h.value, h.value = !1) : d.status === "success" && (h.value = T, x.value = !1));
+      }
+    );
+    function N(d, e, _) {
+      if (e.length === 0)
+        return console.error("Cannot set value with empty path"), !1;
+      let f = d;
+      for (let c = 0; c < e.length - 1; c++) {
+        if (f == null || typeof f != "object")
+          return console.error("Invalid path:", e, "at index", c, "Current value:", f), !1;
+        f = f[e[c]];
+      }
+      return f == null || typeof f != "object" ? (console.error("Invalid final parent in path:", e), !1) : (f[e.at(-1)] = _, !0);
+    }
+    const E = (d, e) => {
+      if (!s.value) return;
+      if (!N(s.value.state.data, d, e)) {
+        console.error("Failed to update value at path:", d);
+        return;
+      }
+      g.emit("queries:set:state", s.value.key, s.value.state);
+    };
+    return (d, e) => {
+      const _ = U, f = ve, c = ie, H = ce, B = Y, L = Z, M = P, O = X, q = K, V = j;
+      return n(), u("div", we, [
+        s.value ? (n(), u(C, { key: 0 }, [
+          l(_, {
+            title: "Details",
+            icon: o(F)
+          }, {
+            default: r(() => [
+              t("div", be, [
+                t("p", $e, [
+                  e[9] || (e[9] = t("span", null, "key:", -1)),
+                  t("span", null, [
+                    t("code", qe, m(s.value.key), 1)
+                  ])
+                ]),
+                t("p", Ce, [
+                  e[10] || (e[10] = t("span", null, "Last update:", -1)),
+                  t("span", Ie, m(o(A)), 1)
+                ]),
+                s.value.devtools.history.at(0)?.fetchTime ? (n(), u("p", Te, [
+                  e[11] || (e[11] = t("span", null, "Last fetch:", -1)),
+                  t("span", Se, m(o(I)(new Date(s.value.devtools.history.at(0).fetchTime.start), {
+                    ...w,
+                    max: void 0
+                  })), 1)
+                ])) : b("", !0),
+                s.value.devtools.history.at(0)?.fetchTime?.end ? (n(), u("p", Be, [
+                  e[12] || (e[12] = t("span", null, "Fetch duration:", -1)),
+                  t("span", De, m(o(_e)(
+                    s.value.devtools.history.at(0).fetchTime.end - s.value.devtools.history.at(0).fetchTime.start
+                  )), 1)
+                ])) : b("", !0),
+                t("p", ze, [
+                  t("span", null, [
+                    e[13] || (e[13] = p("Observers: ", -1)),
+                    t("span", Re, m(s.value.deps.length), 1)
+                  ])
+                ]),
+                !s.value.active && s.value.options ? (n(), u("p", Ae, [
+                  typeof s.value.options.gcTime == "number" && Number.isFinite(s.value.options.gcTime) ? (n(), u(C, { key: 0 }, [
+                    e[14] || (e[14] = t("span", null, [
+                      p("Will be "),
+                      t("i", null, "gced")
+                    ], -1)),
+                    t("span", Ne, m(o(I)(
+                      new Date(s.value.devtools.inactiveAt + s.value.options.gcTime),
+                      {
+                        ...w,
+                        max: void 0
+                      }
+                    )), 1)
+                  ], 64)) : b("", !0)
+                ])) : b("", !0)
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          l(_, {
+            title: "Actions",
+            icon: o(Q)
+          }, {
+            default: r(() => [
+              t("div", Ee, [
+                l(c, {
+                  class: "theme-info",
+                  size: "sm",
+                  title: "Refetch this query",
+                  disabled: s.value.options?.enabled === !1,
+                  onClick: e[0] || (e[0] = (i) => o(g).emit("queries:refetch", s.value.key))
+                }, {
+                  default: r(() => [
+                    l(f, { class: "size-3.5" }),
+                    e[15] || (e[15] = p(" Refetch ", -1))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                l(c, {
+                  class: "theme-neutral",
+                  size: "sm",
+                  title: "Invalidate this query",
+                  onClick: e[1] || (e[1] = (i) => o(g).emit("queries:invalidate", s.value.key))
+                }, {
+                  default: r(() => [
+                    l(H),
+                    e[16] || (e[16] = p(" Invalidate ", -1))
+                  ]),
+                  _: 1
+                }),
+                s.value.devtools.simulate !== "loading" ? (n(), k(c, {
+                  key: 0,
+                  class: "theme-purple",
+                  size: "sm",
+                  title: "Restore the previous state",
+                  onClick: e[2] || (e[2] = (i) => o(g).emit("queries:simulate:loading", s.value.key))
+                }, {
+                  default: r(() => [
+                    l(B),
+                    e[17] || (e[17] = p(" Simulate loading ", -1))
+                  ]),
+                  _: 1
+                })) : (n(), k(c, {
+                  key: 1,
+                  class: "theme-purple",
+                  size: "sm",
+                  title: "Simulate a loading state",
+                  onClick: e[3] || (e[3] = (i) => o(g).emit("queries:simulate:loading:stop", s.value.key))
+                }, {
+                  default: r(() => [
+                    l(B, { class: "animate-spin" }),
+                    e[18] || (e[18] = p(" Stop loading ", -1))
+                  ]),
+                  _: 1
+                })),
+                s.value.devtools.simulate !== "error" ? (n(), k(c, {
+                  key: 2,
+                  class: "theme-error",
+                  size: "sm",
+                  title: "Simulate an Error state",
+                  onClick: e[4] || (e[4] = (i) => o(g).emit("queries:simulate:error", s.value.key))
+                }, {
+                  default: r(() => [
+                    l(L),
+                    e[19] || (e[19] = p(" Simulate error ", -1))
+                  ]),
+                  _: 1
+                })) : (n(), k(c, {
+                  key: 3,
+                  class: "theme-error",
+                  size: "sm",
+                  title: "Restore the previous state",
+                  onClick: e[5] || (e[5] = (i) => o(g).emit("queries:simulate:error:stop", s.value.key))
+                }, {
+                  default: r(() => [
+                    l(M),
+                    e[20] || (e[20] = p(" Remove error ", -1))
+                  ]),
+                  _: 1
+                })),
+                l(c, {
+                  class: "theme-warning",
+                  size: "sm",
+                  title: "Reset this query to its initial (pending) state",
+                  onClick: e[6] || (e[6] = (i) => o(g).emit("queries:reset", s.value.key))
+                }, {
+                  default: r(() => [
+                    l(O),
+                    e[21] || (e[21] = p(" Reset ", -1))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          l(_, {
+            open: o(h),
+            "onUpdate:open": e[7] || (e[7] = (i) => R(h) ? h.value = i : null),
+            title: `Data${s.value.state.data === void 0 ? " (empty)" : ""}`,
+            icon: o(W),
+            class: z([s.value.state.data === void 0 && "text-(--ui-text-muted)"]),
+            "no-padding": ""
+          }, {
+            default: r(() => [
+              l(q, {
+                data: s.value.state.data,
+                "onUpdate:value": E
+              }, null, 8, ["data"])
+            ]),
+            _: 1
+          }, 8, ["open", "title", "icon", "class"]),
+          l(_, {
+            open: o(x),
+            "onUpdate:open": e[8] || (e[8] = (i) => R(x) ? x.value = i : null),
+            title: `Error${s.value.state.status === "error" ? " (!)" : "(empty)"}`,
+            icon: o(G),
+            class: z([s.value.state.status !== "error" && "text-(--ui-text-muted)"]),
+            disabled: ""
+          }, {
+            default: r(() => [
+              t("div", He, [
+                s.value.state.error ? (n(), u("pre", Le, m(s.value.state.error), 1)) : (n(), u("p", Me, "No error"))
+              ])
+            ]),
+            _: 1
+          }, 8, ["open", "title", "icon", "class"]),
+          l(_, {
+            title: "Call count",
+            icon: o(xe),
+            open: !1
+          }, {
+            default: r(() => [
+              t("div", Oe, [
+                t("p", Ve, [
+                  e[22] || (e[22] = t("span", null, "Calls:", -1)),
+                  t("span", null, [
+                    t("code", je, m(s.value.devtools.count.total), 1)
+                  ]),
+                  e[23] || (e[23] = t("span", null, "Success:", -1)),
+                  t("span", null, [
+                    t("code", Fe, m(s.value.devtools.count.succeed), 1)
+                  ]),
+                  e[24] || (e[24] = t("span", null, "Errors:", -1)),
+                  t("span", null, [
+                    t("code", Ue, m(s.value.devtools.count.errored), 1)
+                  ]),
+                  e[25] || (e[25] = t("span", null, "Cancelled:", -1)),
+                  t("span", null, [
+                    t("code", Qe, m(s.value.devtools.count.cancelled), 1)
+                  ])
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          l(_, {
+            title: `History (${s.value.devtools.history.length})`,
+            icon: o(he),
+            open: !1
+          }, {
+            default: r(() => [
+              t("div", We, [
+                (n(!0), u(C, null, re(s.value.devtools.history, (i) => (n(), k(_, {
+                  key: i.updatedAt,
+                  title: `Entry nº${i.id} (${o(I)(new Date(i.updatedAt), w)})`,
+                  open: !1,
+                  class: "border border-neutral-200 dark:border-neutral-800"
+                }, {
+                  default: r(() => [
+                    l(q, {
+                      data: i,
+                      readonly: ""
+                    }, null, 8, ["data"])
+                  ]),
+                  _: 2
+                }, 1032, ["title"]))), 128))
+              ])
+            ]),
+            _: 1
+          }, 8, ["title", "icon"]),
+          l(_, {
+            title: "Options",
+            open: !1,
+            icon: o(J),
+            "no-padding": ""
+          }, {
+            default: r(() => [
+              s.value.options ? (n(), k(q, {
+                key: 0,
+                data: s.value.options,
+                readonly: ""
+              }, null, 8, ["data"])) : (n(), u("p", Ge, [...e[26] || (e[26] = [
+                p(" This Query entry has no options. It might have been created from the server or manually set with ", -1),
+                t("code", null, "queryCache.setQueryData()", -1),
+                p(" for prefetching. ", -1)
+              ])]))
+            ]),
+            _: 1
+          }, 8, ["icon"])
+        ], 64)) : (n(), u("div", Je, [
+          t("p", Pe, [
+            e[27] || (e[27] = p(" Select a Query to inspect ", -1)),
+            l(V)
+          ]),
+          t("p", Xe, " No query with key " + m(o(a).params.queryId) + " was found in the cache ", 1)
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  tt as default
+};
+//# sourceMappingURL=_queryId_-OYxjQ3wF.js.map

package/dist-panel/_queryId_-OYxjQ3wF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_queryId_-OYxjQ3wF.js","sources":["../src/panel/utils/time.ts","../src/panel/pages/queries/[queryId].vue"],"sourcesContent":["export function formatDuration(timeInMs: number): string {\n  if (timeInMs < 1000) {\n    return `${Math.round(timeInMs)} ms`\n  }\n\n  const seconds = timeInMs / 1000\n  if (timeInMs < 10_000) {\n    return `${seconds.toFixed(3)} seconds`\n  }\n\n  if (timeInMs < 60_000) {\n    return `${Math.floor(seconds)} seconds`\n  }\n\n  const minutes = Math.floor(seconds / 60)\n\n  if (timeInMs < 3_600_000) {\n    return `${minutes} minute${minutes > 1 ? 's' : ''}`\n  }\n\n  const hours = Math.floor(minutes / 60)\n\n  return `${hours}h${minutes % 60}m${seconds % 60}s`\n}\n","<script setup lang=\"ts\">\nimport type { UseQueryEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed, watch } from 'vue'\nimport { useDuplexChannel, useQueryEntries } from '../../composables/duplex-channel'\nimport { formatDuration } from '../../utils/time'\nimport { useRoute } from 'vue-router'\nimport type { DataStateStatus } from '@pinia/colada'\n\nimport IWrench from '~icons/lucide/wrench'\nimport IInfoCircle from '~icons/lucide/info'\nimport IFileText from '~icons/lucide/file-text'\nimport ICircleX from '~icons/lucide/circle-x'\nimport IBraces from '~icons/lucide/braces'\nimport IHistory from '~icons/lucide/history'\nimport ISigmaSquare from '~icons/lucide/sigma-square'\nimport { useTimeAgo, formatTimeAgo, useLocalStorage } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute()\nconst queries = useQueryEntries()\n\nconst selectedQuery = computed<UseQueryEntryPayload | null>(() => {\n  return queries.value.find((entry) => entry.keyHash === route.params.queryId) ?? null\n})\n\nconst TIME_AGO_OPTIONS: FormatTimeAgoOptions = {\n  showSecond: true,\n  rounding: 'floor',\n  max: 1000 * 60 * 60 * 24, // 1 day\n}\n\nconst lastUpdate = useTimeAgo(() => selectedQuery.value?.devtools.updatedAt ?? 0, {\n  ...TIME_AGO_OPTIONS,\n  updateInterval: 3000,\n})\n\n// TODO: we should be able to highlight components using this query\n// const el = useTemplateRef('me')\n// TODO: add ref=\"me\" to the div\n// watch(\n//   // also trigger if the selectedQuery changes\n//   () => [el.value, selectedQuery.value?.id] as const,\n//   ([el]) => {\n//     if (!el || !selectedQuery.value) return\n//\n//     const observingComponents = findVueComponents(\n//       el,\n//       selectedQuery.value.deps.filter((c) => c.type === 'component').map((c) => c.uid) ?? [],\n//     )\n//\n//     console.log('elements', observingComponents)\n//   },\n// )\n\nconst channel = useDuplexChannel()\n\nconst isDataOpen = useLocalStorage<boolean>('pc:query:details:data:open', false, {})\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = useLocalStorage<boolean>('pc:query:details:error:open', false, {})\nwatch(\n  () => selectedQuery.value?.state,\n  (state) => {\n    if (!state || lastStatus === state.status) return\n    lastStatus = state.status\n    if (state.status === 'error') {\n      isErrorOpen.value = true\n      // preserve it for later\n      wasDataOpen = isDataOpen.value\n      isDataOpen.value = false\n    } else if (state.status === 'success') {\n      isDataOpen.value = wasDataOpen\n      isErrorOpen.value = false\n    }\n  },\n)\n\n// Helper function to set nested value\nfunction setNestedValue(obj: any, path: Array<string | number>, value: unknown): boolean {\n  if (path.length === 0) {\n    console.error('Cannot set value with empty path')\n    return false\n  }\n\n  let current = obj\n  // Navigate to parent of target value\n  for (let i = 0; i < path.length - 1; i++) {\n    if (current == null || typeof current !== 'object') {\n      console.error('Invalid path:', path, 'at index', i, 'Current value:', current)\n      return false\n    }\n    current = current[path[i]!]\n  }\n\n  // Validate the final parent exists\n  if (current == null || typeof current !== 'object') {\n    console.error('Invalid final parent in path:', path)\n    return false\n  }\n\n  // Set the final value\n  current[path.at(-1)!] = value\n  return true\n}\n\n// Handle value updates from JsonViewer\nconst handleValueUpdate = (path: Array<string | number>, value: unknown) => {\n  if (!selectedQuery.value) return\n\n  // Update the value at the path\n  const success = setNestedValue(selectedQuery.value.state.data, path, value)\n\n  if (!success) {\n    console.error('Failed to update value at path:', path)\n    return\n  }\n\n  // Send to app via RPC\n  channel.emit('queries:set:state', selectedQuery.value.key, selectedQuery.value.state)\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)\">\n    <template v-if=\"selectedQuery\">\n      <UCollapse title=\"Details\" :icon=\"IInfoCircle\">\n        <div class=\"py-1 text-sm\">\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>key:</span>\n            <span>\n              <code class=\"rounded bg-neutral-500/20 p-0.5\">{{ selectedQuery.key }}</code>\n            </span>\n          </p>\n\n          <p\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When was the query entry last updated\"\n          >\n            <span>Last update:</span>\n            <span class=\"font-bold\">{{ lastUpdate }}</span>\n          </p>\n\n          <p\n            v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When was the last time the query was fetched\"\n          >\n            <span>Last fetch:</span>\n            <span class=\"font-bold\">{{\n              formatTimeAgo(new Date(selectedQuery.devtools.history.at(0)!.fetchTime!.start), {\n                ...TIME_AGO_OPTIONS,\n                max: undefined,\n              })\n            }}</span>\n          </p>\n\n          <p\n            v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime?.end\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"How long did the last query take to fetch\"\n          >\n            <span>Fetch duration:</span>\n            <span class=\"font-bold\">{{\n              formatDuration(\n                selectedQuery.devtools.history.at(0)!.fetchTime!.end! -\n                  selectedQuery.devtools.history.at(0)!.fetchTime!.start,\n              )\n            }}</span>\n          </p>\n\n          <p\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"How many components and effects are using this query\"\n          >\n            <span\n              >Observers: <span class=\"font-bold\">{{ selectedQuery.deps.length }}</span></span\n            >\n          </p>\n\n          <p\n            v-if=\"!selectedQuery.active && selectedQuery.options\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When is this query entry garbace collected\"\n          >\n            <template\n              v-if=\"\n                typeof selectedQuery.options.gcTime === 'number' &&\n                Number.isFinite(selectedQuery.options.gcTime)\n              \"\n            >\n              <span>Will be <i>gced</i></span>\n              <span class=\"font-bold\">{{\n                formatTimeAgo(\n                  new Date(selectedQuery.devtools.inactiveAt + selectedQuery.options.gcTime),\n                  {\n                    ...TIME_AGO_OPTIONS,\n                    max: undefined,\n                  },\n                )\n              }}</span>\n            </template>\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Actions\" :icon=\"IWrench\">\n        <div class=\"py-2 gap-2 flex flex-wrap items-center justify-items-start\">\n          <UButton\n            class=\"theme-info\"\n            size=\"sm\"\n            title=\"Refetch this query\"\n            :disabled=\"selectedQuery.options?.enabled === false\"\n            @click=\"channel.emit('queries:refetch', selectedQuery.key)\"\n          >\n            <i-lucide-refresh-cw class=\"size-3.5\" /> Refetch\n          </UButton>\n\n          <UButton\n            class=\"theme-neutral\"\n            size=\"sm\"\n            title=\"Invalidate this query\"\n            @click=\"channel.emit('queries:invalidate', selectedQuery.key)\"\n          >\n            <i-lucide-timer-reset /> Invalidate\n          </UButton>\n\n          <UButton\n            v-if=\"selectedQuery.devtools.simulate !== 'loading'\"\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Restore the previous state\"\n            @click=\"channel.emit('queries:simulate:loading', selectedQuery.key)\"\n          >\n            <i-lucide-loader />\n            Simulate loading\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Simulate a loading state\"\n            @click=\"channel.emit('queries:simulate:loading:stop', selectedQuery.key)\"\n          >\n            <i-lucide-loader class=\"animate-spin\" />\n            Stop loading\n          </UButton>\n\n          <UButton\n            v-if=\"selectedQuery.devtools.simulate !== 'error'\"\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Simulate an Error state\"\n            @click=\"channel.emit('queries:simulate:error', selectedQuery.key)\"\n          >\n            <i-lucide-x-octagon /> Simulate error\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Restore the previous state\"\n            @click=\"channel.emit('queries:simulate:error:stop', selectedQuery.key)\"\n          >\n            <i-lucide-rotate-ccw /> Remove error\n          </UButton>\n\n          <UButton\n            class=\"theme-warning\"\n            size=\"sm\"\n            title=\"Reset this query to its initial (pending) state\"\n            @click=\"channel.emit('queries:reset', selectedQuery.key)\"\n          >\n            <i-lucide-trash /> Reset\n          </UButton>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isDataOpen\"\n        :title=\"`Data${selectedQuery.state.data === undefined ? ' (empty)' : ''}`\"\n        :icon=\"IFileText\"\n        :class=\"[selectedQuery.state.data === undefined && 'text-(--ui-text-muted)']\"\n        no-padding\n      >\n        <JsonViewer :data=\"selectedQuery.state.data\" @update:value=\"handleValueUpdate\" />\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isErrorOpen\"\n        :title=\"`Error${selectedQuery.state.status === 'error' ? ' (!)' : '(empty)'}`\"\n        :icon=\"ICircleX\"\n        :class=\"[selectedQuery.state.status !== 'error' && 'text-(--ui-text-muted)']\"\n        disabled\n      >\n        <div class=\"py-1\">\n          <pre v-if=\"selectedQuery.state.error\" class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{\n            selectedQuery.state.error\n          }}</pre>\n          <p v-else class=\"text-(--ui-text-muted)/50\">No error</p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Call count\" :icon=\"ISigmaSquare\" :open=\"false\">\n        <div class=\"py-1\">\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>Calls:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.total }}</code>\n            </span>\n            <span>Success:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.succeed }}</code>\n            </span>\n            <span>Errors:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.errored }}</code>\n            </span>\n            <span>Cancelled:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.cancelled }}</code>\n            </span>\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        :title=\"`History (${selectedQuery.devtools.history.length})`\"\n        :icon=\"IHistory\"\n        :open=\"false\"\n      >\n        <div class=\"py-1\">\n          <UCollapse\n            v-for=\"entry of selectedQuery.devtools.history\"\n            :key=\"entry.updatedAt\"\n            :title=\"`Entry nº${entry.id} (${formatTimeAgo(new Date(entry.updatedAt), TIME_AGO_OPTIONS)})`\"\n            :open=\"false\"\n            class=\"border border-neutral-200 dark:border-neutral-800\"\n          >\n            <JsonViewer :data=\"entry\" readonly />\n          </UCollapse>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Options\" :open=\"false\" :icon=\"IBraces\" no-padding>\n        <JsonViewer v-if=\"selectedQuery.options\" :data=\"selectedQuery.options\" readonly />\n        <p v-else>\n          This Query entry has no options. It might have been created from the server or manually\n          set with\n          <code>queryCache.setQueryData()</code> for prefetching.\n        </p>\n      </UCollapse>\n    </template>\n\n    <template v-else>\n      <div class=\"py-6 mx-auto\">\n        <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n          Select a Query to inspect\n          <i-lucide-mouse-pointer-click />\n        </p>\n        <p class=\"text-center text-sm text-neutral-500 mt-4\">\n          No query with key {{ route.params.queryId }} was found in the cache\n        </p>\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["formatDuration","timeInMs","seconds","minutes","route","useRoute","queries","useQueryEntries","selectedQuery","computed","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","channel","useDuplexChannel","isDataOpen","useLocalStorage","wasDataOpen","lastStatus","isErrorOpen","watch","state","setNestedValue","obj","path","value","current","i","handleValueUpdate","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_createVNode","_component_UCollapse","_unref","IInfoCircle","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","formatTimeAgo","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","IWrench","_hoisted_15","_component_UButton","_component_i_lucide_refresh_cw","_component_i_lucide_timer_reset","_createBlock","_component_i_lucide_loader","_component_i_lucide_x_octagon","_component_i_lucide_rotate_ccw","_component_i_lucide_trash","$event","IFileText","_component_JsonViewer","ICircleX","_normalizeClass","_hoisted_16","_hoisted_17","_hoisted_18","ISigmaSquare","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","IHistory","_hoisted_25","IBraces","_hoisted_26","_hoisted_27","_hoisted_28","_component_i_lucide_mouse_pointer_click","_hoisted_29"],"mappings":"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"}