adonisjs-server-stats 1.8.0 → 1.10.0

package/dist/react/LogsTab-CicucmVk.js

@@ -0,0 +1,103 @@
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
+import I, { useState as m, useMemo as E, useCallback as F } from "react";
+import { filterLogsByLevel as D, resolveLogRequestId as y, resolveLogMessage as N, LOG_LEVELS as R, resolveLogLevel as S, resolveLogTimestamp as $, getStructuredData as A, getLogLevelCssClass as P, timeAgo as T, formatTime as j } from "adonisjs-server-stats/core";
+import { u as J, J as M } from "./index-Cflz9Ebj.js";
+function O({ options: x }) {
+  const { data: l, isLoading: C, error: h } = J("logs", x), [p, w] = m("all"), [d, k] = m(""), [n, f] = m(""), [u, q] = m(null), b = E(() => {
+    let e = Array.isArray(l) ? l : l?.logs || l?.entries || [];
+    if (e = D(e, p), n) {
+      const t = n.toLowerCase();
+      e = e.filter((r) => y(r).toLowerCase().includes(t));
+    }
+    if (d) {
+      const t = d.toLowerCase();
+      e = e.filter((r) => N(r).toLowerCase().includes(t));
+    }
+    return e;
+  }, [l, p, d, n]), v = F((e) => {
+    f((t) => t === e ? "" : e);
+  }, []);
+  return C && !l ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Loading logs..." }) : h ? /* @__PURE__ */ a("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    h.message
+  ] }) : /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: "ss-dbg-log-filters", children: [
+      R.map((e) => /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: `ss-dbg-log-filter ${p === e ? "ss-dbg-active" : ""}`,
+          onClick: () => w(e),
+          children: e
+        },
+        e
+      )),
+      n && /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "ss-dbg-log-filter ss-dbg-active",
+          onClick: () => f(""),
+          children: [
+            "req: ",
+            n.slice(0, 8),
+            " x"
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "ss-dbg-summary", style: { marginLeft: "auto" }, children: [
+        b.length,
+        " entries"
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "ss-dbg-search-bar", children: /* @__PURE__ */ s(
+      "input",
+      {
+        type: "text",
+        className: "ss-dbg-search",
+        placeholder: "Filter log messages...",
+        value: d,
+        onChange: (e) => k(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ s("div", { style: { overflow: "auto", flex: 1 }, children: b.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "No log entries" }) : b.slice(0, 200).map((e, t) => {
+      const r = S(e), L = N(e), c = $(e), o = y(e), i = A(e);
+      return /* @__PURE__ */ a(I.Fragment, { children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: `ss-dbg-log-entry${i ? " ss-dbg-log-entry-expandable" : ""}`,
+            onClick: () => i && q(u === t ? null : t),
+            children: [
+              /* @__PURE__ */ s("span", { className: `ss-dbg-log-level ${P(r)}`, children: r.toUpperCase() }),
+              /* @__PURE__ */ s("span", { className: "ss-dbg-log-time", title: c ? j(c) : "", children: c ? T(c) : "-" }),
+              o ? /* @__PURE__ */ s(
+                "span",
+                {
+                  className: "ss-dbg-log-reqid",
+                  onClick: (g) => {
+                    g.stopPropagation(), v(o);
+                  },
+                  role: "button",
+                  tabIndex: 0,
+                  title: o,
+                  onKeyDown: (g) => {
+                    g.key === "Enter" && (g.stopPropagation(), v(o));
+                  },
+                  children: o.slice(0, 8)
+                }
+              ) : /* @__PURE__ */ s("span", { className: "ss-dbg-log-reqid-empty", children: "-" }),
+              i ? /* @__PURE__ */ s("span", { className: `ss-dbg-log-expand-icon${u === t ? " ss-dbg-log-expand-icon-open" : ""}`, children: "▶" }) : /* @__PURE__ */ s("span", { style: { width: 14 } }),
+              /* @__PURE__ */ s("span", { className: "ss-dbg-log-msg", children: L })
+            ]
+          }
+        ),
+        u === t && i && /* @__PURE__ */ s("div", { className: "ss-dbg-log-detail", children: /* @__PURE__ */ s(M, { data: i, classPrefix: "ss-dbg", defaultExpanded: !0 }) })
+      ] }, t);
+    }) })
+  ] });
+}
+export {
+  O as LogsTab,
+  O as default
+};

