adonisjs-server-stats 1.11.7 → 1.12.0

package/dist/react/QueriesSection-CZJ-imAb.js

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

package/dist/react/QueriesTab-CQHa1ck3.js

@@ -1,97 +0,0 @@
-import { jsx as e, jsxs as t, Fragment as w } from "react/jsx-runtime";
-import { useState as m, useMemo as l, useCallback as C } from "react";
-import { filterQueries as v, countDuplicateQueries as D, computeQuerySummary as Q, formatDuration as p, durationClassName as S } from "adonisjs-server-stats/core";
-import { T } from "./TimeAgoCell-o3KigGfM.js";
-import { u as M, M as $ } from "./index-C4EMJrkH.js";
-import { u as E } from "./useResizableTable-CNJmACdt.js";
-import { F } from "./FilterBar-CQ7bD669.js";
-function A({ options: g }) {
-  const { data: n, isLoading: b, error: u } = M("queries", g), [o, y] = m(""), [f, x] = m(null), d = l(() => n?.queries || [], [n]), r = l(() => v(d, o), [d, o]), a = l(() => D(d), [d]), i = l(
-    () => Q(d, a),
-    [d, a]
-  ), h = C((s) => {
-    x((c) => c === s ? null : s);
-  }, []), N = E([r]);
-  return b && !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__ */ e(
-      F,
-      {
-        search: o,
-        onSearchChange: y,
-        placeholder: "Filter queries...",
-        summary: /* @__PURE__ */ t(w, { children: [
-          r.length,
-          " queries",
-          i.slowCount > 0 && ` | ${i.slowCount} slow`,
-          i.dupCount > 0 && ` | ${i.dupCount} dup`,
-          r.length > 0 && ` | avg ${p(i.avgDuration)}`
-        ] })
-      }
-    ),
-    r.length === 0 ? /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
-      /* @__PURE__ */ e("span", { children: "No queries captured" }),
-      /* @__PURE__ */ t("span", { className: "ss-empty-hint", children: [
-        "Queries require ",
-        /* @__PURE__ */ e("code", { children: "debug: true" }),
-        " on your Lucid connections in",
-        " ",
-        /* @__PURE__ */ e("code", { children: "config/database.ts" })
-      ] })
-    ] }) : /* @__PURE__ */ t("table", { ref: N, 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: r.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 ${f === s.id ? "ss-dbg-expanded" : ""}`,
-              onClick: () => h(s.id),
-              role: "button",
-              tabIndex: 0,
-              onKeyDown: (c) => c.key === "Enter" && h(s.id),
-              children: s.sql
-            }
-          ),
-          a[s.sql] > 1 && /* @__PURE__ */ t("span", { className: "ss-dbg-dup", children: [
-            " x",
-            a[s.sql]
-          ] }),
-          s.inTransaction && /* @__PURE__ */ e("span", { className: "ss-dbg-dup", children: " TXN" })
-        ] }),
-        /* @__PURE__ */ e(
-          "td",
-          {
-            className: `ss-dbg-duration ${S(s.duration, "ss-dbg")}`,
-            children: p(s.duration)
-          }
-        ),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e($, { method: s.method, classPrefix: "ss-dbg" }) }),
-        /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", children: s.model || "-" }),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(T, { ts: s.timestamp, className: "ss-dbg-event-time" }) })
-      ] }, s.id)) })
-    ] })
-  ] });
-}
-export {
-  A as QueriesTab,
-  A as default
-};