adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/react/QueriesSection-DB12HMfQ.js

@@ -0,0 +1,461 @@
+import { jsx as t, jsxs as r, Fragment as b } from "react/jsx-runtime";
+import { useState as y, useCallback as $, useEffect as V, useMemo as P } from "react";
+import { durationSeverity as _, timeAgo as B, formatTime as G, SLOW_DURATION_MS as X } from "adonisjs-server-stats/core";
+import { a as Y } from "./index-UdTfSvtO.js";
+import { D as I } from "./DataTable-YyShr5B-.js";
+import { F as Z } from "./FilterBar-DQRXpWrb.js";
+import { P as ee } from "./Pagination-BkmzUDY8.js";
+function K({ node: a, depth: d = 0 }) {
+  if (!a) return null;
+  const f = d * 20, u = a["Node Type"] || "Unknown", D = a["Relation Name"] ? /* @__PURE__ */ r(b, { children: [
+    " on ",
+    /* @__PURE__ */ t("strong", { children: a["Relation Name"] })
+  ] }) : null, c = a.Alias && a.Alias !== a["Relation Name"] ? ` (${a.Alias})` : "", m = a["Index Name"] ? /* @__PURE__ */ r(b, { children: [
+    " using ",
+    /* @__PURE__ */ t("em", { children: a["Index Name"] })
+  ] }) : null, i = [];
+  if (a["Startup Cost"] !== null && a["Startup Cost"] !== void 0 && i.push(`cost=${a["Startup Cost"]}..${a["Total Cost"]}`), a["Plan Rows"] !== null && a["Plan Rows"] !== void 0 && i.push(`rows=${a["Plan Rows"]}`), a["Plan Width"] !== null && a["Plan Width"] !== void 0 && i.push(`width=${a["Plan Width"]}`), a.Filter && i.push(`filter: ${a.Filter}`), a["Index Cond"] && i.push(`cond: ${a["Index Cond"]}`), a["Hash Cond"] && i.push(`hash: ${a["Hash Cond"]}`), a["Join Type"] && i.push(`join: ${a["Join Type"]}`), a["Sort Key"]) {
+    const n = Array.isArray(a["Sort Key"]) ? a["Sort Key"].join(", ") : a["Sort Key"];
+    i.push(`sort: ${n}`);
+  }
+  const k = a.Plans || [];
+  return /* @__PURE__ */ r("div", { className: "ss-dash-explain-node", style: { marginLeft: `${f}px` }, children: [
+    /* @__PURE__ */ r("div", { className: "ss-dash-explain-node-header", children: [
+      /* @__PURE__ */ t("span", { className: "ss-dash-explain-node-type", children: u }),
+      D,
+      c,
+      m
+    ] }),
+    i.length > 0 && /* @__PURE__ */ t("div", { className: "ss-dash-explain-metrics", children: i.join(" · ") }),
+    k.map((n, T) => /* @__PURE__ */ t(K, { node: n, depth: d + 1 }, T))
+  ] });
+}
+function se({ plan: a }) {
+  if (!a || !Array.isArray(a) || a.length === 0)
+    return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: "No plan data returned" });
+  const d = a[0];
+  if (d && d.Plan)
+    return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: /* @__PURE__ */ t(K, { node: d.Plan, depth: 0 }) });
+  if (typeof d == "object" && d !== null) {
+    const f = Object.keys(d);
+    return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: /* @__PURE__ */ r("table", { children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: f.map((u) => /* @__PURE__ */ t("th", { children: u }, u)) }) }),
+      /* @__PURE__ */ t("tbody", { children: a.map((u, D) => {
+        const c = u;
+        return /* @__PURE__ */ t("tr", { children: f.map((m) => /* @__PURE__ */ t("td", { children: c[m] !== null && c[m] !== void 0 ? String(c[m]) : "-" }, m)) }, D);
+      }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: "No plan data returned" });
+}
+const te = 8;
+function ce({ options: a = {} }) {
+  const [d, f] = y(1), [u, D] = y(""), [c, m] = y("createdAt"), [i, k] = y("desc"), [n, T] = y("list"), [g, S] = y(null), [o, q] = y(null), [M, A] = y(null), z = $(
+    (s) => {
+      s !== n && (T(s), f(1), m(s === "list" ? "createdAt" : "count"), k("desc"), S(null), q(null), A(null));
+    },
+    [n]
+  );
+  V(() => f(1), [u]);
+  const Q = n === "grouped" ? "queries/grouped" : "queries", { data: F, meta: w, isLoading: U, mutate: O } = Y(Q, {
+    ...a,
+    page: d,
+    search: u,
+    sort: c,
+    sortDir: i
+  }), R = $(
+    (s) => {
+      c === s ? k((e) => e === "asc" ? "desc" : "asc") : (m(s), k("desc"));
+    },
+    [c]
+  ), W = $(
+    async (s) => {
+      if (o && o.queryId === s) {
+        q(null);
+        return;
+      }
+      A(s);
+      try {
+        const e = await O(`queries/${s}/explain`);
+        e && e.error ? q({
+          queryId: s,
+          plan: [],
+          error: e.error,
+          message: e.message
+        }) : q({
+          queryId: s,
+          plan: e?.plan || e?.rows || []
+        });
+      } catch (e) {
+        console.warn("[ss] Query explain failed:", e), q({
+          queryId: s,
+          plan: [],
+          error: e instanceof Error ? e.message : String(e)
+        });
+      } finally {
+        A(null);
+      }
+    },
+    [O, o]
+  ), H = $(
+    (s) => {
+      const e = s.id;
+      return !o || o.queryId !== e ? null : /* @__PURE__ */ t("tr", { className: "ss-dash-explain-row", children: /* @__PURE__ */ t("td", { colSpan: te, className: "ss-dash-explain", children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "start" }, children: [
+        /* @__PURE__ */ t("div", { style: { flex: 1 }, children: o.error ? /* @__PURE__ */ r("div", { className: "ss-dash-explain-result ss-dash-explain-error", children: [
+          /* @__PURE__ */ t("strong", { children: "Error:" }),
+          " ",
+          o.error,
+          o.message && /* @__PURE__ */ r(b, { children: [
+            /* @__PURE__ */ t("br", {}),
+            o.message
+          ] })
+        ] }) : /* @__PURE__ */ t(se, { plan: o.plan }) }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-explain-btn",
+            onClick: () => q(null),
+            style: { marginLeft: "8px", flexShrink: 0 },
+            children: "Close"
+          }
+        )
+      ] }) }) });
+    },
+    [o]
+  ), E = n === "grouped" ? F?.groups || [] : F || [], h = P(() => n !== "grouped" ? E : E.map((s) => {
+    const e = { ...s };
+    return (e.sqlNormalized === null || e.sqlNormalized === void 0) && (s.sql_normalized || s.pattern) && (e.sqlNormalized = s.sql_normalized || s.pattern || ""), (e.count === null || e.count === void 0) && s.total_count !== null && s.total_count !== void 0 && (e.count = s.total_count), (e.avgDuration === null || e.avgDuration === void 0) && s.avg_duration !== null && s.avg_duration !== void 0 && (e.avgDuration = s.avg_duration), (e.maxDuration === null || e.maxDuration === void 0) && s.max_duration !== null && s.max_duration !== void 0 && (e.maxDuration = s.max_duration), (e.minDuration === null || e.minDuration === void 0) && s.min_duration !== null && s.min_duration !== void 0 && (e.minDuration = s.min_duration), (e.totalDuration === null || e.totalDuration === void 0) && s.total_duration !== null && s.total_duration !== void 0 && (e.totalDuration = s.total_duration), (e.percentOfTotal === null || e.percentOfTotal === void 0) && s.pct_time !== null && s.pct_time !== void 0 && (e.percentOfTotal = s.pct_time), e;
+  }), [E, n]), N = P(() => {
+    const s = w?.total ?? h.length;
+    let e = 0, l = 0, p = 0, x = 0;
+    for (const v of h) {
+      const C = v.duration || 0;
+      p += C, x++, C > X && e++;
+    }
+    const L = /* @__PURE__ */ new Map();
+    for (const v of h) {
+      const C = v.sqlNormalized || v.sql || v.sql_text || "";
+      L.set(C, (L.get(C) || 0) + 1);
+    }
+    for (const v of L.values())
+      v > 1 && (l += v);
+    return {
+      total: s,
+      slow: e,
+      duplicates: l,
+      avgDuration: x > 0 ? p / x : 0
+    };
+  }, [h, w]), j = P(() => {
+    const s = /* @__PURE__ */ new Map();
+    for (const e of h) {
+      const l = e.sqlNormalized || e.sql || e.sql_text || "";
+      s.set(l, (s.get(l) || 0) + 1);
+    }
+    return s;
+  }, [h]), J = P(() => {
+    if (n === "grouped")
+      return `${h.length} query patterns`;
+    const s = [`${N.total} queries`];
+    return N.slow > 0 && s.push(`${N.slow} slow`), N.duplicates > 0 && s.push(`${N.duplicates} dup`), s.push(`avg ${(N.avgDuration || 0).toFixed(1)}ms`), s.join(", ");
+  }, [n, h.length, N]);
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t(
+      Z,
+      {
+        search: u,
+        onSearchChange: D,
+        placeholder: "Filter queries...",
+        summary: J,
+        children: /* @__PURE__ */ r("div", { className: "ss-dash-btn-group", children: [
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: `ss-dash-btn ${n === "list" ? "ss-dash-active" : ""}`,
+              onClick: () => z("list"),
+              children: "List"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: `ss-dash-btn ${n === "grouped" ? "ss-dash-active" : ""}`,
+              onClick: () => z("grouped"),
+              children: "Grouped"
+            }
+          )
+        ] })
+      }
+    ),
+    U && !F ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading queries..." }) : n === "grouped" ? /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
+      I,
+      {
+        columns: [
+          {
+            key: "sqlNormalized",
+            label: "Pattern",
+            render: (s, e) => {
+              const l = s || "", p = (e.count || 0) >= 3;
+              return /* @__PURE__ */ r(b, { children: [
+                /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: `ss-dash-sql ${g === l ? "ss-dash-expanded" : ""}`,
+                    title: "Click to expand",
+                    onClick: (x) => {
+                      x.stopPropagation(), S(g === l ? null : l);
+                    },
+                    role: "button",
+                    tabIndex: 0,
+                    onKeyDown: (x) => x.key === "Enter" && S(g === l ? null : l),
+                    children: l
+                  }
+                ),
+                p && /* @__PURE__ */ r(b, { children: [
+                  " ",
+                  /* @__PURE__ */ t("span", { className: "ss-dash-dup", children: "DUP" })
+                ] })
+              ] });
+            }
+          },
+          {
+            key: "count",
+            label: "Count",
+            width: "60px",
+            sortable: !0,
+            render: (s) => /* @__PURE__ */ t(
+              "span",
+              {
+                style: { color: "var(--ss-muted)", textAlign: "center", display: "block" },
+                children: s || 0
+              }
+            )
+          },
+          {
+            key: "avgDuration",
+            label: "Avg",
+            width: "70px",
+            sortable: !0,
+            render: (s) => {
+              const e = s || 0;
+              return /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `ss-dash-duration ${_(e) === "very-slow" ? "ss-dash-very-slow" : _(e) === "slow" ? "ss-dash-slow" : ""}`,
+                  children: e.toFixed(2) + "ms"
+                }
+              );
+            }
+          },
+          {
+            key: "minDuration",
+            label: "Min",
+            width: "70px",
+            render: (s) => /* @__PURE__ */ t("span", { className: "ss-dash-duration", children: (s || 0).toFixed(2) + "ms" })
+          },
+          {
+            key: "maxDuration",
+            label: "Max",
+            width: "70px",
+            render: (s) => {
+              const e = s || 0;
+              return /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `ss-dash-duration ${_(e) === "very-slow" ? "ss-dash-very-slow" : _(e) === "slow" ? "ss-dash-slow" : ""}`,
+                  children: e.toFixed(2) + "ms"
+                }
+              );
+            }
+          },
+          {
+            key: "totalDuration",
+            label: "Total",
+            width: "70px",
+            sortable: !0,
+            render: (s) => /* @__PURE__ */ t("span", { className: "ss-dash-duration", children: (s || 0).toFixed(1) + "ms" })
+          },
+          {
+            key: "percentOfTotal",
+            label: "% Time",
+            width: "60px",
+            render: (s) => /* @__PURE__ */ t(
+              "span",
+              {
+                style: { color: "var(--ss-muted)", textAlign: "center", display: "block" },
+                children: (s || 0).toFixed(1) + "%"
+              }
+            )
+          }
+        ],
+        data: h,
+        keyField: "sqlNormalized",
+        sort: c,
+        sortDir: i,
+        onSort: R,
+        emptyMessage: "No queries recorded"
+      }
+    ) }) }) : /* @__PURE__ */ r(b, { children: [
+      /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
+        I,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "#",
+              width: "40px",
+              render: (s) => /* @__PURE__ */ t("span", { style: { color: "var(--ss-dim)" }, children: s })
+            },
+            {
+              key: "sql",
+              label: "SQL",
+              render: (s, e) => {
+                const l = e.sql || e.sql_text || "";
+                return /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: `ss-dash-sql ${g === e.id ? "ss-dash-expanded" : ""}`,
+                      title: "Click to expand",
+                      onClick: (p) => {
+                        p.stopPropagation(), S(
+                          g === e.id ? null : e.id
+                        );
+                      },
+                      role: "button",
+                      tabIndex: 0,
+                      onKeyDown: (p) => p.key === "Enter" && S(
+                        g === e.id ? null : e.id
+                      ),
+                      children: l
+                    }
+                  ),
+                  (j.get(
+                    (e.sqlNormalized || e.sql || e.sql_text) ?? ""
+                  ) ?? 0) > 1 && /* @__PURE__ */ r("span", { className: "ss-dash-dup", children: [
+                    "×",
+                    j.get(
+                      (e.sqlNormalized || e.sql || e.sql_text) ?? ""
+                    )
+                  ] })
+                ] });
+              }
+            },
+            {
+              key: "duration",
+              label: "Duration",
+              width: "70px",
+              sortable: !0,
+              render: (s) => {
+                const e = s || 0;
+                return /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: `ss-dash-duration ${_(e) === "very-slow" ? "ss-dash-very-slow" : _(e) === "slow" ? "ss-dash-slow" : ""}`,
+                    children: e.toFixed(2) + "ms"
+                  }
+                );
+              }
+            },
+            {
+              key: "method",
+              label: "Method",
+              width: "60px",
+              render: (s, e) => {
+                const l = e.method || e.sql_method || "";
+                return /* @__PURE__ */ t("span", { className: `ss-dash-method ss-dash-method-${l.toLowerCase()}`, children: l });
+              }
+            },
+            {
+              key: "model",
+              label: "Model",
+              width: "90px",
+              render: (s) => /* @__PURE__ */ t(
+                "span",
+                {
+                  style: {
+                    color: "var(--ss-muted)",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  title: s,
+                  children: s || "-"
+                }
+              )
+            },
+            {
+              key: "connection",
+              label: "Connection",
+              width: "80px",
+              render: (s) => /* @__PURE__ */ t(
+                "span",
+                {
+                  style: {
+                    color: "var(--ss-dim)",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: s || "-"
+                }
+              )
+            },
+            {
+              key: "createdAt",
+              label: "Time",
+              width: "90px",
+              sortable: !0,
+              render: (s, e) => {
+                const l = s || e.created_at || e.timestamp || "";
+                return /* @__PURE__ */ t("span", { className: "ss-dash-event-time", title: G(l), children: B(l) });
+              }
+            },
+            {
+              key: "id",
+              label: "",
+              width: "70px",
+              render: (s, e) => {
+                if ((e.method || e.sql_method || "") !== "select") return null;
+                const p = o?.queryId === e.id && !o?.error;
+                return /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: `ss-dash-explain-btn${p ? " ss-dash-explain-btn-active" : ""}`,
+                    onClick: (x) => {
+                      x.stopPropagation(), W(e.id);
+                    },
+                    disabled: M === e.id,
+                    children: M === e.id ? "..." : "EXPLAIN"
+                  }
+                );
+              }
+            }
+          ],
+          data: h,
+          sort: c,
+          sortDir: i,
+          onSort: R,
+          emptyMessage: "No queries recorded",
+          renderAfterRow: H
+        }
+      ) }),
+      w && /* @__PURE__ */ t(
+        ee,
+        {
+          page: w.page,
+          lastPage: w.lastPage,
+          total: w.total,
+          onPageChange: f
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ce as QueriesSection,
+  ce as default
+};

package/dist/react/QueriesTab-fyBB1u_Y.js

@@ -0,0 +1,90 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useState as m, useMemo as i, useCallback as v } from "react";
+import { filterQueries as C, countDuplicateQueries as D, computeQuerySummary as S, formatDuration as p, durationSeverity as g, timeAgo as Q, formatTime as T } from "adonisjs-server-stats/core";
+import { u as $ } from "./index-UdTfSvtO.js";
+import { u as E } from "./useResizableTable-CNJmACdt.js";
+function R({ options: b }) {
+  const { data: n, isLoading: y, error: u } = $("queries", b), [o, N] = m(""), [w, x] = m(null), d = i(() => n?.queries || [], [n]), a = i(() => C(d, o), [d, o]), l = i(() => D(d), [d]), r = i(
+    () => S(d, l),
+    [d, l]
+  ), h = v((s) => {
+    x((c) => c === s ? null : s);
+  }, []), f = E([a]);
+  return y && !n ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading queries..." }) : u ? /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    u.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 queries...",
+          value: o,
+          onChange: (s) => N(s.target.value)
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "ss-dbg-summary", children: [
+        a.length,
+        " queries",
+        r.slowCount > 0 && ` | ${r.slowCount} slow`,
+        r.dupCount > 0 && ` | ${r.dupCount} dup`,
+        a.length > 0 && ` | avg ${p(r.avgDuration)}`
+      ] })
+    ] }),
+    a.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No queries captured" }) : /* @__PURE__ */ t("table", { ref: f, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ t("colgroup", { children: [
+        /* @__PURE__ */ e("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ e("col", {}),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "70px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "100px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } })
+      ] }),
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "#" }),
+        /* @__PURE__ */ e("th", { children: "SQL" }),
+        /* @__PURE__ */ e("th", { children: "Duration" }),
+        /* @__PURE__ */ e("th", { children: "Method" }),
+        /* @__PURE__ */ e("th", { children: "Model" }),
+        /* @__PURE__ */ e("th", { children: "Time" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: a.map((s) => /* @__PURE__ */ t("tr", { children: [
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { whiteSpace: "nowrap" }, children: s.id }),
+        /* @__PURE__ */ t("td", { children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: `ss-dbg-sql ${w === s.id ? "ss-dbg-expanded" : ""}`,
+              onClick: () => h(s.id),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (c) => c.key === "Enter" && h(s.id),
+              children: s.sql
+            }
+          ),
+          l[s.sql] > 1 && /* @__PURE__ */ t("span", { className: "ss-dbg-dup", children: [
+            " x",
+            l[s.sql]
+          ] }),
+          s.inTransaction && /* @__PURE__ */ e("span", { className: "ss-dbg-dup", children: " TXN" })
+        ] }),
+        /* @__PURE__ */ e(
+          "td",
+          {
+            className: `ss-dbg-duration ${g(s.duration) === "very-slow" ? "ss-dbg-very-slow" : g(s.duration) === "slow" ? "ss-dbg-slow" : ""}`,
+            children: p(s.duration)
+          }
+        ),
+        /* @__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-muted", children: s.model || "-" }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-event-time", title: T(s.timestamp), children: Q(s.timestamp) })
+      ] }, s.id)) })
+    ] })
+  ] });
+}
+export {
+  R as QueriesTab,
+  R as default
+};