adonisjs-server-stats 1.10.0 → 1.11.0

package/dist/react/RequestsSection-DETN9oZb.js

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

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

@@ -1,8 +1,8 @@
 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-Cflz9Ebj.js";
+import { a as u, M as f } from "./index-DwDK-4oX.js";
 import { D as w } from "./DataTable-YyShr5B-.js";
-import { F as b } from "./FilterBar-DQRXpWrb.js";
+import { F as b } from "./FilterBar-CQ7bD669.js";
 function A({ options: n = {} }) {
   const [s, i] = y(""), { data: l, isLoading: c, error: h } = u("routes", { ...n, search: s }), a = l, o = Array.isArray(a) ? a : a && Array.isArray(a.routes) ? a.routes : a && Array.isArray(a.data) ? a.data : [], t = {
     overflow: "hidden",

package/dist/react/RoutesTab-CbzBOzpc.js

@@ -0,0 +1,68 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useState as g, useMemo as p } from "react";
+import { u as b, M as f } from "./index-DwDK-4oX.js";
+import { u as w } from "./useResizableTable-CNJmACdt.js";
+import { F as N } from "./FilterBar-CQ7bD669.js";
+function R({ options: o, currentPath: n }) {
+  const { data: i, isLoading: h, error: c } = b("routes", o), [a, m] = g(""), l = p(() => {
+    const s = i?.routes || [];
+    if (!a) return s;
+    const r = a.toLowerCase();
+    return s.filter(
+      (t) => t.pattern.toLowerCase().includes(r) || t.handler.toLowerCase().includes(r) || t.method.toLowerCase().includes(r) || t.name && t.name.toLowerCase().includes(r)
+    );
+  }, [i, a]), u = w([l]);
+  return h && !i ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading routes..." }) : c ? /* @__PURE__ */ d("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    c.message
+  ] }) : /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ e(
+      N,
+      {
+        search: a,
+        onSearchChange: m,
+        placeholder: "Filter routes...",
+        summary: `${l.length} routes`
+      }
+    ),
+    l.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No routes found" }) : /* @__PURE__ */ d("table", { ref: u, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ d("colgroup", { children: [
+        /* @__PURE__ */ e("col", { style: { width: "70px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "25%" } }),
+        /* @__PURE__ */ e("col", { style: { width: "15%" } }),
+        /* @__PURE__ */ e("col", {}),
+        /* @__PURE__ */ e("col", { style: { width: "20%" } })
+      ] }),
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ d("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Method" }),
+        /* @__PURE__ */ e("th", { children: "Pattern" }),
+        /* @__PURE__ */ e("th", { children: "Name" }),
+        /* @__PURE__ */ e("th", { children: "Handler" }),
+        /* @__PURE__ */ e("th", { children: "Middleware" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: l.map((s, r) => {
+        const t = n && (s.pattern === n || new RegExp("^" + s.pattern.replace(/:[^/]+/g, "[^/]+") + "$").test(
+          n
+        ));
+        return /* @__PURE__ */ d(
+          "tr",
+          {
+            className: t ? "ss-dbg-current-route" : "",
+            children: [
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(f, { method: s.method, classPrefix: "ss-dbg" }) }),
+              /* @__PURE__ */ e("td", { className: "ss-dbg-c-text", children: s.pattern }),
+              /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", children: s.name || "-" }),
+              /* @__PURE__ */ e("td", { className: "ss-dbg-c-sql", children: s.handler }),
+              /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { fontSize: "10px" }, children: s.middleware.length > 0 ? s.middleware.join(", ") : "-" })
+            ]
+          },
+          `${s.method}-${s.pattern}-${r}`
+        );
+      }) })
+    ] })
+  ] });
+}
+export {
+  R as RoutesTab,
+  R as default
+};

package/dist/react/SplitPaneWrapper-BiIgT4ND.js

@@ -0,0 +1,49 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useState as d, useRef as o, useEffect as u } from "react";
+import { L as p } from "./LogEntryRow-CMMkqA9M.js";
+import { initSplitPane as f } from "adonisjs-server-stats/core";
+function v({ logs: n, onReqIdClick: a }) {
+  const [t, s] = d(null);
+  return n.length === 0 ? null : /* @__PURE__ */ c("div", { children: [
+    /* @__PURE__ */ c("div", { className: "ss-related-logs-title", children: [
+      "Related Logs",
+      /* @__PURE__ */ c("span", { className: "ss-related-logs-count", children: [
+        "(",
+        n.length,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { style: { overflow: "auto" }, children: n.map((r, e) => /* @__PURE__ */ l(
+      p,
+      {
+        log: r,
+        index: e,
+        expanded: t === e,
+        onToggleExpand: (i) => s(t === i ? null : i),
+        onReqIdClick: a
+      },
+      r.id || e
+    )) })
+  ] });
+}
+function N({ children: n, storageKey: a }) {
+  const t = o(null), s = o(null), r = o(null), e = o(null);
+  return u(() => {
+    if (t.current && s.current && r.current && e.current)
+      return f({
+        container: t.current,
+        handle: s.current,
+        topPane: r.current,
+        bottomPane: e.current,
+        storageKey: a
+      });
+  }, [a]), /* @__PURE__ */ c("div", { ref: t, className: "ss-split-container", children: [
+    /* @__PURE__ */ l("div", { ref: r, className: "ss-split-top", children: n[0] }),
+    /* @__PURE__ */ l("div", { ref: s, className: "ss-split-handle" }),
+    /* @__PURE__ */ l("div", { ref: e, className: "ss-split-bottom", children: n[1] })
+  ] });
+}
+export {
+  v as R,
+  N as S
+};

package/dist/react/TimeAgoCell-o3KigGfM.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import { timeAgo as n, formatTime as m } from "adonisjs-server-stats/core";
+function p({ ts: r, className: i, style: o }) {
+  return r ? /* @__PURE__ */ e("span", { className: i, style: o, title: m(r), children: n(r) }) : /* @__PURE__ */ e("span", { className: i, style: o, children: "-" });
+}
+export {
+  p as T
+};