adonisjs-server-stats 1.12.3 → 1.14.0

package/dist/react/RequestsSection-D8cMbZU0.js

@@ -1,321 +0,0 @@
-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-CsprmgzI.js";
-import { S as H, R as J } from "./SplitPaneWrapper-CZl1ouIT.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
-};