@pinia/colada-devtools 0.2.0 → 0.3.0

package/dist-panel/_mutationId_-BG1E7StK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_mutationId_-BG1E7StK.js","sources":["../src/panel/pages/mutations/[mutationId].vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UseMutationEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed, ref, watch } from 'vue'\nimport { useDuplexChannel, useMutationEntries } from '../../composables/duplex-channel'\nimport { useRoute, useRouter } 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 IVariable from '~icons/lucide/variable'\nimport { useTimeAgo, useLocalStorage, formatTimeAgo } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute()\nconst router = useRouter()\nconst mutations = useMutationEntries()\n\nconst selectedMutation = computed<UseMutationEntryPayload | null>(() => {\n  const mutationId = route.params.mutationId\n  return mutations.value.find((entry) => entry.id === Number(mutationId)) ?? 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(() => selectedMutation.value?.devtools.updatedAt ?? 0, {\n  ...TIME_AGO_OPTIONS,\n  updateInterval: 3000,\n})\n\nconst channel = useDuplexChannel()\n\n// Track when we're replaying to auto-navigate to new mutation\nlet justReplayed = false\nconst mutationCountBeforeReplay = ref(0)\n\nfunction replayMutation(id: UseMutationEntryPayload['id']) {\n  // Track state before replay\n  mutationCountBeforeReplay.value = mutations.value.length\n  justReplayed = true\n\n  // Emit the replay event\n  channel.emit('mutations:replay', id)\n}\n\n// FIXME: we should move this logic up and auto detect replays maybe with some linking\n// isReplayOf: mutationId\n// and we can display this in the interface too\nwatch(\n  () => mutations.value,\n  () => {\n    if (justReplayed) {\n      // Find the latest id\n      const newest = mutations.value.toSorted((a, b) => b.id - a.id)[0]\n\n      if (newest) {\n        router.push({\n          name: '/mutations/[mutationId]',\n          params: { mutationId: newest.id },\n        })\n      }\n\n      justReplayed = false\n    }\n  },\n  {\n    deep: true,\n  },\n)\n\nconst isDataOpen = useLocalStorage<boolean>('pc:mutation:details:data:open', false, {})\nconst isVarsOpen = useLocalStorage<boolean>('pc:mutation:details:vars:open', true, {})\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = useLocalStorage<boolean>('pc:mutation:details:error:open', false, {})\n\nwatch(\n  () => selectedMutation.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      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</script>\n\n<template>\n  <div class=\"flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)\">\n    <template v-if=\"selectedMutation\">\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>id:</span>\n            <span>\n              <code class=\"rounded bg-neutral-500/20 p-0.5\">{{ selectedMutation.id }}</code>\n            </span>\n          </p>\n\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>key:</span>\n            <span class=\"flex items-center gap-1.5\">\n              <code class=\"rounded p-0.5 bg-neutral-500/20\">\n                {{ selectedMutation.key ?? 'undefined' }}\n              </code>\n              <span\n                v-if=\"!selectedMutation.key\"\n                class=\"text-xs text-(--ui-text-muted) italic cursor-help\"\n                title=\"This mutation was created without a custom key\"\n              >\n                (anonymous)\n              </span>\n            </span>\n          </p>\n\n          <p class=\"grid grid-cols-[auto_1fr] gap-x-2\" title=\"When was the mutation last updated\">\n            <span>Last update:</span>\n            <span class=\"font-bold\">{{ lastUpdate }}</span>\n          </p>\n\n          <p\n            v-if=\"!selectedMutation.active && selectedMutation.options\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When is this mutation entry garbage collected\"\n          >\n            <template\n              v-if=\"\n                typeof selectedMutation.options.gcTime === 'number' &&\n                Number.isFinite(selectedMutation.options.gcTime)\n              \"\n            >\n              <span>Will be <i>gced</i></span>\n              <span class=\"font-bold\">{{\n                formatTimeAgo(\n                  new Date(selectedMutation.devtools.inactiveAt + selectedMutation.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            v-if=\"selectedMutation.devtools.simulate !== 'loading'\"\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Simulate a loading state\"\n            @click=\"channel.emit('mutations:simulate:loading', selectedMutation.id)\"\n          >\n            <i-lucide-loader />\n            Simulate loading\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Stop simulating loading state\"\n            @click=\"channel.emit('mutations:simulate:loading:stop', selectedMutation.id)\"\n          >\n            <i-lucide-loader class=\"animate-spin\" />\n            Stop loading\n          </UButton>\n\n          <UButton\n            v-if=\"selectedMutation.devtools.simulate !== 'error'\"\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Simulate an Error state\"\n            @click=\"channel.emit('mutations:simulate:error', selectedMutation.id)\"\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('mutations:simulate:error:stop', selectedMutation.id)\"\n          >\n            <i-lucide-rotate-ccw /> Remove error\n          </UButton>\n\n          <UButton\n            class=\"theme-success\"\n            size=\"sm\"\n            title=\"Re-trigger this mutation with the same variables\"\n            @click=\"replayMutation(selectedMutation.id)\"\n          >\n            <i-lucide-repeat-2 />\n            Replay\n          </UButton>\n\n          <UButton\n            class=\"theme-warning\"\n            size=\"sm\"\n            title=\"Remove this mutation from the cache\"\n            @click=\"channel.emit('mutations:remove', selectedMutation.id)\"\n          >\n            <i-lucide-trash /> Remove\n          </UButton>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isVarsOpen\"\n        title=\"Variables\"\n        :icon=\"IVariable\"\n        class=\"font-mono\"\n        no-padding\n      >\n        <JsonViewer :data=\"selectedMutation.vars\" />\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isDataOpen\"\n        title=\"Data\"\n        :icon=\"IFileText\"\n        class=\"font-mono\"\n        no-padding\n      >\n        <JsonViewer :data=\"selectedMutation.state.data\" />\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isErrorOpen\"\n        :title=\"`Error${selectedMutation.state.status === 'error' ? ' (!)' : ''}`\"\n        :icon=\"ICircleX\"\n      >\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedMutation.state.error\"\n            class=\"rounded p-1 overflow-auto max-h-[1200px]\"\n            >{{ selectedMutation.state.error }}</pre\n          >\n          <p v-else class=\"text-neutral-500/50\">No error</p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Options\" :open=\"false\" :icon=\"IBraces\">\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedMutation.options\"\n            class=\"rounded bg-neutral-500/20 p-1 overflow-auto max-h-[1200px]\"\n            >{{ selectedMutation.options }}</pre\n          >\n          <p v-else>No options configured for this mutation.</p>\n        </div>\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 Mutation to inspect\n          <i-lucide-mouse-pointer-click />\n        </p>\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["route","useRoute","router","useRouter","mutations","useMutationEntries","selectedMutation","computed","mutationId","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","channel","useDuplexChannel","justReplayed","mutationCountBeforeReplay","ref","replayMutation","id","watch","newest","a","b","isDataOpen","useLocalStorage","isVarsOpen","wasDataOpen","lastStatus","isErrorOpen","state","_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","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","formatTimeAgo","IWrench","_hoisted_13","_createBlock","_component_UButton","_component_i_lucide_loader","_component_i_lucide_x_octagon","_component_i_lucide_rotate_ccw","$event","_component_i_lucide_repeat_2","_component_i_lucide_trash","IVariable","_component_JsonViewer","IFileText","ICircleX","_hoisted_14","_hoisted_15","_hoisted_16","IBraces","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_21","_component_i_lucide_mouse_pointer_click"],"mappings":"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"}

package/dist-panel/_queryId_-BHPtMxoe.js

@@ -1,423 +0,0 @@
-import { _ as F } from "./mouse-pointer-click-DQLuAnaZ.js";
-import { I as V, _ as j, a as Q, b as U, c as W, d as J, e as G, f as P, g as X } from "./braces-B9tH-Qp5.js";
-import { _ as K, a as Y } from "./loader-nEPBwFfz.js";
-import { m as $, c as i, o as n, a as t, d as Z, C as ee, b as I, s as te, p as z, v as se, F as q, i as a, w as u, g as o, x as B, q as p, t as d, y as oe, f as w, z as ne, A as b, e as k, B as le, h as ae } from "./index-CTwvPt67.js";
-const ie = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function re(c, l) {
-  return n(), i("svg", ie, [...l[0] || (l[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 ue = $({ name: "lucide-timer-reset", render: re }), de = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function pe(c, l) {
-  return n(), i("svg", de, [...l[0] || (l[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 ce = $({ name: "lucide-refresh-cw", render: pe });
-function me(c) {
-  if (c < 1e3)
-    return `${Math.round(c)} ms`;
-  const l = c / 1e3;
-  if (c < 1e4)
-    return `${l.toFixed(3)} seconds`;
-  if (c < 6e4)
-    return `${Math.floor(l)} seconds`;
-  const g = Math.floor(l / 60);
-  return c < 36e5 ? `${g} minute${g > 1 ? "s" : ""}` : `${Math.floor(g / 60)}h${g % 60}m${l % 60}s`;
-}
-const _e = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function ve(c, l) {
-  return n(), i("svg", _e, [...l[0] || (l[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 fe = $({ name: "lucide-history", render: ve }), he = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function ge(c, l) {
-  return n(), i("svg", he, [...l[0] || (l[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 ye = $({ name: "lucide-sigma-square", render: ge }), ke = { class: "flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)" }, xe = { class: "py-1 text-sm" }, we = { class: "grid grid-cols-[auto_1fr] gap-1" }, $e = { class: "rounded bg-neutral-500/20 p-0.5" }, qe = {
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "When was the query entry last updated"
-}, be = { class: "font-bold" }, Ce = {
-  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" }, Te = {
-  key: 1,
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "How long did the last query take to fetch"
-}, Ie = { class: "font-bold" }, ze = {
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "How many components and effects are using this query"
-}, Be = { class: "font-bold" }, De = {
-  key: 2,
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "When is this query entry garbace collected"
-}, Ee = { class: "font-bold" }, Re = { class: "py-2 gap-2 flex flex-wrap items-center justify-items-start" }, Ae = { class: "py-1" }, He = {
-  key: 0,
-  class: "rounded p-1 overflow-auto max-h-[1200px]"
-}, Ne = {
-  key: 1,
-  class: "text-neutral-500/50"
-}, Oe = { class: "py-1" }, Le = { class: "grid grid-cols-[auto_1fr] gap-1" }, Me = { class: "font-bold" }, Fe = { class: "font-bold" }, Ve = { class: "font-bold" }, je = { class: "font-bold" }, Qe = { class: "py-1" }, Ue = { class: "rounded p-1 overflow-auto max-h-[1200px]" }, We = { class: "py-1" }, Je = {
-  key: 0,
-  class: "rounded bg-neutral-500/20 p-1 overflow-auto max-h-[1200px]"
-}, Ge = { key: 1 }, Pe = {
-  key: 1,
-  class: "py-6 mx-auto"
-}, Xe = { class: "flex flex-col text-center items-center gap-2 text-lg px-2" }, Ke = { class: "text-center text-sm text-neutral-500 mt-4" }, st = /* @__PURE__ */ Z({
-  __name: "[queryId]",
-  setup(c) {
-    const l = oe(), g = ee(), s = I(() => g.value.find((m) => m.keyHash === l.params.queryId) ?? null), D = I(() => s.value?.devtools.history.map((m) => {
-      let e;
-      try {
-        e = JSON.stringify(m, null, 2);
-      } catch (_) {
-        e = `Error serializing entry: ${String(_)}`;
-      }
-      return {
-        ...m,
-        data: e
-      };
-    }) ?? []), x = {
-      showSecond: !0,
-      rounding: "floor",
-      max: 1e3 * 60 * 60 * 24
-      // 1 day
-    }, E = ne(() => s.value?.devtools.updatedAt ?? 0, {
-      ...x,
-      updateInterval: 3e3
-    }), v = te(), f = z("pc:query:details:data:open", !1, {});
-    let C = f.value, S = null;
-    const y = z("pc:query:details:error:open", !1, {});
-    return se(
-      () => s.value?.state,
-      (m) => {
-        !m || S === m.status || (S = m.status, m.status === "error" ? (y.value = !0, C = f.value, f.value = !1) : m.status === "success" && (f.value = C, y.value = !1));
-      }
-    ), (m, e) => {
-      const _ = j, R = ce, h = le, A = ue, T = K, H = Y, N = G, O = P, L = X, M = F;
-      return n(), i("div", ke, [
-        s.value ? (n(), i(q, { key: 0 }, [
-          a(_, {
-            title: "Details",
-            icon: o(V)
-          }, {
-            default: u(() => [
-              t("div", xe, [
-                t("p", we, [
-                  e[9] || (e[9] = t("span", null, "key:", -1)),
-                  t("span", null, [
-                    t("code", $e, d(s.value.key), 1)
-                  ])
-                ]),
-                t("p", qe, [
-                  e[10] || (e[10] = t("span", null, "Last update:", -1)),
-                  t("span", be, d(o(E)), 1)
-                ]),
-                s.value.devtools.history.at(0)?.fetchTime ? (n(), i("p", Ce, [
-                  e[11] || (e[11] = t("span", null, "Last fetch:", -1)),
-                  t("span", Se, d(o(b)(new Date(s.value.devtools.history.at(0).fetchTime.start), {
-                    ...x,
-                    max: void 0
-                  })), 1)
-                ])) : w("", !0),
-                s.value.devtools.history.at(0)?.fetchTime?.end ? (n(), i("p", Te, [
-                  e[12] || (e[12] = t("span", null, "Fetch duration:", -1)),
-                  t("span", Ie, d(o(me)(
-                    s.value.devtools.history.at(0).fetchTime.end - s.value.devtools.history.at(0).fetchTime.start
-                  )), 1)
-                ])) : w("", !0),
-                t("p", ze, [
-                  t("span", null, [
-                    e[13] || (e[13] = p("Observers: ", -1)),
-                    t("span", Be, d(s.value.deps.length), 1)
-                  ])
-                ]),
-                !s.value.active && s.value.options ? (n(), i("p", De, [
-                  typeof s.value.options.gcTime == "number" && Number.isFinite(s.value.options.gcTime) ? (n(), i(q, { key: 0 }, [
-                    e[14] || (e[14] = t("span", null, [
-                      p("Will be "),
-                      t("i", null, "gced")
-                    ], -1)),
-                    t("span", Ee, d(o(b)(
-                      new Date(s.value.devtools.inactiveAt + s.value.options.gcTime),
-                      {
-                        ...x,
-                        max: void 0
-                      }
-                    )), 1)
-                  ], 64)) : w("", !0)
-                ])) : w("", !0)
-              ])
-            ]),
-            _: 1
-          }, 8, ["icon"]),
-          a(_, {
-            title: "Actions",
-            icon: o(Q)
-          }, {
-            default: u(() => [
-              t("div", Re, [
-                a(h, {
-                  class: "theme-info",
-                  size: "sm",
-                  title: "Refetch this query",
-                  disabled: s.value.options?.enabled === !1,
-                  onClick: e[0] || (e[0] = (r) => o(v).emit("queries:refetch", s.value.key))
-                }, {
-                  default: u(() => [
-                    a(R, { class: "size-3.5" }),
-                    e[15] || (e[15] = p(" Refetch ", -1))
-                  ]),
-                  _: 1
-                }, 8, ["disabled"]),
-                a(h, {
-                  class: "theme-neutral",
-                  size: "sm",
-                  title: "Invalidate this query",
-                  onClick: e[1] || (e[1] = (r) => o(v).emit("queries:invalidate", s.value.key))
-                }, {
-                  default: u(() => [
-                    a(A),
-                    e[16] || (e[16] = p(" Invalidate ", -1))
-                  ]),
-                  _: 1
-                }),
-                s.value.devtools.simulate !== "loading" ? (n(), k(h, {
-                  key: 0,
-                  class: "theme-purple",
-                  size: "sm",
-                  title: "Restore the previous state",
-                  onClick: e[2] || (e[2] = (r) => o(v).emit("queries:simulate:loading", s.value.key))
-                }, {
-                  default: u(() => [
-                    a(T),
-                    e[17] || (e[17] = p(" Simulate loading ", -1))
-                  ]),
-                  _: 1
-                })) : (n(), k(h, {
-                  key: 1,
-                  class: "theme-purple",
-                  size: "sm",
-                  title: "Simulate a loading state",
-                  onClick: e[3] || (e[3] = (r) => o(v).emit("queries:simulate:loading:stop", s.value.key))
-                }, {
-                  default: u(() => [
-                    a(T, { class: "animate-spin" }),
-                    e[18] || (e[18] = p(" Stop loading ", -1))
-                  ]),
-                  _: 1
-                })),
-                s.value.devtools.simulate !== "error" ? (n(), k(h, {
-                  key: 2,
-                  class: "theme-error",
-                  size: "sm",
-                  title: "Simulate an Error state",
-                  onClick: e[4] || (e[4] = (r) => o(v).emit("queries:simulate:error", s.value.key))
-                }, {
-                  default: u(() => [
-                    a(H),
-                    e[19] || (e[19] = p(" Simulate error ", -1))
-                  ]),
-                  _: 1
-                })) : (n(), k(h, {
-                  key: 3,
-                  class: "theme-error",
-                  size: "sm",
-                  title: "Restore the previous state",
-                  onClick: e[5] || (e[5] = (r) => o(v).emit("queries:simulate:error:stop", s.value.key))
-                }, {
-                  default: u(() => [
-                    a(N),
-                    e[20] || (e[20] = p(" Remove error ", -1))
-                  ]),
-                  _: 1
-                })),
-                a(h, {
-                  class: "theme-warning",
-                  size: "sm",
-                  title: "Reset this query to its initial (pending) state",
-                  onClick: e[6] || (e[6] = (r) => o(v).emit("queries:reset", s.value.key))
-                }, {
-                  default: u(() => [
-                    a(O),
-                    e[21] || (e[21] = p(" Reset ", -1))
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            _: 1
-          }, 8, ["icon"]),
-          a(_, {
-            open: o(f),
-            "onUpdate:open": e[7] || (e[7] = (r) => B(f) ? f.value = r : null),
-            title: "Data",
-            icon: o(U),
-            class: "font-mono",
-            "no-padding": ""
-          }, {
-            default: u(() => [
-              a(L, {
-                data: s.value.state.data
-              }, null, 8, ["data"])
-            ]),
-            _: 1
-          }, 8, ["open", "icon"]),
-          a(_, {
-            open: o(y),
-            "onUpdate:open": e[8] || (e[8] = (r) => B(y) ? y.value = r : null),
-            title: `Error${s.value.state.status === "error" ? " (!)" : ""}`,
-            icon: o(W)
-          }, {
-            default: u(() => [
-              t("div", Ae, [
-                s.value.state.error ? (n(), i("pre", He, d(s.value.state.error), 1)) : (n(), i("p", Ne, "No error"))
-              ])
-            ]),
-            _: 1
-          }, 8, ["open", "title", "icon"]),
-          a(_, {
-            title: "Call count",
-            icon: o(ye),
-            open: !1
-          }, {
-            default: u(() => [
-              t("div", Oe, [
-                t("p", Le, [
-                  e[22] || (e[22] = t("span", null, "Calls:", -1)),
-                  t("span", null, [
-                    t("code", Me, d(s.value.devtools.count.total), 1)
-                  ]),
-                  e[23] || (e[23] = t("span", null, "Success:", -1)),
-                  t("span", null, [
-                    t("code", Fe, d(s.value.devtools.count.succeed), 1)
-                  ]),
-                  e[24] || (e[24] = t("span", null, "Errors:", -1)),
-                  t("span", null, [
-                    t("code", Ve, d(s.value.devtools.count.errored), 1)
-                  ]),
-                  e[25] || (e[25] = t("span", null, "Cancelled:", -1)),
-                  t("span", null, [
-                    t("code", je, d(s.value.devtools.count.cancelled), 1)
-                  ])
-                ])
-              ])
-            ]),
-            _: 1
-          }, 8, ["icon"]),
-          a(_, {
-            title: `History (${s.value.devtools.history.length})`,
-            icon: o(fe),
-            open: !1
-          }, {
-            default: u(() => [
-              t("div", Qe, [
-                (n(!0), i(q, null, ae(D.value, (r) => (n(), k(_, {
-                  key: r.updatedAt,
-                  title: `Entry nº${r.id} (${o(b)(new Date(r.updatedAt), x)})`,
-                  open: !1
-                }, {
-                  default: u(() => [
-                    t("pre", Ue, d(r.data), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["title"]))), 128))
-              ])
-            ]),
-            _: 1
-          }, 8, ["title", "icon"]),
-          a(_, {
-            title: "Options",
-            open: !1,
-            icon: o(J)
-          }, {
-            default: u(() => [
-              t("div", We, [
-                s.value.options ? (n(), i("pre", Je, d(s.value.options), 1)) : (n(), i("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(), i("div", Pe, [
-          t("p", Xe, [
-            e[27] || (e[27] = p(" Select a Query to inspect ", -1)),
-            a(M)
-          ]),
-          t("p", Ke, " No query with key " + d(o(l).params.queryId) + " was found in the cache ", 1)
-        ]))
-      ]);
-    };
-  }
-});
-export {
-  st as default
-};
-//# sourceMappingURL=_queryId_-BHPtMxoe.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"_queryId_-BHPtMxoe.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 serializedHistoryEntries = computed(() => {\n  return (\n    selectedQuery.value?.devtools.history.map((entry) => {\n      let value: string\n      try {\n        value = JSON.stringify(entry, null, 2)\n      } catch (error) {\n        value = `Error serializing entry: ${String(error)}`\n      }\n      return {\n        ...entry,\n        data: value,\n      }\n    }) ?? []\n  )\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</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\"\n        :icon=\"IFileText\"\n        class=\"font-mono\"\n        no-padding\n      >\n        <JsonViewer :data=\"selectedQuery.state.data\" />\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isErrorOpen\"\n        :title=\"`Error${selectedQuery.state.status === 'error' ? ' (!)' : ''}`\"\n        :icon=\"ICircleX\"\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-neutral-500/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 serializedHistoryEntries\"\n            :key=\"entry.updatedAt\"\n            :title=\"`Entry nº${entry.id} (${formatTimeAgo(new Date(entry.updatedAt), TIME_AGO_OPTIONS)})`\"\n            :open=\"false\"\n          >\n            <pre class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{ entry.data }}</pre>\n          </UCollapse>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Options\" :open=\"false\" :icon=\"IBraces\">\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedQuery.options\"\n            class=\"rounded bg-neutral-500/20 p-1 overflow-auto max-h-[1200px]\"\n            >{{ selectedQuery.options }}</pre\n          >\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        </div>\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","serializedHistoryEntries","value","error","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","channel","useDuplexChannel","isDataOpen","useLocalStorage","wasDataOpen","lastStatus","isErrorOpen","watch","state","_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","_hoisted_16","_hoisted_17","_hoisted_18","ISigmaSquare","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","IHistory","_hoisted_25","_renderList","_hoisted_26","IBraces","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_component_i_lucide_mouse_pointer_click","_hoisted_32"],"mappings":"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"}