adonisjs-server-stats 1.6.14 → 1.9.0

package/dist/vue/{index-qCQpBftQ.js → index-oLxS08vN.js}

@@ -1,4 +1,4 @@
-import { ref as v, reactive as oe, computed as m, onMounted as X, onUnmounted as te, defineComponent as se, openBlock as t, createElementBlock as o, normalizeStyle as pe, Fragment as W, createElementVNode as l, watch as ee, nextTick as ke, onBeforeUnmount as de, normalizeClass as z, toDisplayString as M, createCommentVNode as E, createBlock as V, Teleport as ye, withModifiers as we, unref as s, createVNode as ue, renderList as ae, defineAsyncComponent as $, createTextVNode as Te, provide as ne, Suspense as _e, withCtx as he, resolveDynamicComponent as Ce } from "vue";
+import { ref as v, reactive as oe, computed as m, onMounted as X, onUnmounted as te, defineComponent as se, openBlock as t, createElementBlock as o, normalizeStyle as pe, Fragment as W, createElementVNode as l, watch as ee, nextTick as ke, onBeforeUnmount as de, normalizeClass as z, toDisplayString as M, createCommentVNode as E, createBlock as V, Teleport as ye, withModifiers as we, unref as s, createVNode as ue, renderList as ae, defineAsyncComponent as $, createTextVNode as Te, provide as ne, Suspense as Ce, withCtx as he, resolveDynamicComponent as _e } from "vue";
 import { ServerStatsController as Ee, DEFAULT_FEATURES as Se, detectFeatures as xe, getTheme as ve, onThemeChange as $e, toggleTheme as Le, buildSparklineData as Be, computeStats as Me, formatStatNum as re, detectMetricGroupsFromStats as Pe, getVisibleMetricGroups as Ue, getMetricsByGroup as Re, TAB_ICONS as j, DebugDataController as fe, DashboardDataController as De, UnauthorizedError as je, subscribeToChannel as He } from "adonisjs-server-stats/core";
 function Ae(e = {}) {
   const {
@@ -7,18 +7,18 @@ function Ae(e = {}) {
     channelName: S = "admin/server-stats",
     authToken: i,
     pollInterval: f = 3e3
-  } = e, _ = v(null), k = oe({}), x = v(!1), P = v(!1), U = v(null), C = v(!1), h = v(!1), b = v(!1);
+  } = e, C = v(null), k = oe({}), x = v(!1), P = v(!1), U = v(null), _ = v(!1), h = v(!1), b = v(!1);
   let u = null;
-  const r = m(() => C.value ? "disconnected" : h.value ? "live" : b.value ? "polling" : "disconnected");
+  const r = m(() => _.value ? "disconnected" : h.value ? "live" : b.value ? "polling" : "disconnected");
   return X(() => {
-    C.value || (u = new Ee({
+    _.value || (u = new Ee({
       baseUrl: T,
       endpoint: a,
       channelName: S,
       authToken: i,
       pollInterval: f,
       onStatsUpdate: (p) => {
-        _.value = p;
+        C.value = p;
       },
       onConnectionChange: (p) => {
         x.value = p;
@@ -30,7 +30,7 @@ function Ae(e = {}) {
         U.value = p;
       },
       onUnauthorizedChange: (p) => {
-        C.value = p;
+        _.value = p;
       },
       onHistoryChange: (p) => {
         for (const y of Object.keys(p))
@@ -46,11 +46,11 @@ function Ae(e = {}) {
   }), te(() => {
     u?.stop(), u = null;
   }), {
-    stats: _,
+    stats: C,
     history: k,
     isConnected: x,
     isStale: P,
-    isUnauthorized: C,
+    isUnauthorized: _,
     error: U,
     connectionMode: r
   };
@@ -99,7 +99,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
         color: T.color
       })
     ), S = m(() => a.value !== null), i = m(() => `sg-${T.color.replace("#", "")}`);
-    return (f, _) => (t(), o("div", {
+    return (f, C) => (t(), o("div", {
       class: "ss-dash-sparkline",
       style: pe({ "--ss-accent": e.color })
     }, [
@@ -181,7 +181,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
   },
   emits: ["pin"],
   setup(e, { emit: T }) {
-    const a = e, S = T, i = v(!1), f = v(!1), _ = v(null), k = v(null), x = v(null), P = v({
+    const a = e, S = T, i = v(!1), f = v(!1), C = v(null), k = v(null), x = v(null), P = v({
       position: "absolute",
       bottom: "100%",
       left: "0",
@@ -189,10 +189,10 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
       zIndex: "180"
     });
     X(() => {
-      _.value && (x.value = _.value.closest(".ss-bar"));
+      C.value && (x.value = C.value.closest(".ss-bar"));
     });
     function U() {
-      const L = _.value, F = k.value, Z = x.value;
+      const L = C.value, F = k.value, Z = x.value;
       if (!L || !F || !Z) return;
       const K = L.getBoundingClientRect(), G = Z.getBoundingClientRect(), J = K.left - G.left + K.width / 2;
       P.value = {
@@ -212,19 +212,19 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
         });
       });
     }
-    const C = m(() => i.value || f.value);
-    ee(C, (L) => {
+    const _ = m(() => i.value || f.value);
+    ee(_, (L) => {
       L && ke(U);
     });
     let h = null;
     function b() {
-      C.value && U();
+      _.value && U();
     }
     function u() {
-      C.value && U();
+      _.value && U();
     }
     X(() => {
-      h = _.value?.closest(".ss-bar-scroll") ?? null, h?.addEventListener("scroll", b), window.addEventListener("resize", u);
+      h = C.value?.closest(".ss-bar-scroll") ?? null, h?.addEventListener("scroll", b), window.addEventListener("resize", u);
     }), de(() => {
       h?.removeEventListener("scroll", b), window.removeEventListener("resize", u);
     });
@@ -251,7 +251,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
     }
     function N(L) {
       const F = L.target;
-      _.value && !_.value.contains(F) && k.value && !k.value.contains(F) && (f.value = !1);
+      C.value && !C.value.contains(F) && k.value && !k.value.contains(F) && (f.value = !1);
     }
     function Q(L) {
       L.key === "Escape" && (f.value = !1);
@@ -264,7 +264,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
       y.value ? (t(), o("div", {
         key: 0,
         ref_key: "badgeRef",
-        ref: _,
+        ref: C,
         id: `ss-b-${e.metric.id}`,
         class: z(["ss-badge", { "ss-pinned": f.value }]),
         role: "button",
@@ -279,7 +279,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
           class: z(["ss-value", `ss-${p.value}`])
         }, M(r.value), 3)
       ], 42, Qe)) : E("", !0),
-      C.value && x.value ? (t(), V(ye, {
+      _.value && x.value ? (t(), V(ye, {
         key: 1,
         to: x.value
       }, [
@@ -350,7 +350,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
   },
   emits: ["openDebugPanel", "connectionChange"],
   setup(e, { emit: T }) {
-    const a = e, S = T, { stats: i, history: f, isStale: _, isUnauthorized: k, isConnected: x, connectionMode: P } = Ae({
+    const a = e, S = T, { stats: i, history: f, isStale: C, isUnauthorized: k, isConnected: x, connectionMode: P } = Ae({
       baseUrl: a.baseUrl,
       endpoint: a.endpoint,
       channelName: a.channelName,
@@ -364,7 +364,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
       baseUrl: a.baseUrl,
       debugEndpoint: a.debugEndpoint,
       authToken: a.authToken
-    }), { theme: C } = le(), h = v(!0), b = v(null);
+    }), { theme: _ } = le(), h = v(!0), b = v(null);
     X(() => {
       h.value = localStorage.getItem(be) !== "hidden";
       const g = b.value;
@@ -391,7 +391,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
     function y(g) {
       return g ? f[g] || [] : [];
     }
-    const R = m(() => i.value ? `${i.value.cpuPercent.toFixed(0)}%` : "..."), q = m(() => i.value ? i.value.memHeapUsed !== void 0 ? Math.round(i.value.memHeapUsed / (1024 * 1024)) + "M" : "-" : "..."), D = m(() => i.value ? i.value.redisOk ? "✓" : "✗" : "..."), c = m(() => C.value);
+    const R = m(() => i.value ? `${i.value.cpuPercent.toFixed(0)}%` : "..."), q = m(() => i.value ? i.value.memHeapUsed !== void 0 ? Math.round(i.value.memHeapUsed / (1024 * 1024)) + "M" : "-" : "..."), D = m(() => i.value ? i.value.redisOk ? "✓" : "✗" : "..."), c = m(() => _.value);
     return (g, O) => (t(), o(W, null, [
       s(k) ? E("", !0) : (t(), o("div", {
         key: 0,
@@ -421,7 +421,7 @@ const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze
             }, null, 8, rt))
           ], 2)) : E("", !0),
           l("div", {
-            class: z(["ss-dot", { "ss-stale": s(_) }])
+            class: z(["ss-dot", { "ss-stale": s(C) }])
           }, null, 2)
         ]),
         l("div", {
@@ -479,12 +479,12 @@ function gt(e, T = {}) {
     debugEndpoint: S = "/admin/api/debug",
     dashboardEndpoint: i,
     authToken: f,
-    refreshInterval: _
-  } = T, k = v(null), x = v(!1), P = v(null), U = v(!1), C = new fe({
+    refreshInterval: C
+  } = T, k = v(null), x = v(!1), P = v(null), U = v(!1), _ = new fe({
     baseUrl: a,
     endpoint: S,
     authToken: f,
-    refreshInterval: _,
+    refreshInterval: C,
     onData: (c) => {
       k.value = c;
     },
@@ -504,7 +504,7 @@ function gt(e, T = {}) {
       baseUrl: a,
       endpoint: i,
       authToken: f,
-      refreshInterval: _,
+      refreshInterval: C,
       onData: (c) => {
         k.value = c;
       },
@@ -524,15 +524,15 @@ function gt(e, T = {}) {
     if (c && !c.startsWith("custom-"))
       if (ge.has(c) && i) {
         const g = b();
-        C.stop(), g.start(c);
+        _.stop(), g.start(c);
       } else
-        h?.stop(), C.start(c);
+        h?.stop(), _.start(c);
   }
   function r() {
-    C.stop(), h?.stop();
+    _.stop(), h?.stop();
   }
   async function p(c, g = !1) {
-    await C.fetchCustomPane(c, g);
+    await _.fetchCustomPane(c, g);
   }
   function y() {
     u();
@@ -542,7 +542,7 @@ function gt(e, T = {}) {
   }
   function q() {
     const c = e();
-    ge.has(c) && i && h ? h.refresh() : C.refresh();
+    ge.has(c) && i && h ? h.refresh() : _.refresh();
   }
   function D() {
     k.value = null;
@@ -571,12 +571,12 @@ const pt = ["title", "aria-label"], mt = ["viewBox", "innerHTML"], kt = ["viewBo
     classPrefix: { default: "ss-dbg" }
   },
   setup(e) {
-    const T = e, { theme: a, toggleTheme: S } = le(), i = m(() => a.value === "dark"), f = m(() => i.value ? "Switch to light theme" : "Switch to dark theme"), _ = m(
+    const T = e, { theme: a, toggleTheme: S } = le(), i = m(() => a.value === "dark"), f = m(() => i.value ? "Switch to light theme" : "Switch to dark theme"), C = m(
       () => T.classPrefix === "ss-dbg" ? "ss-dbg-theme-toggle" : "ss-dash-theme-btn"
     );
     return (k, x) => (t(), o("button", {
       type: "button",
-      class: z(_.value),
+      class: z(C.value),
       title: f.value,
       "aria-label": f.value,
       onClick: x[0] || (x[0] = //@ts-ignore
@@ -607,7 +607,7 @@ const pt = ["title", "aria-label"], mt = ["viewBox", "innerHTML"], kt = ["viewBo
       }, null, 8, kt))
     ], 10, pt));
   }
-}), yt = ["data-ss-theme"], wt = { class: "ss-dbg-tabs" }, Tt = { class: "ss-dbg-tabs-scroll" }, _t = ["onClick"], Ct = ["viewBox", "innerHTML"], Et = { class: "ss-dbg-tabs-right" }, St = ["title"], xt = ["href"], $t = ["viewBox", "innerHTML"], Lt = { class: "ss-dbg-content" }, Bt = {
+}), yt = ["data-ss-theme"], wt = { class: "ss-dbg-tabs" }, Tt = { class: "ss-dbg-tabs-scroll" }, Ct = ["onClick"], _t = ["viewBox", "innerHTML"], Et = { class: "ss-dbg-tabs-right" }, St = ["title"], xt = ["href"], $t = ["viewBox", "innerHTML"], Lt = { class: "ss-dbg-content" }, Bt = {
   key: 0,
   class: "ss-dbg-empty"
 }, Mt = {
@@ -627,7 +627,7 @@ const pt = ["title", "aria-label"], mt = ["viewBox", "innerHTML"], kt = ["viewBo
     defaultOpen: { type: Boolean, default: !1 }
   },
   setup(e, { expose: T }) {
-    const a = $(() => import("./QueriesTab-C8_7oprC.js")), S = $(() => import("./EventsTab-DQ4Nd6AK.js")), i = $(() => import("./EmailsTab-DhFhoNmU.js")), f = $(() => import("./RoutesTab-Dz0MkZuF.js")), _ = $(() => import("./LogsTab-DpEQ7euu.js")), k = $(() => import("./TimelineTab-Db6lKKsD.js")), x = $(() => import("./CacheTab-BPisYYiQ.js")), P = $(() => import("./JobsTab-BCvhOARO.js")), U = $(() => import("./ConfigTab-C8cafGUj.js")), C = $(() => import("./InternalsTab-DEMjqtlw.js")), h = $(() => import("./CustomPaneTab-BJxT5Dp7.js")), b = e, u = v(b.defaultOpen), r = v("queries"), { theme: p } = le(), { features: y } = ce({
+    const a = $(() => import("./QueriesTab-C8_7oprC.js")), S = $(() => import("./EventsTab-BBM7olXF.js")), i = $(() => import("./EmailsTab-CNyEODVB.js")), f = $(() => import("./RoutesTab-Dz0MkZuF.js")), C = $(() => import("./LogsTab-Bg3o0Mm6.js")), k = $(() => import("./TimelineTab-Db6lKKsD.js")), x = $(() => import("./CacheTab-BPisYYiQ.js")), P = $(() => import("./JobsTab-WFnxPdN7.js")), U = $(() => import("./ConfigTab-C8cafGUj.js")), _ = $(() => import("./InternalsTab-DEMjqtlw.js")), h = $(() => import("./CustomPaneTab-BJxT5Dp7.js")), b = e, u = v(b.defaultOpen), r = v("queries"), { theme: p } = le(), { features: y } = ce({
       baseUrl: b.baseUrl,
       debugEndpoint: b.debugEndpoint,
       authToken: b.authToken
@@ -692,9 +692,9 @@ const pt = ["title", "aria-label"], mt = ["viewBox", "innerHTML"], kt = ["viewBo
               class: "ss-dbg-tab-icon",
               viewBox: s(j)[n.id].viewBox,
               innerHTML: s(j)[n.id].elements.join("")
-            }, null, 8, Ct)) : E("", !0),
+            }, null, 8, _t)) : E("", !0),
             Te(" " + M(n.label), 1)
-          ], 10, _t))), 128))
+          ], 10, Ct))), 128))
         ]),
         l("div", Et, [
           l("span", {
@@ -743,11 +743,13 @@ const pt = ["title", "aria-label"], mt = ["viewBox", "innerHTML"], kt = ["viewBo
           }, null, 8, ["data", "dashboard-path"])) : r.value === "emails" ? (t(), V(s(i), {
             key: 2,
             data: s(c),
-            "dashboard-path": e.dashboardPath
-          }, null, 8, ["data", "dashboard-path"])) : r.value === "routes" ? (t(), V(s(f), {
+            "dashboard-path": e.dashboardPath,
+            "debug-endpoint": e.debugEndpoint,
+            "auth-token": e.authToken
+          }, null, 8, ["data", "dashboard-path", "debug-endpoint", "auth-token"])) : r.value === "routes" ? (t(), V(s(f), {
             key: 3,
             data: s(c)
-          }, null, 8, ["data"])) : r.value === "logs" ? (t(), V(s(_), {
+          }, null, 8, ["data"])) : r.value === "logs" ? (t(), V(s(C), {
             key: 4,
             data: s(c),
             "dashboard-path": e.dashboardPath
@@ -767,7 +769,7 @@ const pt = ["title", "aria-label"], mt = ["viewBox", "innerHTML"], kt = ["viewBo
           }, null, 8, ["data"])) : r.value === "config" ? (t(), V(s(U), {
             key: 8,
             data: s(c)
-          }, null, 8, ["data"])) : r.value === "internals" ? (t(), V(s(C), {
+          }, null, 8, ["data"])) : r.value === "internals" ? (t(), V(s(_), {
             key: 9,
             data: s(c),
             "base-url": e.baseUrl,
@@ -790,8 +792,8 @@ function Pt(e, T = {}) {
     dashboardEndpoint: S = "/__stats/api",
     authToken: i,
     perPage: f = 50,
-    refreshKey: _
-  } = T, k = v(null), x = v(!1), P = v(null), U = v(!1), C = v("1h"), h = oe({
+    refreshKey: C
+  } = T, k = v(null), x = v(!1), P = v(null), U = v(!1), _ = v("1h"), h = oe({
     page: 1,
     perPage: f,
     total: 0,
@@ -882,7 +884,7 @@ function Pt(e, T = {}) {
     u.column === n && !d ? u.direction = u.direction === "asc" ? "desc" : "asc" : (u.column = n, u.direction = d || "desc"), A();
   }
   function L(n) {
-    C.value = n, A();
+    _.value = n, A();
   }
   async function F(n, d = "post", I) {
     return r.mutate(n, d, I);
@@ -911,7 +913,7 @@ function Pt(e, T = {}) {
       sort: u.column || void 0,
       sortDir: u.column ? u.direction : void 0,
       filters: Object.keys(d).length > 0 ? d : void 0,
-      timeRange: n.startsWith("overview") ? C.value : void 0
+      timeRange: n.startsWith("overview") ? _.value : void 0
     });
   }
   function A() {
@@ -922,7 +924,7 @@ function Pt(e, T = {}) {
     for (const n of Object.keys(b))
       n === "search" ? b.search = "" : delete b[n];
     u.column = "", k.value = null, r.setSection(e()), w();
-  }), _ && ee(_, () => {
+  }), C && ee(C, () => {
     w(), r.handleRefreshSignal();
   }), X(() => {
     w(), r.start();
@@ -936,7 +938,7 @@ function Pt(e, T = {}) {
     pagination: h,
     filter: b,
     sort: u,
-    timeRange: C,
+    timeRange: _,
     goToPage: H,
     setSearch: Y,
     setFilter: N,
@@ -971,7 +973,7 @@ const Ut = ["data-theme"], Rt = { class: "ss-dash-header" }, Dt = { class: "ss-d
     channelName: { default: "server-stats/dashboard" }
   },
   setup(e) {
-    const T = $(() => import("./OverviewSection-CbMdAido.js")), a = $(() => import("./RequestsSection-LtImH4rD.js")), S = $(() => import("./QueriesSection-BPiv7u3r.js")), i = $(() => import("./EventsSection-C4wXUgxG.js")), f = $(() => import("./RoutesSection-CrxOxmzx.js")), _ = $(() => import("./LogsSection-BFVjSZ24.js")), k = $(() => import("./EmailsSection-C8JFMtW7.js")), x = $(() => import("./TimelineSection-DLxMW2J_.js")), P = $(() => import("./CacheSection-C788Yfai.js")), U = $(() => import("./JobsSection-CsKWTjgN.js")), C = $(() => import("./ConfigSection-CRzYxqW2.js")), h = $(() => import("./InternalsSection-BJUXE-5F.js")), b = [
+    const T = $(() => import("./OverviewSection-CHgaKtUR.js")), a = $(() => import("./RequestsSection-B-uSlM0f.js")), S = $(() => import("./QueriesSection-BnHRD98z.js")), i = $(() => import("./EventsSection-BNMCAim1.js")), f = $(() => import("./RoutesSection-BrceOcKQ.js")), C = $(() => import("./LogsSection-CvOnTxUu.js")), k = $(() => import("./EmailsSection-DgKl9xGT.js")), x = $(() => import("./TimelineSection-CfvnA2Oo.js")), P = $(() => import("./CacheSection-Cx-hj09X.js")), U = $(() => import("./JobsSection-CCMgMlxd.js")), _ = $(() => import("./ConfigSection-CMXyryf6.js")), h = $(() => import("./InternalsSection-BJUXE-5F.js")), b = [
       "overview",
       "requests",
       "queries",
@@ -1072,12 +1074,12 @@ const Ut = ["data-theme"], Rt = { class: "ss-dash-header" }, Dt = { class: "ss-d
       queries: S,
       events: i,
       routes: f,
-      logs: _,
+      logs: C,
       emails: k,
       timeline: x,
       cache: P,
       jobs: U,
-      config: C,
+      config: _,
       internals: h
     }, A = m(() => w[R.value] || null);
     function n(d) {
@@ -1204,12 +1206,12 @@ const Ut = ["data-theme"], Rt = { class: "ss-dash-header" }, Dt = { class: "ss-d
             id: `ss-dash-pane-${R.value}`
           }, [
             l("div", es, [
-              (t(), V(_e, null, {
+              (t(), V(Ce, null, {
                 fallback: he(() => [...I[1] || (I[1] = [
                   l("div", { class: "ss-dash-empty" }, "Loading...", -1)
                 ])]),
                 default: he(() => [
-                  A.value ? (t(), V(Ce(A.value), { key: 0 })) : (t(), o("div", ts, "Unknown section"))
+                  A.value ? (t(), V(_e(A.value), { key: 0 })) : (t(), o("div", ts, "Unknown section"))
                 ]),
                 _: 1
               }))

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { a as s, b as r, c as u, u as t, d as D, e as b, f as g, g as o } from "./index-qCQpBftQ.js";
+import { a as s, b as r, c as u, u as t, d as D, e as b, f as g, g as o } from "./index-oLxS08vN.js";
 export {
   s as DashboardPage,
   r as DebugPanel,