adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/react/RequestsSection-DTqB81ac.js

@@ -0,0 +1,209 @@
+import { jsxs as r, jsx as t, Fragment as L } from "react/jsx-runtime";
+import { useState as n, useEffect as P, useCallback as v } from "react";
+import { normalizeTraceFields as R, durationSeverity as y, timeAgo as B, formatTime as M } from "adonisjs-server-stats/core";
+import { u as $ } from "./useApiClient-BVtNCmnL.js";
+import { a as E, M as C, b as x } from "./index-UdTfSvtO.js";
+import { D as j } from "./DataTable-YyShr5B-.js";
+import { F as z } from "./FilterBar-DQRXpWrb.js";
+import { P as U } from "./Pagination-BkmzUDY8.js";
+import { W } from "./WaterfallChart-Cj73WdfM.js";
+function Y({ options: l = {} }) {
+  const [k, u] = n(1), [c, w] = n(""), [d, S] = n("createdAt"), [h, m] = n("desc"), [p, b] = n(null), [q, i] = n(!1);
+  P(() => u(1), [c]);
+  const { data: g, meta: o, isLoading: D, error: N } = E("requests", {
+    ...l,
+    page: k,
+    search: c,
+    sort: d,
+    sortDir: h
+  }), f = $(l.baseUrl || "", l.authToken), _ = v(
+    (e) => {
+      const s = e.id;
+      i(!0);
+      const a = l.dashboardEndpoint || "/__stats/api";
+      f().fetch(`${a}/requests/${s}`).then((T) => {
+        b(T), i(!1);
+      }).catch(() => {
+        i(!1);
+      });
+    },
+    [f, l.dashboardEndpoint]
+  ), A = v(
+    (e) => {
+      d === e ? m((s) => s === "asc" ? "desc" : "asc") : (S(e), m("desc"));
+    },
+    [d]
+  ), F = g || [];
+  if (p) {
+    const e = R(p);
+    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: () => b(null), children: "← Back to Requests" }),
+        /* @__PURE__ */ t(C, { method: e.method }),
+        /* @__PURE__ */ t("span", { style: { color: "var(--ss-text)" }, children: e.url }),
+        /* @__PURE__ */ t(x, { code: e.statusCode }),
+        /* @__PURE__ */ r("span", { className: "ss-dash-tl-meta", children: [
+          e.totalDuration.toFixed(1),
+          "ms · ",
+          e.spanCount,
+          " spans"
+        ] })
+      ] }),
+      /* @__PURE__ */ t(
+        W,
+        {
+          spans: e.spans,
+          totalDuration: e.totalDuration,
+          warnings: e.warnings
+        }
+      )
+    ] });
+  }
+  return q ? /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t("div", { className: "ss-dash-tl-detail-header", children: /* @__PURE__ */ t("button", { type: "button", className: "ss-dash-btn", onClick: () => i(!1), children: "← Back to Requests" }) }),
+    /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading request detail..." })
+  ] }) : /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t(
+      z,
+      {
+        search: c,
+        onSearchChange: w,
+        placeholder: "Filter requests...",
+        summary: `${o?.total ?? 0} requests`
+      }
+    ),
+    N && /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Failed to load requests" }),
+    D && !g ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading requests..." }) : /* @__PURE__ */ r(L, { children: [
+      /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
+        j,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "#",
+              width: "40px",
+              render: (e) => /* @__PURE__ */ t("span", { style: { color: "var(--ss-dim)" }, children: e })
+            },
+            {
+              key: "method",
+              label: "Method",
+              width: "70px",
+              sortable: !0,
+              render: (e) => /* @__PURE__ */ t(C, { method: e })
+            },
+            {
+              key: "url",
+              label: "URL",
+              sortable: !0,
+              render: (e) => /* @__PURE__ */ t(
+                "span",
+                {
+                  style: {
+                    color: "var(--ss-text)",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  title: e,
+                  children: e
+                }
+              )
+            },
+            {
+              key: "statusCode",
+              label: "Status",
+              width: "60px",
+              sortable: !0,
+              render: (e, s) => {
+                const a = s.status_code || s.statusCode || s.statusCode;
+                return /* @__PURE__ */ t(x, { code: a });
+              }
+            },
+            {
+              key: "duration",
+              label: "Duration",
+              width: "80px",
+              sortable: !0,
+              render: (e, s) => {
+                const a = s.total_duration || s.totalDuration || s.duration || 0;
+                return /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: `ss-dash-duration ${y(a) === "very-slow" ? "ss-dash-very-slow" : y(a) === "slow" ? "ss-dash-slow" : ""}`,
+                    children: [
+                      a.toFixed(1),
+                      "ms"
+                    ]
+                  }
+                );
+              }
+            },
+            {
+              key: "spanCount",
+              label: "Spans",
+              width: "50px",
+              render: (e, s) => {
+                const a = s.span_count || s.spanCount || 0;
+                return /* @__PURE__ */ t("span", { style: { color: "var(--ss-muted)", textAlign: "center" }, children: a });
+              }
+            },
+            {
+              key: "warningCount",
+              label: "⚠",
+              width: "40px",
+              render: (e, s) => {
+                const a = s.warning_count || s.warningCount || 0;
+                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: (e, s) => {
+                const a = s.createdAt || s.created_at || s.timestamp || "";
+                return /* @__PURE__ */ t("span", { className: "ss-dash-event-time", title: M(a), children: B(a) });
+              }
+            }
+          ],
+          data: F,
+          sort: d,
+          sortDir: h,
+          onSort: A,
+          onRowClick: _,
+          emptyMessage: "No requests recorded yet"
+        }
+      ) }),
+      o && /* @__PURE__ */ t(
+        U,
+        {
+          page: o.page,
+          lastPage: o.lastPage,
+          total: o.total,
+          onPageChange: u
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Y as RequestsSection,
+  Y as default
+};

package/dist/react/RoutesSection-DJWa4NPV.js

@@ -0,0 +1,74 @@
+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-UdTfSvtO.js";
+import { D as w } from "./DataTable-YyShr5B-.js";
+import { F as b } from "./FilterBar-DQRXpWrb.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",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  };
+  return /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ r(
+      b,
+      {
+        search: s,
+        onSearchChange: i,
+        placeholder: "Filter routes...",
+        summary: `${o.length} routes`
+      }
+    ),
+    h ? /* @__PURE__ */ r("div", { className: "ss-dash-empty", children: "Failed to load routes" }) : c && !l ? /* @__PURE__ */ r("div", { className: "ss-dash-empty", children: "Loading routes..." }) : /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ r(
+      w,
+      {
+        columns: [
+          {
+            key: "method",
+            label: "Method",
+            width: "70px",
+            render: (e) => /* @__PURE__ */ r(f, { method: e })
+          },
+          {
+            key: "pattern",
+            label: "Pattern",
+            render: (e) => /* @__PURE__ */ r("span", { style: { color: "var(--ss-text)", ...t }, title: e, children: e })
+          },
+          {
+            key: "name",
+            label: "Name",
+            width: "120px",
+            render: (e) => /* @__PURE__ */ r("span", { style: { color: "var(--ss-muted)", ...t }, title: e || "-", children: e || "-" })
+          },
+          {
+            key: "handler",
+            label: "Handler",
+            render: (e) => /* @__PURE__ */ r("span", { style: { color: "var(--ss-sql-color)", ...t }, title: e, children: e })
+          },
+          {
+            key: "middleware",
+            label: "Middleware",
+            render: (e) => {
+              const d = e?.length ? e.join(", ") : "-";
+              return /* @__PURE__ */ r(
+                "span",
+                {
+                  style: { color: "var(--ss-dim)", fontSize: "10px", ...t },
+                  title: d,
+                  children: d
+                }
+              );
+            }
+          }
+        ],
+        data: o,
+        keyField: "pattern",
+        emptyMessage: "No routes available"
+      }
+    ) }) })
+  ] });
+}
+export {
+  A as RoutesSection,
+  A as default
+};

