adonisjs-server-stats 1.10.0 → 1.11.0

package/dist/react/{TimelineTab-Covg5weo.js → TimelineTab-Ue9tUD_n.js}

@@ -1,32 +1,13 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useState as g, useMemo as F, useEffect as M, useCallback as E, useRef as v } from "react";
-import { formatDuration as w, durationSeverity as T, timeAgo as U, formatTime as W, initSplitPane as _ } from "adonisjs-server-stats/core";
-import { u as z } from "./useApiClient-BVtNCmnL.js";
-import { u as G } from "./index-Cflz9Ebj.js";
-import { u as V } from "./useResizableTable-CNJmACdt.js";
-import { R as H } from "./RelatedLogs-DFDOyUMr.js";
-function J({
-  children: o,
-  classPrefix: i = "ss-dbg",
-  storageKey: u
-}) {
-  const h = v(null), d = v(null), m = v(null), c = v(null);
-  return M(() => {
-    if (h.current && d.current && m.current && c.current)
-      return _({
-        container: h.current,
-        handle: d.current,
-        topPane: m.current,
-        bottomPane: c.current,
-        storageKey: u
-      });
-  }, [u]), /* @__PURE__ */ t("div", { ref: h, className: `${i}-split-container`, children: [
-    /* @__PURE__ */ e("div", { ref: m, className: `${i}-split-top`, children: o[0] }),
-    /* @__PURE__ */ e("div", { ref: d, className: `${i}-split-handle` }),
-    /* @__PURE__ */ e("div", { ref: c, className: `${i}-split-bottom`, children: o[1] })
-  ] });
-}
-const k = {
+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-DwDK-4oX.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-BiIgT4ND.js";
+const S = {
   request: "#1e3a5f",
   middleware: "rgba(30, 58, 95, 0.7)",
   db: "#6d28d9",
@@ -34,7 +15,7 @@ const k = {
   mail: "#059669",
   event: "#b45309",
   custom: "#525252"
-}, K = [
+}, H = [
   { label: "Request", color: "#1e3a5f" },
   { label: "Middleware", color: "rgba(30, 58, 95, 0.7)" },
   { label: "Database", color: "#6d28d9" },
@@ -42,67 +23,67 @@ const k = {
   { label: "Mail", color: "#059669" },
   { label: "Event", color: "#b45309" }
 ];
-function le({ options: o }) {
-  const { baseUrl: i = "", debugEndpoint: u = "/admin/api/debug", authToken: h } = o || {}, { data: d, isLoading: m, error: c } = G("timeline", o), [b, A] = g(""), [p, y] = g(null), [a, L] = g(null), [q, C] = g(!1), [D, x] = g(null), f = F(() => {
-    const s = d?.traces || [];
-    if (!b) return s;
-    const n = b.toLowerCase();
+function ae({ options: f }) {
+  const { baseUrl: E = "", debugEndpoint: N = "/admin/api/debug", authToken: T } = f || {}, { data: g, isLoading: k, error: v } = W("timeline", f), [n, $] = i(""), [c, u] = i(null), [d, w] = i(null), [M, b] = i(!1), [y, p] = i(null), o = q(() => {
+    const s = g?.traces || [];
+    if (!n) return s;
+    const r = n.toLowerCase();
     return s.filter(
-      (r) => r.url.toLowerCase().includes(n) || r.method.toLowerCase().includes(n) || String(r.statusCode).includes(n)
+      (a) => a.url.toLowerCase().includes(r) || a.method.toLowerCase().includes(r) || String(a.statusCode).includes(r)
     );
-  }, [d, b]), $ = z(i, h);
-  M(() => {
-    if (p === null) {
-      L(null), x(null);
+  }, [g, n]), C = U(E, T);
+  I(() => {
+    if (c === null) {
+      w(null), p(null);
       return;
     }
     let s = !1;
-    return C(!0), x(null), $().get(`${u}/traces/${p}`).then((r) => {
-      s || (L(r), C(!1));
-    }).catch((r) => {
-      s || (x(r instanceof Error ? r.message : "Failed to load trace"), C(!1));
+    return b(!0), p(null), C().get(`${N}/traces/${c}`).then((a) => {
+      s || (w(a), b(!1));
+    }).catch((a) => {
+      s || (p(a instanceof Error ? a.message : "Failed to load trace"), b(!1));
     }), () => {
       s = !0;
     };
-  }, [p, u, $]);
-  const B = E((s) => {
-    y((n) => n === s ? null : s);
-  }, []), R = E((s) => s >= 500 ? "ss-dbg-status-5xx" : s >= 400 ? "ss-dbg-status-4xx" : s >= 300 ? "ss-dbg-status-3xx" : "ss-dbg-status-2xx", []), I = V([f]);
-  if (m && !d)
+  }, [c, N, C]);
+  const R = O((s) => {
+    u((r) => r === s ? null : s);
+  }, []), B = z([o]);
+  if (k && !g)
     return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading traces..." });
-  if (c)
+  if (v)
     return /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
       "Error: ",
-      c.message
+      v.message
     ] });
-  if (p !== null) {
-    if (q)
+  if (c !== null) {
+    if (M)
       return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading trace detail..." });
-    if (D)
+    if (y)
       return /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ e("div", { className: "ss-dbg-tl-detail-header", children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ss-dbg-btn-clear",
-            onClick: () => y(null),
+            onClick: () => u(null),
             children: "← Back"
           }
         ) }),
         /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
           "Error: ",
-          D
+          y
         ] })
       ] });
