adonisjs-server-stats 1.8.0 → 1.10.0

package/dist/vue/RequestsSection-BPuMdmMc.js

@@ -0,0 +1,401 @@
+import { defineComponent as I, computed as x, openBlock as l, createElementBlock as o, normalizeClass as p, createElementVNode as s, Fragment as f, renderList as B, normalizeStyle as U, toDisplayString as d, createTextVNode as k, createCommentVNode as v, inject as L, ref as m, watch as es, nextTick as as, onUnmounted as ls, createVNode as j, createBlock as G, unref as r } from "vue";
+import { initSplitPane as ns, formatTime as os, timeAgo as is, normalizeTraceFields as ds, durationSeverity as rs } from "adonisjs-server-stats/core";
+import { u as us } from "./useApiClient-BQQ9CF-q.js";
+import { u as cs } from "./index-Dtgysd26.js";
+import { u as hs } from "./useResizableTable-BoivAevK.js";
+import { _ as ms } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
+import { _ as vs } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
+import { _ as ps } from "./RelatedLogs.vue_vue_type_script_setup_true_lang-CB2_TzYW.js";
+const fs = {
+  key: 0,
+  class: "ss-dash-empty"
+}, gs = { class: "ss-dash-tl-legend" }, ys = ["title"], _s = { class: "ss-dash-tl-track" }, ks = ["title"], ws = { class: "ss-dash-tl-dur" }, bs = {
+  key: 0,
+  class: "ss-dash-tl-warnings"
+}, Cs = { class: "ss-dash-tl-warnings-title" }, H = /* @__PURE__ */ I({
+  __name: "WaterfallChart",
+  props: {
+    spans: {},
+    totalDuration: {},
+    className: {},
+    warnings: {}
+  },
+  setup(g) {
+    const w = g, b = {
+      request: "#1e3a5f",
+      middleware: "rgba(30, 58, 95, 0.7)",
+      db: "#6d28d9",
+      view: "#0e7490",
+      mail: "#059669",
+      event: "#b45309",
+      custom: "var(--ss-dim)"
+    }, R = {
+      request: "Request",
+      middleware: "Middleware",
+      db: "DB",
+      mail: "Mail",
+      event: "Event",
+      view: "View",
+      custom: "Custom"
+    }, C = x(() => w.spans || []), y = x(
+      () => [...C.value].sort((a, u) => a.startOffset - u.startOffset)
+    ), T = x(() => {
+      const a = {};
+      for (const u of y.value)
+        a[u.id] = u.parentId ? (a[u.parentId] || 0) + 1 : 0;
+      return a;
+    });
+    function A(a) {
+      const u = w.totalDuration || 1;
+      return `${a.startOffset / u * 100}%`;
+    }
+    function _(a) {
+      const u = w.totalDuration || 1;
+      return `${Math.max(a.duration / u * 100, 0.5)}%`;
+    }
+    function h(a) {
+      return a.length > 50 ? a.slice(0, 50) + "..." : a;
+    }
+    function F(a) {
+      return a === "db" ? "DB" : a;
+    }
+    function N(a) {
+      return a === "db" ? "purple" : a === "mail" ? "green" : a === "event" ? "amber" : a === "view" ? "blue" : "muted";
+    }
+    function q(a) {
+      const u = a.metadata ? Object.entries(a.metadata).filter(([, i]) => i != null).map(([i, n]) => `${i}=${n}`).join(", ") : "";
+      return u ? `${a.label} (${a.duration.toFixed(2)}ms)
+${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
+    }
+    return (a, u) => C.value.length === 0 ? (l(), o("div", fs, "No spans recorded")) : (l(), o("div", {
+      key: 1,
+      class: p(`ss-dash-tl-waterfall ${g.className || ""}`)
+    }, [
+      s("div", gs, [
+        (l(), o(f, null, B(R, (i, n) => s("div", {
+          key: n,
+          class: "ss-dash-tl-legend-item"
+        }, [
+          s("span", {
+            class: "ss-dash-tl-legend-dot",
+            style: U({ background: b[n] || b.custom })
+          }, null, 4),
+          s("span", null, d(i), 1)
+        ])), 64))
+      ]),
+      (l(!0), o(f, null, B(y.value, (i) => (l(), o("div", {
+        key: i.id,
+        class: "ss-dash-tl-row"
+      }, [
+        s("div", {
+          class: "ss-dash-tl-label",
+          title: q(i),
+          style: U({ paddingLeft: 8 + (T.value[i.id] || 0) * 16 + "px" })
+        }, [
+          s("span", {
+            class: p(`ss-dash-badge ss-dash-badge-${N(i.category)}`),
+            style: { "font-size": "9px", "margin-right": "4px" }
+          }, d(F(i.category)), 3),
+          k(" " + d(h(i.label)), 1)
+        ], 12, ys),
+        s("div", _s, [
+          s("div", {
+            class: p(`ss-dash-tl-bar ss-dash-tl-bar-${i.category || "custom"}`),
+            style: U({
+              left: A(i),
+              width: _(i)
+            }),
+            title: q(i)
+          }, null, 14, ks)
+        ]),
+        s("span", ws, d(i.duration.toFixed(2)) + "ms", 1)
+      ]))), 128)),
+      g.warnings && g.warnings.length > 0 ? (l(), o("div", bs, [
+        s("div", Cs, "Warnings (" + d(g.warnings.length) + ")", 1),
+        (l(!0), o(f, null, B(g.warnings, (i, n) => (l(), o("div", {
+          key: n,
+          class: "ss-dash-tl-warning"
+        }, d(i), 1))), 128))
+      ])) : v("", !0)
+    ], 2));
+  }
+}), $s = { class: "ss-dash-tl-detail-header" }, xs = { style: { color: "var(--ss-text)" } }, Rs = { class: "ss-dash-tl-meta" }, qs = { class: "ss-dash-tl-detail-header" }, Ds = {
+  key: 0,
+  class: "ss-dash-empty"
+}, Ss = {
+  key: 1,
+  class: "ss-dash-empty"
+}, Ls = { class: "ss-dash-table-wrap" }, Bs = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, Ts = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, As = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, Fs = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, Ns = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, Os = ["onClick"], Ps = { style: { color: "var(--ss-dim)" } }, Es = ["title"], Ms = { style: { color: "var(--ss-muted)", "text-align": "center" } }, Vs = {
+  key: 0,
+  style: { color: "var(--ss-amber-fg)", "text-align": "center", display: "block" }
+}, zs = {
+  key: 1,
+  style: { color: "var(--ss-dim)", "text-align": "center", display: "block" }
+}, Us = ["title"], js = {
+  key: 1,
+  class: "ss-dash-empty"
+}, Xs = /* @__PURE__ */ I({
+  __name: "RequestsSection",
+  setup(g) {
+    const w = L("ss-refresh-key", m(0)), b = L("ss-dashboard-endpoint", "/__stats/api"), R = L("ss-auth-token", void 0), C = L("ss-base-url", ""), { data: y, loading: T, error: A, pagination: _, sort: h, goToPage: F, setSearch: N, setSort: q } = cs(
+      () => "requests",
+      {
+        baseUrl: C,
+        dashboardEndpoint: b,
+        authToken: R,
+        refreshKey: w
+      }
+    ), a = m(""), u = m(null), i = m(!1), n = m(null), O = x(() => {
+      if (!y.value) return [];
+      const c = y.value;
+      return c.data || c.requests || y.value || [];
+    }), K = us(C, R);
+    async function Y(c) {
+      const t = c.id;
+      i.value = !0;
+      try {
+        const e = b || "/__stats/api", S = await K().fetch(`${e}/requests/${t}`), W = S.trace, ts = W ? { ...S, ...W, logs: S.logs } : S;
+        n.value = ds(ts), u.value = c;
+      } catch {
+      } finally {
+        i.value = !1;
+      }
+    }
+    function J() {
+      u.value = null, n.value = null;
+    }
+    function Q(c) {
+      a.value = c, N(c);
+    }
+    function $(c) {
+      q(c);
+    }
+    function X(c) {
+      const t = rs(c);
+      return t === "very-slow" ? "ss-dash-very-slow" : t === "slow" ? "ss-dash-slow" : "";
+    }
+    const { tableRef: Z } = hs(() => O.value), P = m(null), E = m(null), M = m(null), V = m(null);
+    let D = null;
+    const z = x(() => n.value ? n.value.logs || [] : []);
+    return es([() => u.value, () => n.value], async () => {
+      D?.(), D = null, n.value && z.value.length > 0 && (await as(), P.value && E.value && M.value && V.value && (D = ns({
+        container: P.value,
+        handle: E.value,
+        topPane: M.value,
+        bottomPane: V.value,
+        storageKey: "ss-requests-split"
+      })));
+    }), ls(() => {
+      D?.();
+    }), (c, t) => (l(), o("div", null, [
+      n.value && u.value ? (l(), o(f, { key: 0 }, [
+        s("div", $s, [
+          s("button", {
+            type: "button",
+            class: "ss-dash-btn",
+            onClick: J
+          }, " ← Back to Requests "),
+          s("span", {
+            class: p(`ss-dash-method ss-dash-method-${(n.value.method || "").toLowerCase()}`)
+          }, d(n.value.method), 3),
+          s("span", xs, d(n.value.url), 1),
+          s("span", {
+            class: p(`ss-dash-status ss-dash-status-${Math.floor((n.value.statusCode || 200) / 100)}xx`)
+          }, d(n.value.statusCode), 3),
+          s("span", Rs, d(n.value.totalDuration.toFixed(1)) + "ms · " + d(n.value.spanCount) + " spans ", 1)
+        ]),
+        z.value.length > 0 ? (l(), o("div", {
+          key: 0,
+          ref_key: "splitContainerRef",
+          ref: P,
+          class: "ss-dash-split-container"
+        }, [
+          s("div", {
+            ref_key: "splitTopRef",
+            ref: M,
+            class: "ss-dash-split-top"
+          }, [
+            j(H, {
+              spans: n.value.spans,
+              "total-duration": n.value.totalDuration,
+              warnings: n.value.warnings
+            }, null, 8, ["spans", "total-duration", "warnings"])
+          ], 512),
+          s("div", {
+            ref_key: "splitHandleRef",
+            ref: E,
+            class: "ss-dash-split-handle"
+          }, null, 512),
+          s("div", {
+            ref_key: "splitBottomRef",
+            ref: V,
+            class: "ss-dash-split-bottom"
+          }, [
+            j(ps, {
+              logs: z.value,
+              "class-prefix": "ss-dash"
+            }, null, 8, ["logs"])
+          ], 512)
+        ], 512)) : (l(), G(H, {
+          key: 1,
+          spans: n.value.spans,
+          "total-duration": n.value.totalDuration,
+          warnings: n.value.warnings
+        }, null, 8, ["spans", "total-duration", "warnings"]))
+      ], 64)) : i.value ? (l(), o(f, { key: 1 }, [
+        s("div", qs, [
+          s("button", {
+            type: "button",
+            class: "ss-dash-btn",
+            onClick: t[0] || (t[0] = (e) => i.value = !1)
+          }, " ← Back to Requests ")
+        ]),
+        t[6] || (t[6] = s("div", { class: "ss-dash-empty" }, "Loading request detail...", -1))
+      ], 64)) : (l(), o(f, { key: 2 }, [
+        j(ms, {
+          "model-value": a.value,
+          placeholder: "Filter requests...",
+          summary: `${r(_).total ?? 0} requests`,
+          "onUpdate:modelValue": Q
+        }, null, 8, ["model-value", "summary"]),
+        r(A) ? (l(), o("div", Ds, "Failed to load requests")) : v("", !0),
+        r(T) && !r(y) ? (l(), o("div", Ss, "Loading requests...")) : (l(), o(f, { key: 2 }, [
+          s("div", Ls, [
+            O.value.length > 0 ? (l(), o("table", {
+              key: 0,
+              ref_key: "tableRef",
+              ref: Z,
+              class: "ss-dash-table"
+            }, [
+              t[15] || (t[15] = s("colgroup", null, [
+                s("col", { style: { width: "40px" } }),
+                s("col", { style: { width: "70px" } }),
+                s("col"),
+                s("col", { style: { width: "60px" } }),
+                s("col", { style: { width: "80px" } }),
+                s("col", { style: { width: "50px" } }),
+                s("col", { style: { width: "40px" } }),
+                s("col", { style: { width: "80px" } })
+              ], -1)),
+              s("thead", null, [
+                s("tr", null, [
+                  t[12] || (t[12] = s("th", null, "#", -1)),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[1] || (t[1] = (e) => $("method"))
+                  }, [
+                    t[7] || (t[7] = k(" Method ", -1)),
+                    r(h).column === "method" ? (l(), o("span", Bs, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                  ]),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[2] || (t[2] = (e) => $("url"))
+                  }, [
+                    t[8] || (t[8] = k(" URL ", -1)),
+                    r(h).column === "url" ? (l(), o("span", Ts, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                  ]),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[3] || (t[3] = (e) => $("statusCode"))
+                  }, [
+                    t[9] || (t[9] = k(" Status ", -1)),
+                    r(h).column === "statusCode" ? (l(), o("span", As, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                  ]),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[4] || (t[4] = (e) => $("duration"))
+                  }, [
+                    t[10] || (t[10] = k(" Duration ", -1)),
+                    r(h).column === "duration" ? (l(), o("span", Fs, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                  ]),
+                  t[13] || (t[13] = s("th", null, "Spans", -1)),
+                  t[14] || (t[14] = s("th", null, "⚠", -1)),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[5] || (t[5] = (e) => $("createdAt"))
+                  }, [
+                    t[11] || (t[11] = k(" Time ", -1)),
+                    r(h).column === "createdAt" ? (l(), o("span", Ns, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                  ])
+                ])
+              ]),
+              s("tbody", null, [
+                (l(!0), o(f, null, B(O.value, (e) => (l(), o("tr", {
+                  key: e.id,
+                  class: "ss-dash-clickable",
+                  onClick: (ss) => Y(e)
+                }, [
+                  s("td", null, [
+                    s("span", Ps, d(e.id), 1)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: p(`ss-dash-method ss-dash-method-${(e.method || "").toLowerCase()}`)
+                    }, d(e.method), 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      style: { color: "var(--ss-text)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                      title: e.url
+                    }, d(e.url), 9, Es)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: p(`ss-dash-status ss-dash-status-${Math.floor((e.status_code || e.statusCode || 200) / 100)}xx`)
+                    }, d(e.status_code || e.statusCode), 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: p(`ss-dash-duration ${X(e.total_duration || e.totalDuration || e.duration || 0)}`)
+                    }, d((e.total_duration || e.totalDuration || e.duration || 0).toFixed(1)) + "ms ", 3)
+                  ]),
+                  s("td", null, [
+                    s("span", Ms, d(e.span_count || e.spanCount || 0), 1)
+                  ]),
+                  s("td", null, [
+                    (e.warning_count || e.warningCount || 0) > 0 ? (l(), o("span", Vs, d(e.warning_count || e.warningCount || 0), 1)) : (l(), o("span", zs, "-"))
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: "ss-dash-event-time",
+                      title: r(os)(
+                        e.createdAt || e.created_at || e.timestamp || ""
+                      )
+                    }, d(r(is)(
+                      e.createdAt || e.created_at || e.timestamp || ""
+                    )), 9, Us)
+                  ])
+                ], 8, Os))), 128))
+              ])
+            ], 512)) : (l(), o("div", js, "No requests recorded yet"))
+          ]),
+          r(_).totalPages > 1 ? (l(), G(vs, {
+            key: 0,
+            page: r(_).page,
+            "last-page": r(_).totalPages,
+            total: r(_).total,
+            onPageChange: r(F)
+          }, null, 8, ["page", "last-page", "total", "onPageChange"])) : v("", !0)
+        ], 64))
+      ], 64))
+    ]));
+  }
+});
+export {
+  Xs as default
+};

package/dist/vue/{RoutesSection-Ys5dTzvF.js → RoutesSection-NKo3Rbq3.js}

@@ -1,5 +1,5 @@
 import { defineComponent as g, inject as d, ref as c, computed as A, openBlock as l, createElementBlock as o, createVNode as N, unref as u, createElementVNode as e, Fragment as R, renderList as S, normalizeClass as j, toDisplayString as a } from "vue";
-import { u as z } from "./index-Bj6pm5g3.js";
+import { u as z } from "./index-Dtgysd26.js";
 import { u as C } from "./useResizableTable-BoivAevK.js";
 import { _ as D } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
 const E = {