package/dist/react/RoutesTab-D3l8TOpu.js

@@ -0,0 +1,74 @@
+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-UdTfSvtO.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(() => {
+    const s = c?.routes || [];
+    if (!r) return s;
+    const a = r.toLowerCase();
+    return s.filter(
+      (d) => d.pattern.toLowerCase().includes(a) || d.handler.toLowerCase().includes(a) || d.method.toLowerCase().includes(a) || d.name && d.name.toLowerCase().includes(a)
+    );
+  }, [c, r]), g = w([l]);
+  return h && !c ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading routes..." }) : i ? /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    i.message
+  ] }) : /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ t("div", { className: "ss-dbg-search-bar", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          className: "ss-dbg-search",
+          placeholder: "Filter routes...",
+          value: r,
+          onChange: (s) => m(s.target.value)
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "ss-dbg-summary", children: [
+        l.length,
+        " routes"
+      ] })
+    ] }),
+    l.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No routes found" }) : /* @__PURE__ */ t("table", { ref: g, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ t("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__ */ t("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, a) => {
+        const d = n && (s.pattern === n || new RegExp("^" + s.pattern.replace(/:[^/]+/g, "[^/]+") + "$").test(
+          n
+        ));
+        return /* @__PURE__ */ t(
+          "tr",
+          {
+            className: d ? "ss-dbg-current-route" : "",
+            children: [
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `ss-dbg-method ss-dbg-method-${s.method.toLowerCase()}`, children: s.method }) }),
+              /* @__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}-${a}`
+        );
+      }) })
+    ] })
+  ] });
+}
+export {
+  C as RoutesTab,
+  C as default
+};

package/dist/react/TimelineSection-C4d-jRX1.js

@@ -0,0 +1,158 @@
+import { jsx as a, jsxs as t, Fragment as T } from "react/jsx-runtime";
+import { useState as n, useEffect as B, useCallback as L } from "react";
+import { normalizeTraceFields as P, durationSeverity as f, timeAgo as A, formatTime as E } from "adonisjs-server-stats/core";
+import { u as M } from "./useApiClient-BVtNCmnL.js";
+import { a as $, M as g, b } from "./index-UdTfSvtO.js";
+import { D as j } from "./DataTable-YyShr5B-.js";
+import { F as z } from "./FilterBar-DQRXpWrb.js";
+import { P as I } from "./Pagination-BkmzUDY8.js";
+import { W as R } from "./WaterfallChart-Cj73WdfM.js";
+function Q({ options: s = {}, tracingEnabled: y = !0 }) {
+  const [w, v] = n(1), [i, k] = n(""), [r, o] = n(null), [c, h] = n(null), [x, d] = n(!1), { data: m, meta: l, isLoading: C, error: N } = $("traces", { ...s, page: w, search: i }), D = m || [], u = M(s.baseUrl || "", s.authToken);
+  B(() => {
+    if (!r) {
+      h(null);
+      return;
+    }
+    let e = !1;
+    d(!0);
+    const S = s.dashboardEndpoint || "/__stats/api";
+    return u().fetch(`${S}/traces/${r}`).then((F) => {
+      e || (h(F), d(!1));
+    }).catch(() => {
+      e || d(!1);
+    }), () => {
+      e = !0;
+    };
+  }, [r, u, s.dashboardEndpoint]);
+  const p = L(() => o(null), []);
+  if (!y)
+    return /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Tracing is not enabled. Enable tracing in your server-stats config to use the timeline." });
+  if (r && c) {
+    const e = P(c);
+    return /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ t("div", { className: "ss-dash-tl-detail-header", children: [
+        /* @__PURE__ */ a("button", { type: "button", className: "ss-dash-btn", onClick: p, children: "← Back" }),
+        /* @__PURE__ */ a(g, { method: e.method }),
+        /* @__PURE__ */ a("span", { style: { color: "var(--ss-text)" }, children: e.url }),
+        /* @__PURE__ */ a(b, { code: e.statusCode }),
+        /* @__PURE__ */ t("span", { className: "ss-dash-tl-meta", children: [
+          e.totalDuration.toFixed(1),
+          "ms · ",
+          e.spanCount,
+          " spans"
+        ] })
+      ] }),
+      /* @__PURE__ */ a(
+        R,
+        {
+          spans: e.spans,
+          totalDuration: e.totalDuration,
+          warnings: e.warnings
+        }
+      )
+    ] });
+  }
+  return r && x ? /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ a("div", { className: "ss-dash-tl-detail-header", children: /* @__PURE__ */ a("button", { type: "button", className: "ss-dash-btn", onClick: p, children: "← Back" }) }),
+    /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Loading trace detail..." })
+  ] }) : /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ a(
+      z,
+      {
+        search: i,
+        onSearchChange: k,
+        placeholder: "Filter traces...",
+        summary: `${l?.total ?? 0} traces`
+      }
+    ),
+    N && /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Failed to load traces" }),
+    C && !m ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Loading traces..." }) : /* @__PURE__ */ t(T, { children: [
+      /* @__PURE__ */ a("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ a(
+        j,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "#",
+              width: "40px",
+              render: (e) => /* @__PURE__ */ a("span", { style: { color: "var(--ss-dim)" }, children: e })
+            },
+            {
+              key: "method",
+              label: "Method",
+              width: "70px",
+              render: (e) => /* @__PURE__ */ a(g, { method: e })
+            },
+            {
+              key: "url",
+              label: "URL",
+              render: (e) => /* @__PURE__ */ a(
+                "span",
+                {
+                  style: {
+                    color: "var(--ss-text)",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  title: e,
+                  children: e
+                }
+              )
+            },
+            {
+              key: "statusCode",
+              label: "Status",
+              width: "60px",
+              render: (e) => /* @__PURE__ */ a(b, { code: e })
+            },
+            {
+              key: "totalDuration",
+              label: "Duration",
+              width: "80px",
+              render: (e) => /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `ss-dash-duration ${f(e) === "very-slow" ? "ss-dash-very-slow" : f(e) === "slow" ? "ss-dash-slow" : ""}`,
+                  children: [
+                    e.toFixed(1),
+                    "ms"
+                  ]
+                }
+              )
+            },
+            {
+              key: "spanCount",
+              label: "Spans",
+              width: "50px",
+              render: (e) => /* @__PURE__ */ a("span", { style: { color: "var(--ss-muted)", textAlign: "center" }, children: e })
+            },
+            {
+              key: "createdAt",
+              label: "Time",
+              width: "80px",
+              render: (e) => /* @__PURE__ */ a("span", { className: "ss-dash-event-time", title: E(e), children: A(e) })
+            }
+          ],
+          data: D,
+          onRowClick: (e) => o(e.id),
+          emptyMessage: "No traces recorded"
+        }
+      ) }),
+      l && /* @__PURE__ */ a(
+        I,
+        {
+          page: l.page,
+          lastPage: l.lastPage,
+          total: l.total,
+          onPageChange: v
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Q as TimelineSection,
+  Q as default
+};