@pinia/colada-devtools 0.0.1

package/dist-panel/_queryId_-hQFnZzX2.js

@@ -0,0 +1,614 @@
+import { _ as O } from "./mouse-pointer-click-C8Q9Aulw.js";
+import { m, c as l, o as n, a as e, d as j, Q as A, l as U, p as F, R as Q, C as M, P as v, g as w, h as b, S as W, t as u, _ as Y, T as G, M as P, b as X, U as Z, V as J, y as I, z as K, F as q, k as r, w as d, i as a, W as B, X as ee, j as te } from "./index-DfIXa7Jb.js";
+import { _ as oe, a as se } from "./loader-B7hpsxwv.js";
+const ne = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function le(i, s) {
+  return n(), l("svg", ne, s[0] || (s[0] = [
+    e("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M3 6h18m-2 0v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6m3 0V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"
+    }, null, -1)
+  ]));
+}
+const ie = m({ name: "lucide-trash", render: le }), ae = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function re(i, s) {
+  return n(), l("svg", ae, s[0] || (s[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+      e("path", { d: "M3 3v5h5" })
+    ], -1)
+  ]));
+}
+const de = m({ name: "lucide-rotate-ccw", render: re }), ue = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ce(i, s) {
+  return n(), l("svg", ue, s[0] || (s[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "M10 2h4m-2 12v-4m-8 3a8 8 0 0 1 8-7a8 8 0 1 1-5.3 14L4 17.6" }),
+      e("path", { d: "M9 17H4v5" })
+    ], -1)
+  ]));
+}
+const pe = m({ name: "lucide-timer-reset", render: ce }), ve = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function me(i, s) {
+  return n(), l("svg", ve, s[0] || (s[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+      e("path", { d: "M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+      e("path", { d: "M8 16H3v5" })
+    ], -1)
+  ]));
+}
+const he = m({ name: "lucide-refresh-cw", render: me }), fe = { class: "collapse collapse-arrow" }, _e = { class: "collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral" }, ge = { class: "font-semibold text-sm flex gap-x-1 items-center" }, ke = /* @__PURE__ */ j({
+  __name: "UCollapse.ce",
+  props: /* @__PURE__ */ A({
+    title: { type: String },
+    icon: { type: null }
+  }, {
+    open: { type: Boolean, default: !0 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(i) {
+    const s = U(i, "open");
+    function _(o) {
+      if (o.target instanceof HTMLElement) {
+        const h = {
+          block: "nearest",
+          inline: "nearest",
+          behavior: "smooth"
+        };
+        o.target.scrollIntoView(h);
+      }
+    }
+    return (o, h) => (n(), l("div", fe, [
+      F(e("input", {
+        "onUpdate:modelValue": h[0] || (h[0] = (C) => s.value = C),
+        type: "checkbox"
+      }, null, 512), [
+        [Q, s.value]
+      ]),
+      e("div", _e, [
+        M(o.$slots, "title", {
+          open: s.value,
+          title: o.title
+        }, () => [
+          e("h3", ge, [
+            M(o.$slots, "icon", {}, () => [
+              o.icon ? (n(), w(W(o.icon), {
+                key: 0,
+                class: "size-4"
+              })) : b("", !0)
+            ], !0),
+            v(" " + u(o.title ?? "Group"), 1)
+          ])
+        ], !0)
+      ]),
+      e("div", {
+        class: "collapse-content px-2 text-sm overflow-hidden",
+        onTransitionend: _
+      }, [
+        M(o.$slots, "default", { open: s.value }, void 0, !0)
+      ], 32)
+    ]));
+  }
+}), ye = '.collapse[data-v-a5be0055]:not(td,tr,colgroup){visibility:visible}.collapse[data-v-a5be0055]{position:relative;display:grid;overflow:hidden;width:100%;grid-template-rows:max-content 0fr;transition:grid-template-rows .2s;isolation:isolate}.collapse>input[data-v-a5be0055]:is([type=checkbox],[type=radio]){grid-column-start:1;grid-row-start:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.collapse[data-v-a5be0055]:is([open],:focus),.collapse[data-v-a5be0055]:has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],:focus)>.collapse-content[data-v-a5be0055],.collapse[data-v-a5be0055]:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}.collapse[data-v-a5be0055]:focus-visible,.collapse[data-v-a5be0055]:has(>input:is([type=checkbox],[type=radio]):focus-visible){outline-color:var(--ui-text);outline-style:solid;outline-width:2px;outline-offset:2px}.collapse:not(.collapse-close)>input[type=checkbox][data-v-a5be0055],.collapse:not(.collapse-close)>input[type=radio][data-v-a5be0055]:not(:checked),.collapse:not(.collapse-close)>.collapse-title[data-v-a5be0055]{cursor:pointer}.collapse:focus:not(.collapse-close,.collapse[open])>.collapse-title[data-v-a5be0055]{cursor:unset}.collapse:is([open]).collapse-arrow>.collapse-title[data-v-a5be0055]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow:focus>.collapse-title[data-v-a5be0055]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow>input:is([type=checkbox],[type=radio]):checked~.collapse-title[data-v-a5be0055]:after{transform:translateY(-50%) rotate(225deg)}.collapse>input[data-v-a5be0055]:is([type=checkbox],[type=radio]){z-index:1;width:100%}.collapse-title[data-v-a5be0055],.collapse-content[data-v-a5be0055]{grid-column-start:1;grid-row-start:1}.collapse-content[data-v-a5be0055]{visibility:hidden;grid-column-start:1;grid-row-start:2;min-height:0;cursor:unset;transition:visibility .2s}.collapse-arrow>.collapse-title[data-v-a5be0055]:after{position:absolute;display:block;height:.5rem;width:.5rem;transform:translateY(-100%) rotate(45deg);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;top:50%;right:.8em;inset-inline-end:.75rem;content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.collapse-title[data-v-a5be0055]{position:relative;width:100%;transition:background-color .2s ease-out}', xe = /* @__PURE__ */ Y(ke, [["styles", [ye]], ["__scopeId", "data-v-a5be0055"]]);
+function we(i) {
+  if (i < 1e3)
+    return `${Math.round(i)} ms`;
+  const s = i / 1e3;
+  if (i < 1e4)
+    return `${s.toFixed(3)} seconds`;
+  if (i < 6e4)
+    return `${Math.floor(s)} seconds`;
+  const _ = Math.floor(s / 60);
+  return i < 36e5 ? `${_} minute${_ > 1 ? "s" : ""}` : `${Math.floor(_ / 60)}h${_ % 60}m${s % 60}s`;
+}
+const be = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function $e(i, s) {
+  return n(), l("svg", be, s[0] || (s[0] = [
+    e("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"
+    }, null, -1)
+  ]));
+}
+const Ce = m({ name: "lucide-wrench", render: $e }), Me = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function qe(i, s) {
+  return n(), l("svg", Me, s[0] || (s[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("circle", {
+        cx: "12",
+        cy: "12",
+        r: "10"
+      }),
+      e("path", { d: "M12 16v-4m0-4h.01" })
+    ], -1)
+  ]));
+}
+const Be = m({ name: "lucide-info", render: qe }), Te = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Se(i, s) {
+  return n(), l("svg", Te, s[0] || (s[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+      e("path", { d: "M14 2v4a2 2 0 0 0 2 2h4M10 9H8m8 4H8m8 4H8" })
+    ], -1)
+  ]));
+}
+const ze = m({ name: "lucide-file-text", render: Se }), He = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ie(i, s) {
+  return n(), l("svg", He, s[0] || (s[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("circle", {
+        cx: "12",
+        cy: "12",
+        r: "10"
+      }),
+      e("path", { d: "m15 9l-6 6m0-6l6 6" })
+    ], -1)
+  ]));
+}
+const je = m({ name: "lucide-circle-x", render: Ie }), De = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ve(i, s) {
+  return n(), l("svg", De, s[0] || (s[0] = [
+    e("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"
+    }, null, -1)
+  ]));
+}
+const Re = m({ name: "lucide-braces", render: Ve }), Ee = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Le(i, s) {
+  return n(), l("svg", Ee, s[0] || (s[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+      e("path", { d: "M3 3v5h5m4-1v5l4 2" })
+    ], -1)
+  ]));
+}
+const Ne = m({ name: "lucide-history", render: Le }), Oe = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ae(i, s) {
+  return n(), l("svg", Oe, s[0] || (s[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("rect", {
+        width: "18",
+        height: "18",
+        x: "3",
+        y: "3",
+        rx: "2"
+      }),
+      e("path", { d: "M16 8.9V7H8l4 5l-4 5h8v-1.9" })
+    ], -1)
+  ]));
+}
+const Ue = m({ name: "lucide-sigma-square", render: Ae }), Fe = { class: "flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)" }, Qe = { class: "py-1 text-sm" }, We = { class: "grid grid-cols-[auto_1fr] gap-1" }, Ye = { class: "rounded bg-neutral-500/20 p-0.5" }, Ge = {
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When was the query entry last updated"
+}, Pe = { class: "font-bold" }, Xe = {
+  key: 0,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When was the last time the query was fetched"
+}, Ze = { class: "font-bold" }, Je = {
+  key: 1,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "How long did the last query take to fetch"
+}, Ke = { class: "font-bold" }, et = {
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "How many components and effects are using this query"
+}, tt = { class: "font-bold" }, ot = {
+  key: 2,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When is this query entry garbace collected"
+}, st = { class: "font-bold" }, nt = { class: "py-2 gap-2 flex flex-wrap items-center justify-items-start" }, lt = { class: "py-1" }, it = {
+  key: 0,
+  class: "rounded p-1 overflow-auto max-h-[1200px]"
+}, at = {
+  key: 1,
+  class: "text-neutral-500/50"
+}, rt = { class: "py-1" }, dt = {
+  key: 0,
+  class: "rounded p-1 overflow-auto max-h-[1200px]"
+}, ut = {
+  key: 1,
+  class: "text-neutral-500/50"
+}, ct = { class: "py-1" }, pt = { class: "grid grid-cols-[auto_1fr] gap-1" }, vt = { class: "font-bold" }, mt = { class: "font-bold" }, ht = { class: "font-bold" }, ft = { class: "font-bold" }, _t = { class: "py-1" }, gt = { class: "rounded p-1 overflow-auto max-h-[1200px]" }, kt = { class: "py-1" }, yt = {
+  key: 0,
+  class: "rounded bg-neutral-500/20 p-1 overflow-auto max-h-[1200px]"
+}, xt = { key: 1 }, wt = {
+  key: 1,
+  class: "py-6 mx-auto"
+}, bt = { class: "flex flex-col text-center items-center gap-2 text-lg px-2" }, qt = /* @__PURE__ */ j({
+  __name: "[queryId]",
+  setup(i) {
+    const s = G(), _ = P(), o = X(() => _.value.find((c) => c.id === s.params.queryId) ?? null), h = {
+      showSecond: !0,
+      rounding: "floor",
+      max: 1e3 * 60 * 5
+      // 5 minutes
+    }, C = Z(() => {
+      var c;
+      return ((c = o.value) == null ? void 0 : c.devtools.updatedAt) ?? 0;
+    }, {
+      ...h,
+      updateInterval: 3e3
+    }), k = J(), x = I(!1);
+    let T = x.value, S = null;
+    const $ = I(!1);
+    return K(
+      () => {
+        var c;
+        return (c = o.value) == null ? void 0 : c.state;
+      },
+      (c) => {
+        !c || S === c.status || (S = c.status, c.status === "error" ? ($.value = !0, T = x.value, x.value = !1) : c.status === "success" && (x.value = T, $.value = !1));
+      }
+    ), (c, t) => {
+      const g = xe, D = he, y = ee, V = pe, z = oe, R = se, E = de, L = ie, N = O;
+      return n(), l("div", Fe, [
+        o.value ? (n(), l(q, { key: 0 }, [
+          r(g, {
+            title: "Details",
+            icon: a(Be)
+          }, {
+            default: d(() => {
+              var p, f, H;
+              return [
+                e("div", Qe, [
+                  e("p", We, [
+                    t[9] || (t[9] = e("span", null, "key:", -1)),
+                    e("span", null, [
+                      e("code", Ye, u(o.value.key), 1)
+                    ])
+                  ]),
+                  e("p", Ge, [
+                    t[10] || (t[10] = e("span", null, "Last update:", -1)),
+                    e("span", Pe, u(a(C)), 1)
+                  ]),
+                  (p = o.value.devtools.history.at(0)) != null && p.fetchTime ? (n(), l("p", Xe, [
+                    t[11] || (t[11] = e("span", null, "Last fetch:", -1)),
+                    e("span", Ze, u(a(B)(new Date(o.value.devtools.history.at(0).fetchTime.start), {
+                      ...h,
+                      max: void 0
+                    })), 1)
+                  ])) : b("", !0),
+                  (H = (f = o.value.devtools.history.at(0)) == null ? void 0 : f.fetchTime) != null && H.end ? (n(), l("p", Je, [
+                    t[12] || (t[12] = e("span", null, "Fetch duration:", -1)),
+                    e("span", Ke, u(a(we)(
+                      o.value.devtools.history.at(0).fetchTime.end - o.value.devtools.history.at(0).fetchTime.start
+                    )), 1)
+                  ])) : b("", !0),
+                  e("p", et, [
+                    e("span", null, [
+                      t[13] || (t[13] = v("Observers: ")),
+                      e("span", tt, u(o.value.deps.length), 1)
+                    ])
+                  ]),
+                  !o.value.active && o.value.options ? (n(), l("p", ot, [
+                    typeof o.value.options.gcTime == "number" && Number.isFinite(o.value.options.gcTime) ? (n(), l(q, { key: 0 }, [
+                      t[14] || (t[14] = e("span", null, [
+                        v("Will be "),
+                        e("i", null, "gced")
+                      ], -1)),
+                      e("span", st, u(a(B)(
+                        new Date(o.value.devtools.inactiveAt + o.value.options.gcTime),
+                        {
+                          ...h,
+                          max: void 0
+                        }
+                      )), 1)
+                    ], 64)) : b("", !0)
+                  ])) : b("", !0)
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["icon"]),
+          r(g, {
+            title: "Actions",
+            icon: a(Ce)
+          }, {
+            default: d(() => {
+              var p;
+              return [
+                e("div", nt, [
+                  r(y, {
+                    class: "theme-info",
+                    size: "sm",
+                    title: "Refetch this query",
+                    disabled: ((p = o.value.options) == null ? void 0 : p.enabled) === !1,
+                    onClick: t[0] || (t[0] = (f) => a(k).emit("queries:refetch", o.value.key))
+                  }, {
+                    default: d(() => [
+                      r(D, { class: "size-3.5" }),
+                      t[15] || (t[15] = v(" Refetch "))
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"]),
+                  r(y, {
+                    class: "theme-neutral",
+                    size: "sm",
+                    title: "Invalidate this query",
+                    onClick: t[1] || (t[1] = (f) => a(k).emit("queries:invalidate", o.value.key))
+                  }, {
+                    default: d(() => [
+                      r(V),
+                      t[16] || (t[16] = v(" Invalidate "))
+                    ]),
+                    _: 1
+                  }),
+                  o.value.devtools.simulate !== "loading" ? (n(), w(y, {
+                    key: 0,
+                    class: "theme-purple",
+                    size: "sm",
+                    title: "Restore the previous state",
+                    onClick: t[2] || (t[2] = (f) => a(k).emit("queries:simulate:loading", o.value.key))
+                  }, {
+                    default: d(() => [
+                      r(z),
+                      t[17] || (t[17] = v(" Simulate loading "))
+                    ]),
+                    _: 1
+                  })) : (n(), w(y, {
+                    key: 1,
+                    class: "theme-purple",
+                    size: "sm",
+                    title: "Simulate a loading state",
+                    onClick: t[3] || (t[3] = (f) => a(k).emit("queries:simulate:loading:stop", o.value.key))
+                  }, {
+                    default: d(() => [
+                      r(z, { class: "animate-spin" }),
+                      t[18] || (t[18] = v(" Stop loading "))
+                    ]),
+                    _: 1
+                  })),
+                  o.value.devtools.simulate !== "error" ? (n(), w(y, {
+                    key: 2,
+                    class: "theme-error",
+                    size: "sm",
+                    title: "Simulate an Error state",
+                    onClick: t[4] || (t[4] = (f) => a(k).emit("queries:simulate:error", o.value.key))
+                  }, {
+                    default: d(() => [
+                      r(R),
+                      t[19] || (t[19] = v(" Simulate error "))
+                    ]),
+                    _: 1
+                  })) : (n(), w(y, {
+                    key: 3,
+                    class: "theme-error",
+                    size: "sm",
+                    title: "Restore the previous state",
+                    onClick: t[5] || (t[5] = (f) => a(k).emit("queries:simulate:error:stop", o.value.key))
+                  }, {
+                    default: d(() => [
+                      r(E),
+                      t[20] || (t[20] = v(" Remove error "))
+                    ]),
+                    _: 1
+                  })),
+                  r(y, {
+                    class: "theme-warning",
+                    size: "sm",
+                    title: "Reset this query to its initial (pending) state",
+                    onClick: t[6] || (t[6] = (f) => a(k).emit("queries:reset", o.value.key))
+                  }, {
+                    default: d(() => [
+                      r(L),
+                      t[21] || (t[21] = v(" Reset "))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["icon"]),
+          r(g, {
+            open: x.value,
+            "onUpdate:open": t[7] || (t[7] = (p) => x.value = p),
+            title: "Data",
+            icon: a(ze)
+          }, {
+            default: d(() => [
+              e("div", lt, [
+                o.value.state.data !== void 0 ? (n(), l("pre", it, u(o.value.state.data), 1)) : (n(), l("p", at, " No data "))
+              ])
+            ]),
+            _: 1
+          }, 8, ["open", "icon"]),
+          r(g, {
+            open: $.value,
+            "onUpdate:open": t[8] || (t[8] = (p) => $.value = p),
+            title: `Error${o.value.state.status === "error" ? " (!)" : ""}`,
+            icon: a(je)
+          }, {
+            default: d(() => [
+              e("div", rt, [
+                o.value.state.error ? (n(), l("pre", dt, u(o.value.state.error), 1)) : (n(), l("p", ut, " No error "))
+              ])
+            ]),
+            _: 1
+          }, 8, ["open", "title", "icon"]),
+          r(g, {
+            title: "Call count",
+            icon: a(Ue),
+            open: !1
+          }, {
+            default: d(() => [
+              e("div", ct, [
+                e("p", pt, [
+                  t[22] || (t[22] = e("span", null, "Calls:", -1)),
+                  e("span", null, [
+                    e("code", vt, u(o.value.devtools.count.total), 1)
+                  ]),
+                  t[23] || (t[23] = e("span", null, "Success:", -1)),
+                  e("span", null, [
+                    e("code", mt, u(o.value.devtools.count.succeed), 1)
+                  ]),
+                  t[24] || (t[24] = e("span", null, "Errors:", -1)),
+                  e("span", null, [
+                    e("code", ht, u(o.value.devtools.count.errored), 1)
+                  ]),
+                  t[25] || (t[25] = e("span", null, "Cancelled:", -1)),
+                  e("span", null, [
+                    e("code", ft, u(o.value.devtools.count.cancelled), 1)
+                  ])
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          r(g, {
+            title: `History (${o.value.devtools.history.length})`,
+            icon: a(Ne),
+            open: !1
+          }, {
+            default: d(() => [
+              e("div", _t, [
+                (n(!0), l(q, null, te(o.value.devtools.history, (p) => (n(), w(g, {
+                  key: p.updatedAt,
+                  title: `Entry nº${p.id} (${a(B)(new Date(p.updatedAt), h)})`,
+                  open: !1
+                }, {
+                  default: d(() => [
+                    e("pre", gt, u(p), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["title"]))), 128))
+              ])
+            ]),
+            _: 1
+          }, 8, ["title", "icon"]),
+          r(g, {
+            title: "Options",
+            open: !1,
+            icon: a(Re)
+          }, {
+            default: d(() => [
+              e("div", kt, [
+                o.value.options ? (n(), l("pre", yt, u(o.value.options), 1)) : (n(), l("p", xt, t[26] || (t[26] = [
+                  v(" This Query entry has no options. It might have been created from the server or manually set with "),
+                  e("code", null, "queryCache.setQueryData()", -1),
+                  v(" for prefetching. ")
+                ])))
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"])
+        ], 64)) : (n(), l("div", wt, [
+          e("p", bt, [
+            t[27] || (t[27] = v(" Select a Query to inspect ")),
+            r(N)
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  qt as default
+};
+//# sourceMappingURL=_queryId_-hQFnZzX2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_queryId_-hQFnZzX2.js","sources":["../src/panel/components/UCollapse.ce.vue","../src/panel/utils/time.ts","../src/panel/pages/queries/[queryId].vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component } from 'vue'\n\ndefineProps<{\n  title?: string\n  icon?: Component\n}>()\n\nconst open = defineModel<boolean>('open', {\n  default: true,\n})\n\nfunction scrollIfNeeded(event: TransitionEvent) {\n  if (event.target instanceof HTMLElement) {\n    const scrollOptions: ScrollIntoViewOptions = {\n      block: 'nearest',\n      inline: 'nearest',\n      behavior: 'smooth',\n    }\n    event.target.scrollIntoView(scrollOptions)\n  }\n}\n</script>\n\n<template>\n  <div class=\"collapse collapse-arrow\">\n    <input v-model=\"open\" type=\"checkbox\">\n    <div class=\"collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral\">\n      <slot name=\"title\" :open :title>\n        <h3 class=\"font-semibold text-sm flex gap-x-1 items-center\">\n          <slot name=\"icon\">\n            <component :is=\"icon\" v-if=\"icon\" class=\"size-4\" />\n          </slot>\n          {{ title ?? 'Group' }}\n        </h3>\n      </slot>\n    </div>\n    <div class=\"collapse-content px-2 text-sm overflow-hidden\" @transitionend=\"scrollIfNeeded\">\n      <slot :open />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.collapse:not(td, tr, colgroup) {\n  visibility: visible;\n}\n\n.collapse {\n  position: relative;\n  display: grid;\n  overflow: hidden;\n  width: 100%;\n  grid-template-rows: max-content 0fr;\n  transition: grid-template-rows 0.2s;\n  isolation: isolate;\n\n  > input:is([type='checkbox'], [type='radio']) {\n    grid-column-start: 1;\n    grid-row-start: 1;\n    appearance: none;\n    opacity: 0;\n  }\n\n  &:is([open], :focus),\n  &:has(> input:is([type='checkbox'], [type='radio']):checked) {\n    grid-template-rows: max-content 1fr;\n  }\n\n  &:is([open], :focus) > .collapse-content,\n  &:not(.collapse-close)\n    > :where(input:is([type='checkbox'], [type='radio']):checked ~ .collapse-content) {\n    visibility: visible;\n    min-height: fit-content;\n  }\n  &:focus-visible,\n  &:has(> input:is([type='checkbox'], [type='radio']):focus-visible) {\n    outline-color: var(--ui-text);\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n  }\n\n  &:not(.collapse-close) {\n    > input[type='checkbox'],\n    > input[type='radio']:not(:checked),\n    > .collapse-title {\n      cursor: pointer;\n    }\n  }\n\n  &:focus:not(.collapse-close, .collapse[open]) > .collapse-title {\n    cursor: unset;\n  }\n\n  &:is([open]) {\n    &.collapse-arrow {\n      > .collapse-title:after {\n        transform: translateY(-50%) rotate(225deg);\n      }\n    }\n  }\n\n  &.collapse-arrow:focus {\n    > .collapse-title:after {\n      transform: translateY(-50%) rotate(225deg);\n    }\n  }\n\n  &.collapse-arrow {\n    > input:is([type='checkbox'], [type='radio']):checked ~ .collapse-title:after {\n      transform: translateY(-50%) rotate(225deg);\n    }\n  }\n\n  > input:is([type='checkbox'], [type='radio']) {\n    z-index: 1;\n    width: 100%;\n  }\n}\n\n.collapse-title,\n.collapse-content {\n  grid-column-start: 1;\n  grid-row-start: 1;\n}\n\n.collapse-content {\n  visibility: hidden;\n  grid-column-start: 1;\n  grid-row-start: 2;\n  min-height: 0;\n  cursor: unset;\n  transition: visibility 0.2s;\n}\n\n.collapse-arrow {\n  > .collapse-title:after {\n    position: absolute;\n    display: block;\n    height: 0.5rem;\n    width: 0.5rem;\n    transform: translateY(-100%) rotate(45deg);\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 0.2s;\n    top: 50%;\n    right: 0.8em;\n    inset-inline-end: 0.75rem;\n    content: '';\n    transform-origin: 75% 75%;\n    box-shadow: 2px 2px;\n    pointer-events: none;\n  }\n}\n\n.collapse-title {\n  position: relative;\n  width: 100%;\n  transition: background-color 0.2s ease-out;\n}\n</style>\n","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, ref, 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 } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute('/queries/[queryId]')\nconst queries = useQueryEntries()\n\nconst selectedQuery = computed<UseQueryEntryPayload | null>(() => {\n  return queries.value.find((entry) => entry.id === route.params.queryId) ?? null\n})\n\nconst TIME_AGO_OPTIONS: FormatTimeAgoOptions = {\n  showSecond: true,\n  rounding: 'floor',\n  max: 1000 * 60 * 5, // 5 minutes\n}\n\nconst lastUpdate = useTimeAgo(() => selectedQuery.value?.devtools.updatedAt ?? 0, {\n  ...TIME_AGO_OPTIONS,\n  updateInterval: 3_000,\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 = ref(false)\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = ref(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>Observers: <span class=\"font-bold\">{{ selectedQuery.deps.length }}</span></span>\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 v-model:open=\"isDataOpen\" title=\"Data\" :icon=\"IFileText\">\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedQuery.state.data !== undefined\"\n            class=\"rounded p-1 overflow-auto max-h-[1200px]\"\n          >{{ selectedQuery.state.data }}</pre>\n          <p v-else class=\"text-neutral-500/50\">\n            No data\n          </p>\n        </div>\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\">\n            No error\n          </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          >\n            <pre class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{ entry }}</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          <p v-else>\n            This Query entry has no options. It might have been created from the server or manually 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      </div>\n    </template>\n  </div>\n</template>\n"],"names":["open","_useModel","__props","scrollIfNeeded","event","scrollOptions","formatDuration","timeInMs","seconds","minutes","route","useRoute","queries","useQueryEntries","selectedQuery","computed","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","_a","channel","useDuplexChannel","isDataOpen","ref","wasDataOpen","lastStatus","isErrorOpen","watch","state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQM,UAAAA,IAAOC,EAAqBC,GAAA,MAEjC;AAED,aAASC,EAAeC,GAAwB;AAC1C,UAAAA,EAAM,kBAAkB,aAAa;AACvC,cAAMC,IAAuC;AAAA,UAC3C,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,QACZ;AACM,QAAAD,EAAA,OAAO,eAAeC,CAAa;AAAA,MAAA;AAAA,IAC3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpBK,SAASC,GAAeC,GAA0B;AACvD,MAAIA,IAAW;AACb,WAAO,GAAG,KAAK,MAAMA,CAAQ,CAAC;AAGhC,QAAMC,IAAUD,IAAW;AAC3B,MAAIA,IAAW;AACb,WAAO,GAAGC,EAAQ,QAAQ,CAAC,CAAC;AAG9B,MAAID,IAAW;AACb,WAAO,GAAG,KAAK,MAAMC,CAAO,CAAC;AAG/B,QAAMC,IAAU,KAAK,MAAMD,IAAU,EAAE;AAEvC,SAAID,IAAW,OACN,GAAGE,CAAO,UAAUA,IAAU,IAAI,MAAM,EAAE,KAK5C,GAFO,KAAK,MAAMA,IAAU,EAAE,CAEtB,IAAIA,IAAU,EAAE,IAAID,IAAU,EAAE;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLM,UAAAE,IAAQC,EAA6B,GACrCC,IAAUC,EAAgB,GAE1BC,IAAgBC,EAAsC,MACnDH,EAAQ,MAAM,KAAK,CAACI,MAAUA,EAAM,OAAON,EAAM,OAAO,OAAO,KAAK,IAC5E,GAEKO,IAAyC;AAAA,MAC7C,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,KAAK,MAAO,KAAK;AAAA;AAAA,IACnB,GAEMC,IAAaC,EAAW,MAAM;;AAAA,eAAAC,IAAAN,EAAc,UAAd,gBAAAM,EAAqB,SAAS,cAAa;AAAA,OAAG;AAAA,MAChF,GAAGH;AAAA,MACH,gBAAgB;AAAA,IAAA,CACjB,GAoBKI,IAAUC,EAAiB,GAE3BC,IAAaC,EAAI,EAAK;AAC5B,QAAIC,IAAcF,EAAW,OACzBG,IAAqC;AACnC,UAAAC,IAAcH,EAAI,EAAK;AAC7B,WAAAI;AAAA,MACE,MAAM;;AAAA,gBAAAR,IAAAN,EAAc,UAAd,gBAAAM,EAAqB;AAAA;AAAA,MAC3B,CAACS,MAAU;AACT,QAAI,CAACA,KAASH,MAAeG,EAAM,WACnCH,IAAaG,EAAM,QACfA,EAAM,WAAW,WACnBF,EAAY,QAAQ,IAEpBF,IAAcF,EAAW,OACzBA,EAAW,QAAQ,MACVM,EAAM,WAAW,cAC1BN,EAAW,QAAQE,GACnBE,EAAY,QAAQ;AAAA,MACtB;AAAA,IAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-panel/index-B2dJ1q6y.js

@@ -0,0 +1,10 @@
+import { _ as e, c, o as n } from "./index-DfIXa7Jb.js";
+const o = {};
+function r(t, a) {
+  return n(), c("h1", null, "Homepage");
+}
+const _ = /* @__PURE__ */ e(o, [["render", r]]);
+export {
+  _ as default
+};
+//# sourceMappingURL=index-B2dJ1q6y.js.map

package/dist-panel/index-B2dJ1q6y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B2dJ1q6y.js","sources":["../src/panel/pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <h1>Homepage</h1>\n</template>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;AAGE,SAAAA,EAAA,GAAAC,EAAiB,YAAb,UAAQ;;;"}