package/dist/react/{OverviewSection-ae5AO2RG.js → OverviewSection-C4T1ur51.js}

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as e } from "react/jsx-runtime";
 import { useState as E, useRef as X, useEffect as P, useCallback as z } from "react";
 import { formatDuration as $, timeAgo as ss, formatTime as es, durationSeverity as as } from "adonisjs-server-stats/core";
-import { a as B, S } from "./index-DDzo1bZk.js";
+import { a as B, S } from "./index-Cflz9Ebj.js";
 const ls = [
   { value: "5m", label: "5m" },
   { value: "15m", label: "15m" },

package/dist/react/{QueriesSection-DFFr9Tbb.js → QueriesSection-PswteoF9.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as r, Fragment as b } from "react/jsx-runtime";
 import { useState as y, useCallback as $, useEffect as V, useMemo as P } from "react";
 import { durationSeverity as _, timeAgo as B, formatTime as G, SLOW_DURATION_MS as X } from "adonisjs-server-stats/core";
-import { a as Y } from "./index-DDzo1bZk.js";
+import { a as Y } from "./index-Cflz9Ebj.js";
 import { D as I } from "./DataTable-YyShr5B-.js";
 import { F as Z } from "./FilterBar-DQRXpWrb.js";
 import { P as ee } from "./Pagination-BkmzUDY8.js";

package/dist/react/{QueriesTab-GrHRAREt.js → QueriesTab-osLUWd4L.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useState as m, useMemo as i, useCallback as v } from "react";
 import { filterQueries as C, countDuplicateQueries as D, computeQuerySummary as S, formatDuration as p, durationSeverity as g, timeAgo as Q, formatTime as T } from "adonisjs-server-stats/core";
-import { u as $ } from "./index-DDzo1bZk.js";
+import { u as $ } from "./index-Cflz9Ebj.js";
 import { u as E } from "./useResizableTable-CNJmACdt.js";
 function R({ options: b }) {
   const { data: n, isLoading: y, error: u } = $("queries", b), [o, N] = m(""), [w, x] = m(null), d = i(() => n?.queries || [], [n]), a = i(() => C(d, o), [d, o]), l = i(() => D(d), [d]), r = i(

package/dist/react/RelatedLogs-DFDOyUMr.js

@@ -0,0 +1,40 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import g, { useState as h } from "react";
+import { resolveLogLevel as u, resolveLogMessage as $, resolveLogRequestId as v, resolveLogTimestamp as N, getStructuredData as L, getLogLevelCssClass as y, timeAgo as R, formatTime as q } from "adonisjs-server-stats/core";
+import { J as C } from "./index-Cflz9Ebj.js";
+function J({ logs: s, classPrefix: e = "ss-dash" }) {
+  const [r, p] = h(null);
+  return s.length === 0 ? null : /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ o("div", { className: `${e}-related-logs-title`, children: [
+      "Related Logs",
+      /* @__PURE__ */ o("span", { className: `${e}-related-logs-count`, children: [
+        "(",
+        s.length,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: `${e}-log-entries`, style: { overflow: "auto" }, children: s.map((n, l) => {
+      const c = u(n), i = $(n), m = v(n), d = N(n), a = L(n);
+      return /* @__PURE__ */ o(g.Fragment, { children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: `${e}-log-entry${a ? ` ${e}-log-entry-expandable` : ""}`,
+            onClick: () => a && p(r === l ? null : l),
+            children: [
+              /* @__PURE__ */ t("span", { className: `${e}-log-level ${y(c, `${e}-log-level`)}`, children: c.toUpperCase() }),
+              /* @__PURE__ */ t("span", { className: `${e}-log-time`, title: d ? q(d) : "", children: d ? R(d) : "-" }),
+              m ? /* @__PURE__ */ t("span", { className: `${e}-log-reqid`, title: m, children: m.slice(0, 8) }) : /* @__PURE__ */ t("span", { className: `${e}-log-reqid-empty`, children: "--" }),
+              a ? /* @__PURE__ */ t("span", { className: `${e}-log-expand-icon${r === l ? ` ${e}-log-expand-icon-open` : ""}`, children: "▶" }) : /* @__PURE__ */ t("span", { style: { width: 14 } }),
+              /* @__PURE__ */ t("span", { className: `${e}-log-msg`, children: i })
+            ]
+          }
+        ),
+        r === l && a && /* @__PURE__ */ t("div", { className: `${e}-log-detail`, children: /* @__PURE__ */ t(C, { data: a, classPrefix: e, defaultExpanded: !0 }) })
+      ] }, n.id || l);
+    }) })
+  ] });
+}
+export {
+  J as R
+};

package/dist/react/RequestsSection-Nag30rEA.js

@@ -0,0 +1,341 @@
+import { jsx as t, jsxs as r, Fragment as j } from "react/jsx-runtime";
+import { useMemo as q, useState as f, useEffect as M, useCallback as L, useRef as C } from "react";
+import { normalizeTraceFields as z, durationSeverity as _, timeAgo as W, formatTime as G, initSplitPane as I } from "adonisjs-server-stats/core";
+import { u as U } from "./useApiClient-BVtNCmnL.js";
+import { a as Y, M as D, b as A } from "./index-Cflz9Ebj.js";
+import { R as V } from "./RelatedLogs-DFDOyUMr.js";
+import { D as H } from "./DataTable-YyShr5B-.js";
+import { F as J } from "./FilterBar-DQRXpWrb.js";
+import { P as K } from "./Pagination-BkmzUDY8.js";
+const F = {
+  request: "#1e3a5f",
+  middleware: "rgba(30, 58, 95, 0.7)",
+  db: "#6d28d9",
+  view: "#0e7490",
+  mail: "#059669",
+  event: "#b45309",
+  custom: "var(--ss-dim)"
+}, Q = {
+  request: "Request",
+  middleware: "Middleware",
+  db: "DB",
+  mail: "Mail",
+  event: "Event",
+  view: "View",
+  custom: "Custom"
+};
+function O({
+  spans: c,
+  totalDuration: i,
+  className: m = "",
+  warnings: d
+}) {
+  const h = c || [], o = q(
+    () => [...h].sort((e, n) => e.startOffset - n.startOffset),
+    [h]
+  ), p = q(() => {
+    const e = {};
+    for (const n of o)
+      e[n.id] = n.parentId ? (e[n.parentId] || 0) + 1 : 0;
+    return e;
+  }, [o]);
+  return h.length === 0 ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "No spans recorded" }) : /* @__PURE__ */ r("div", { className: `ss-dash-tl-waterfall ${m}`, children: [
+    /* @__PURE__ */ t("div", { className: "ss-dash-tl-legend", children: Object.entries(Q).map(([e, n]) => /* @__PURE__ */ r("div", { className: "ss-dash-tl-legend-item", children: [
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: "ss-dash-tl-legend-dot",
+          style: {
+            background: F[e] || F.custom
+          }
+        }
+      ),
+      /* @__PURE__ */ t("span", { children: n })
+    ] }, e)) }),
+    o.map((e) => {
+      const n = i > 0 ? e.startOffset / i * 100 : 0, y = i > 0 ? Math.max(e.duration / i * 100, 0.5) : 1, v = p[e.id] || 0, S = e.label.length > 50 ? e.label.slice(0, 50) + "..." : e.label, g = e.category === "db" ? "DB" : e.category, N = e.category === "db" ? "purple" : e.category === "mail" ? "green" : e.category === "event" ? "amber" : e.category === "view" ? "blue" : "muted", u = e.metadata ? Object.entries(e.metadata).filter(([, b]) => b != null).map(([b, x]) => `${b}=${x}`).join(", ") : "", w = u ? `${e.label} (${e.duration.toFixed(2)}ms)
+${u}` : `${e.label} (${e.duration.toFixed(2)}ms)`;
+      return /* @__PURE__ */ r("div", { className: "ss-dash-tl-row", children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "ss-dash-tl-label",
+            title: w,
+            style: { paddingLeft: 8 + v * 16 + "px" },
+            children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `ss-dash-badge ss-dash-badge-${N}`,
+                  style: { fontSize: "9px", marginRight: "4px" },
+                  children: g
+                }
+              ),
+              S
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "ss-dash-tl-track", children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: `ss-dash-tl-bar ss-dash-tl-bar-${e.category || "custom"}`,
+            style: {
+              left: `${n}%`,
+              width: `${y}%`
+            },
+            title: w
+          }
+        ) }),
+        /* @__PURE__ */ r("span", { className: "ss-dash-tl-dur", children: [
+          e.duration.toFixed(2),
+          "ms"
+        ] })
+      ] }, e.id);
+    }),
+    d && d.length > 0 && /* @__PURE__ */ r("div", { className: "ss-dash-tl-warnings", children: [
+      /* @__PURE__ */ r("div", { className: "ss-dash-tl-warnings-title", children: [
+        "Warnings (",
+        d.length,
+        ")"
+      ] }),
+      d.map((e, n) => /* @__PURE__ */ t("div", { className: "ss-dash-tl-warning", children: e }, n))
+    ] })
+  ] });
+}
+function X({
+  children: c,
+  classPrefix: i = "ss-dash",
+  storageKey: m
+}) {
+  const d = C(null), h = C(null), o = C(null), p = C(null);
+  return M(() => {
+    if (d.current && h.current && o.current && p.current)
+      return I({
+        container: d.current,
+        handle: h.current,
+        topPane: o.current,
+        bottomPane: p.current,
+        storageKey: m
+      });
+  }, [m]), /* @__PURE__ */ r("div", { ref: d, className: `${i}-split-container`, children: [
+    /* @__PURE__ */ t("div", { ref: o, className: `${i}-split-top`, children: c[0] }),
+    /* @__PURE__ */ t("div", { ref: h, className: `${i}-split-handle` }),
+    /* @__PURE__ */ t("div", { ref: p, className: `${i}-split-bottom`, children: c[1] })
+  ] });
+}
+function oe({ options: c = {} }) {
+  const [i, m] = f(1), [d, h] = f(""), [o, p] = f("createdAt"), [e, n] = f("desc"), [y, v] = f(null), [S, g] = f(!1);
+  M(() => m(1), [d]);
+  const { data: N, meta: u, isLoading: w, error: b } = Y("requests", {
+    ...c,
+    page: i,
+    search: d,
+    sort: o,
+    sortDir: e
+  }), x = U(c.baseUrl || "", c.authToken), P = L(
+    (s) => {
+      const a = s.id;
+      g(!0);
+      const l = c.dashboardEndpoint || "/__stats/api";
+      x().fetch(`${l}/requests/${a}`).then((k) => {
+        const $ = k, R = $.trace;
+        if (R) {
+          const E = { ...$, ...R, logs: $.logs };
+          v(E);
+        } else
+          v(k);
+        g(!1);
+      }).catch(() => {
+        g(!1);
+      });
+    },
+    [x, c.dashboardEndpoint]
+  ), T = L(
+    (s) => {
+      o === s ? n((a) => a === "asc" ? "desc" : "asc") : (p(s), n("desc"));
+    },
+    [o]
+  ), B = N || [];
+  if (y) {
+    const s = z(y), a = s.logs.length > 0;
+    return /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ r("div", { className: "ss-dash-tl-detail-header", children: [
+        /* @__PURE__ */ t("button", { type: "button", className: "ss-dash-btn", onClick: () => v(null), children: "← Back to Requests" }),
+        /* @__PURE__ */ t(D, { method: s.method }),
+        /* @__PURE__ */ t("span", { style: { color: "var(--ss-text)" }, children: s.url }),
+        /* @__PURE__ */ t(A, { code: s.statusCode }),
+        /* @__PURE__ */ r("span", { className: "ss-dash-tl-meta", children: [
+          s.totalDuration.toFixed(1),
+          "ms · ",
+          s.spanCount,
+          " spans"
+        ] })
+      ] }),
+      a ? /* @__PURE__ */ r(X, { classPrefix: "ss-dash", storageKey: "ss-requests-split", children: [
+        /* @__PURE__ */ t(
+          O,
+          {
+            spans: s.spans,
+            totalDuration: s.totalDuration,
+            warnings: s.warnings
+          }
+        ),
+        /* @__PURE__ */ t(V, { logs: s.logs, classPrefix: "ss-dash" })
+      ] }) : /* @__PURE__ */ t(
+        O,
+        {
+          spans: s.spans,
+          totalDuration: s.totalDuration,
+          warnings: s.warnings
+        }
+      )
+    ] });
+  }
+  return S ? /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t("div", { className: "ss-dash-tl-detail-header", children: /* @__PURE__ */ t("button", { type: "button", className: "ss-dash-btn", onClick: () => g(!1), children: "← Back to Requests" }) }),
+    /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading request detail..." })
+  ] }) : /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t(
+      J,
+      {
+        search: d,
+        onSearchChange: h,
+        placeholder: "Filter requests...",
+        summary: `${u?.total ?? 0} requests`
+      }
+    ),
+    b && /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Failed to load requests" }),
+    w && !N ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading requests..." }) : /* @__PURE__ */ r(j, { children: [
+      /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
+        H,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "#",
+              width: "40px",
+              render: (s) => /* @__PURE__ */ t("span", { style: { color: "var(--ss-dim)" }, children: s })
+            },
+            {
+              key: "method",
+              label: "Method",
+              width: "70px",
+              sortable: !0,
+              render: (s) => /* @__PURE__ */ t(D, { method: s })
+            },
+            {
+              key: "url",
+              label: "URL",
+              sortable: !0,
+              render: (s) => /* @__PURE__ */ t(
+                "span",
+                {
+                  style: {
+                    color: "var(--ss-text)",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  title: s,
+                  children: s
+                }
+              )
+            },
+            {
+              key: "statusCode",
+              label: "Status",
+              width: "60px",
+              sortable: !0,
+              render: (s, a) => {
+                const l = a.status_code || a.statusCode || a.statusCode;
+                return /* @__PURE__ */ t(A, { code: l });
+              }
+            },
+            {
+              key: "duration",
+              label: "Duration",
+              width: "80px",
+              sortable: !0,
+              render: (s, a) => {
+                const l = a.total_duration || a.totalDuration || a.duration || 0;
+                return /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: `ss-dash-duration ${_(l) === "very-slow" ? "ss-dash-very-slow" : _(l) === "slow" ? "ss-dash-slow" : ""}`,
+                    children: [
+                      l.toFixed(1),
+                      "ms"
+                    ]
+                  }
+                );
+              }
+            },
+            {
+              key: "spanCount",
+              label: "Spans",
+              width: "50px",
+              render: (s, a) => {
+                const l = a.span_count || a.spanCount || 0;
+                return /* @__PURE__ */ t("span", { style: { color: "var(--ss-muted)", textAlign: "center" }, children: l });
+              }
+            },
+            {
+              key: "warningCount",
+              label: "⚠",
+              width: "40px",
+              render: (s, a) => {
+                const l = a.warning_count || a.warningCount || 0;
+                return l > 0 ? /* @__PURE__ */ t(
+                  "span",
+                  {
+                    style: {
+                      color: "var(--ss-amber-fg)",
+                      textAlign: "center",
+                      display: "block"
+                    },
+                    children: l
+                  }
+                ) : /* @__PURE__ */ t(
+                  "span",
+                  {
+                    style: { color: "var(--ss-dim)", textAlign: "center", display: "block" },
+                    children: "-"
+                  }
+                );
+              }
+            },
+            {
+              key: "createdAt",
+              label: "Time",
+              width: "80px",
+              sortable: !0,
+              render: (s, a) => {
+                const l = a.createdAt || a.created_at || a.timestamp || "";
+                return /* @__PURE__ */ t("span", { className: "ss-dash-event-time", title: G(l), children: W(l) });
+              }
+            }
+          ],
+          data: B,
+          sort: o,
+          sortDir: e,
+          onSort: T,
+          onRowClick: P,
+          emptyMessage: "No requests recorded yet"
+        }
+      ) }),
+      u && /* @__PURE__ */ t(
+        K,
+        {
+          page: u.page,
+          lastPage: u.lastPage,
+          total: u.total,
+          onPageChange: m
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  oe as RequestsSection,
+  oe as default
+};

package/dist/react/{RoutesSection-F7nANhF0.js → RoutesSection-BUSkM6PY.js}

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r, Fragment as p } from "react/jsx-runtime";
 import { useState as y } from "react";
-import { a as u, M as f } from "./index-DDzo1bZk.js";
+import { a as u, M as f } from "./index-Cflz9Ebj.js";
 import { D as w } from "./DataTable-YyShr5B-.js";
 import { F as b } from "./FilterBar-DQRXpWrb.js";
 function A({ options: n = {} }) {

package/dist/react/{RoutesTab-rugjhCPH.js → RoutesTab-DgVzd2PZ.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useState as u, useMemo as p } from "react";
-import { u as b } from "./index-DDzo1bZk.js";
+import { u as b } from "./index-Cflz9Ebj.js";
 import { u as w } from "./useResizableTable-CNJmACdt.js";
 function C({ options: o, currentPath: n }) {
   const { data: c, isLoading: h, error: i } = b("routes", o), [r, m] = u(""), l = p(() => {