adonisjs-server-stats 1.13.0 → 1.14.0

package/dist/react/RequestsSection-CC-eVHsl.js

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

package/dist/react/{RoutesSection-D0y5JQP4.js → RoutesSection-p1DMq41y.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-CsprmgzI.js";
+import { a as u, M as f } from "./index-DOSlCpZ9.js";
 import { D as w } from "./DataTable-YyShr5B-.js";
 import { F as b } from "./FilterBar-CQ7bD669.js";
 function A({ options: n = {} }) {

package/dist/react/{RoutesTab-Y_alJVMV.js → RoutesTab-Cnqy8UcK.js}

@@ -1,6 +1,6 @@
 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-CsprmgzI.js";
+import { u as b, M as f } from "./index-DOSlCpZ9.js";
 import { u as w } from "./useResizableTable-CNJmACdt.js";
 import { F as N } from "./FilterBar-CQ7bD669.js";
 function R({ options: o, currentPath: n }) {

package/dist/react/{SplitPaneWrapper-CZl1ouIT.js → SplitPaneWrapper-XgkA0QxE.js}

@@ -1,6 +1,6 @@
 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-BOrRkhRU.js";
+import { L as p } from "./LogEntryRow-BWkHE51-.js";
 import { initSplitPane as f } from "adonisjs-server-stats/core";
 function v({ logs: n, onReqIdClick: a }) {
   const [t, s] = d(null);

package/dist/react/{TimelineTab-HyqZpfbp.js → TimelineTab-1YOERxe5.js}

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useState as i, useMemo as q, useEffect as I, useCallback as O } from "react";
 import { formatDuration as m, durationClassName as j } from "adonisjs-server-stats/core";
-import { u as U } from "./useApiClient-BVtNCmnL.js";
-import { u as W, M as D, S as L } from "./index-CsprmgzI.js";
+import { u as U } from "./useApiClient-CtEG7rHs.js";
+import { u as W, M as D, S as L } from "./index-DOSlCpZ9.js";
 import { T as _ } from "./TimeAgoCell-o3KigGfM.js";
 import { u as z } from "./useResizableTable-CNJmACdt.js";
 import { F as G } from "./FilterBar-CQ7bD669.js";
-import { S as K, R as V } from "./SplitPaneWrapper-CZl1ouIT.js";
+import { S as K, R as V } from "./SplitPaneWrapper-XgkA0QxE.js";
 const S = {
   request: "#1e3a5f",
   middleware: "rgba(30, 58, 95, 0.7)",