-    if (!a)
+    if (!d)
       return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading trace detail..." });
-    const s = a.spans || [], n = a.warnings || [], r = a.logs || [], O = r.length > 0, S = /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ e("div", { className: "ss-dbg-tl-legend", children: K.map((l) => /* @__PURE__ */ t("div", { className: "ss-dbg-tl-legend-item", children: [
+    const s = d.spans || [], r = d.warnings || [], a = d.logs || [], P = a.length > 0, x = /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("div", { className: "ss-dbg-tl-legend", children: H.map((l) => /* @__PURE__ */ t("div", { className: "ss-dbg-tl-legend-item", children: [
         /* @__PURE__ */ e("div", { className: "ss-dbg-tl-legend-dot", style: { background: l.color } }),
         /* @__PURE__ */ e("span", { children: l.label })
       ] }, l.label)) }),
       /* @__PURE__ */ e("div", { style: { padding: "8px 12px", overflow: "auto" }, children: s.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No spans captured for this request" }) : s.map((l) => {
-        const N = a.totalDuration || 1, P = l.startOffset / N * 100, j = Math.max(l.duration / N * 100, 0.5);
+        const h = d.totalDuration || 1, A = l.startOffset / h * 100, F = Math.max(l.duration / h * 100, 0.5);
         return /* @__PURE__ */ t("div", { className: "ss-dbg-tl-row", children: [
           /* @__PURE__ */ e("div", { className: "ss-dbg-tl-label", title: l.label, children: l.label }),
           /* @__PURE__ */ e("div", { className: "ss-dbg-tl-track", children: /* @__PURE__ */ e(
@@ -110,19 +91,19 @@ function le({ options: o }) {
             {
               className: `ss-dbg-tl-bar ss-dbg-tl-bar-${l.category}`,
               style: {
-                left: `${P}%`,
-                width: `${j}%`,
-                background: k[l.category] || k.custom
+                left: `${A}%`,
+                width: `${F}%`,
+                background: S[l.category] || S.custom
               },
-              title: `${l.label}: ${w(l.duration)}`
+              title: `${l.label}: ${m(l.duration)}`
             }
           ) }),
-          /* @__PURE__ */ e("span", { className: "ss-dbg-tl-dur", children: w(l.duration) })
+          /* @__PURE__ */ e("span", { className: "ss-dbg-tl-dur", children: m(l.duration) })
         ] }, l.id);
       }) }),
-      n.length > 0 && /* @__PURE__ */ t("div", { className: "ss-dbg-tl-warnings", children: [
+      r.length > 0 && /* @__PURE__ */ t("div", { className: "ss-dbg-tl-warnings", children: [
         /* @__PURE__ */ e("div", { className: "ss-dbg-tl-warnings-title", children: "Warnings" }),
-        n.map((l, N) => /* @__PURE__ */ e("div", { className: "ss-dbg-tl-warning", children: l }, N))
+        r.map((l, h) => /* @__PURE__ */ e("div", { className: "ss-dbg-tl-warning", children: l }, h))
       ] })
     ] });
     return /* @__PURE__ */ t("div", { className: "ss-dbg-tl-detail-wrapper", children: [
@@ -132,44 +113,37 @@ function le({ options: o }) {
           {
             type: "button",
             className: "ss-dbg-btn-clear",
-            onClick: () => y(null),
+            onClick: () => u(null),
             children: "← Back"
           }
         ),
-        /* @__PURE__ */ e("span", { className: `ss-dbg-method ss-dbg-method-${a.method.toLowerCase()}`, children: a.method }),
-        /* @__PURE__ */ e("span", { className: "ss-dbg-tl-detail-url", children: a.url }),
-        /* @__PURE__ */ e("span", { className: `ss-dbg-status ${R(a.statusCode)}`, children: a.statusCode }),
+        /* @__PURE__ */ e(D, { method: d.method, classPrefix: "ss-dbg" }),
+        /* @__PURE__ */ e("span", { className: "ss-dbg-tl-detail-url", children: d.url }),
+        /* @__PURE__ */ e(L, { code: d.statusCode, classPrefix: "ss-dbg" }),
         /* @__PURE__ */ t("span", { className: "ss-dbg-tl-meta", children: [
-          w(a.totalDuration),
+          m(d.totalDuration),
           " · ",
-          a.spanCount,
+          d.spanCount,
           " spans"
         ] })
       ] }),
-      O ? /* @__PURE__ */ t(J, { classPrefix: "ss-dbg", storageKey: "ss-dbg-timeline-split", children: [
-        S,
-        /* @__PURE__ */ e(H, { logs: r, classPrefix: "ss-dbg" })
-      ] }) : S
+      P ? /* @__PURE__ */ t(K, { storageKey: "ss-dbg-timeline-split", children: [
+        x,
+        /* @__PURE__ */ e(V, { logs: a })
+      ] }) : x
     ] });
   }
   return /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ t("div", { className: "ss-dbg-search-bar", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          className: "ss-dbg-search",
-          placeholder: "Filter traces...",
-          value: b,
-          onChange: (s) => A(s.target.value)
-        }
-      ),
-      /* @__PURE__ */ t("span", { className: "ss-dbg-summary", children: [
-        f.length,
-        " traces"
-      ] })
-    ] }),
-    f.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No traces captured. Enable tracing in config." }) : /* @__PURE__ */ t("table", { ref: I, className: "ss-dbg-table", children: [
+    /* @__PURE__ */ e(
+      G,
+      {
+        search: n,
+        onSearchChange: $,
+        placeholder: "Filter traces...",
+        summary: `${o.length} traces`
+      }
+    ),
+    o.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No traces captured. Enable tracing in config." }) : /* @__PURE__ */ t("table", { ref: B, className: "ss-dbg-table", children: [
       /* @__PURE__ */ t("colgroup", { children: [
         /* @__PURE__ */ e("col", { style: { width: "50px" } }),
         /* @__PURE__ */ e("col", { style: { width: "70px" } }),
@@ -188,25 +162,25 @@ function le({ options: o }) {
         /* @__PURE__ */ e("th", { children: "Spans" }),
         /* @__PURE__ */ e("th", { children: "Time" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: f.map((s) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("tbody", { children: o.map((s) => /* @__PURE__ */ t(
         "tr",
         {
           className: "ss-dbg-email-row",
-          onClick: () => B(s.id),
+          onClick: () => R(s.id),
           children: [
             /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { whiteSpace: "nowrap" }, children: s.id }),
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `ss-dbg-method ss-dbg-method-${s.method.toLowerCase()}`, children: s.method }) }),
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(D, { method: s.method, classPrefix: "ss-dbg" }) }),
             /* @__PURE__ */ e("td", { title: s.url, children: s.url }),
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `ss-dbg-status ${R(s.statusCode)}`, children: s.statusCode }) }),
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(L, { code: s.statusCode, classPrefix: "ss-dbg" }) }),
             /* @__PURE__ */ e(
               "td",
               {
-                className: `ss-dbg-duration ${T(s.totalDuration) === "very-slow" ? "ss-dbg-very-slow" : T(s.totalDuration) === "slow" ? "ss-dbg-slow" : ""}`,
-                children: w(s.totalDuration)
+                className: `ss-dbg-duration ${j(s.totalDuration, "ss-dbg")}`,
+                children: m(s.totalDuration)
               }
             ),
             /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", style: { textAlign: "center" }, children: s.spanCount }),
-            /* @__PURE__ */ e("td", { className: "ss-dbg-event-time", title: W(s.timestamp), children: U(s.timestamp) })
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(_, { ts: s.timestamp, className: "ss-dbg-event-time" }) })
           ]
         },
         s.id
@@ -215,6 +189,6 @@ function le({ options: o }) {
   ] });
 }
 export {
-  le as TimelineTab,
-  le as default
+  ae as TimelineTab,
+  ae as default
 };