adonisjs-server-stats 1.10.0 → 1.11.0

package/dist/react/{EventsSection-ByQ-9blq.js → EventsSection-DJPwHeT8.js}

@@ -1,23 +1,24 @@
-import { jsxs as o, jsx as e, Fragment as g } from "react/jsx-runtime";
-import { useState as d, useEffect as f } from "react";
-import { timeAgo as y, formatTime as u } from "adonisjs-server-stats/core";
-import { a as b, J as N } from "./index-Cflz9Ebj.js";
+import { jsxs as i, jsx as e, Fragment as g } from "react/jsx-runtime";
+import { useState as m, useEffect as f } from "react";
+import { resolveEventName as y, resolveTimestamp as u } from "adonisjs-server-stats/core";
+import { T as w } from "./TimeAgoCell-o3KigGfM.js";
+import { a as b, J as N } from "./index-DwDK-4oX.js";
 import { D as x } from "./DataTable-YyShr5B-.js";
-import { F as P } from "./FilterBar-DQRXpWrb.js";
+import { F as P } from "./FilterBar-CQ7bD669.js";
 import { P as k } from "./Pagination-BkmzUDY8.js";
-function L({ options: m = {} }) {
-  const [c, i] = d(1), [r, p] = d(""), { data: l, meta: t, isLoading: h } = b("events", { ...m, page: c, search: r }), v = l || [];
-  return f(() => i(1), [r]), /* @__PURE__ */ o("div", { children: [
+function A({ options: d = {} }) {
+  const [c, o] = m(1), [r, p] = m(""), { data: l, meta: a, isLoading: v } = b("events", { ...d, page: c, search: r }), h = l || [];
+  return f(() => o(1), [r]), /* @__PURE__ */ i("div", { children: [
     /* @__PURE__ */ e(
       P,
       {
         search: r,
         onSearchChange: p,
         placeholder: "Filter events...",
-        summary: `${t?.total ?? 0} events`
+        summary: `${a?.total ?? 0} events`
       }
     ),
-    h && !l ? /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading events..." }) : /* @__PURE__ */ o(g, { children: [
+    v && !l ? /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading events..." }) : /* @__PURE__ */ i(g, { children: [
       /* @__PURE__ */ e("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ e(
         x,
         {
@@ -26,25 +27,25 @@ function L({ options: m = {} }) {
               key: "id",
               label: "#",
               width: "40px",
-              render: (s) => /* @__PURE__ */ e("span", { style: { color: "var(--ss-dim)" }, children: s })
+              render: (t) => /* @__PURE__ */ e("span", { style: { color: "var(--ss-dim)" }, children: t })
             },
             {
               key: "eventName",
               label: "Event",
-              render: (s, a) => {
-                const n = a.event_name || a.eventName || a.event || "";
+              render: (t, n) => {
+                const s = y(n);
                 return /* @__PURE__ */ e(
                   "span",
                   {
                     className: "ss-dash-event-name",
-                    title: n,
+                    title: s,
                     style: {
                       overflow: "hidden",
                       textOverflow: "ellipsis",
                       whiteSpace: "nowrap",
                       display: "block"
                     },
-                    children: n
+                    children: s
                   }
                 );
               }
@@ -52,35 +53,35 @@ function L({ options: m = {} }) {
             {
               key: "data",
               label: "Data",
-              render: (s) => /* @__PURE__ */ e(N, { data: s, maxPreviewLength: 80, className: "ss-dash-event-data" })
+              render: (t) => /* @__PURE__ */ e(N, { data: t, maxPreviewLength: 80, className: "ss-dash-event-data" })
             },
             {
               key: "createdAt",
               label: "Time",
               width: "80px",
-              render: (s, a) => {
-                const n = a.createdAt || a.created_at || a.timestamp;
-                return /* @__PURE__ */ e("span", { className: "ss-dash-event-time", title: u(n), children: y(n) });
+              render: (t, n) => {
+                const s = u(n);
+                return /* @__PURE__ */ e(w, { ts: s, className: "ss-dash-event-time" });
               }
             }
           ],
-          data: v,
+          data: h,
           emptyMessage: "No events recorded yet"
         }
       ) }),
-      t && /* @__PURE__ */ e(
+      a && /* @__PURE__ */ e(
         k,
         {
-          page: t.page,
-          lastPage: t.lastPage,
-          total: t.total,
-          onPageChange: i
+          page: a.page,
+          lastPage: a.lastPage,
+          total: a.total,
+          onPageChange: o
         }
       )
     ] })
   ] });
 }
 export {
-  L as EventsSection,
-  L as default
+  A as EventsSection,
+  A as default
 };

package/dist/react/EventsTab-B-FoehXC.js

@@ -0,0 +1,58 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useState as p, useMemo as u } from "react";
+import { resolveTimestamp as g } from "adonisjs-server-stats/core";
+import { T as b } from "./TimeAgoCell-o3KigGfM.js";
+import { u as f, J as v } from "./index-DwDK-4oX.js";
+import { u as w } from "./useResizableTable-CNJmACdt.js";
+import { F as y } from "./FilterBar-CQ7bD669.js";
+function E({ options: c }) {
+  const { data: i, isLoading: o, error: d } = f("events", c), [r, m] = p(""), a = u(() => {
+    const s = i?.events || [];
+    if (!r) return s;
+    const n = r.toLowerCase();
+    return s.filter(
+      (l) => (l.event || "").toLowerCase().includes(n) || (l.data || "").toLowerCase().includes(n)
+    );
+  }, [i, r]), h = w([a]);
+  return o && !i ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading events..." }) : d ? /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    d.message
+  ] }) : /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        search: r,
+        onSearchChange: m,
+        placeholder: "Filter events...",
+        summary: `${a.length} events`
+      }
+    ),
+    a.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No events captured" }) : /* @__PURE__ */ t("table", { ref: h, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ t("colgroup", { children: [
+        /* @__PURE__ */ e("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "20%" } }),
+        /* @__PURE__ */ e("col", {}),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } })
+      ] }),
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "#" }),
+        /* @__PURE__ */ e("th", { children: "Event" }),
+        /* @__PURE__ */ e("th", { children: "Data" }),
+        /* @__PURE__ */ e("th", { children: "Time" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: a.map((s) => {
+        const n = g(s);
+        return /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { whiteSpace: "nowrap" }, children: s.id }),
+          /* @__PURE__ */ e("td", { className: "ss-dbg-event-name", children: s.event }),
+          /* @__PURE__ */ e("td", { className: "ss-dbg-event-data", children: /* @__PURE__ */ e(v, { data: s.data, maxPreviewLength: 80, classPrefix: "ss-dbg" }) }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(b, { ts: n, className: "ss-dbg-event-time" }) })
+        ] }, s.id);
+      }) })
+    ] })
+  ] });
+}
+export {
+  E as EventsTab,
+  E as default
+};

package/dist/react/{FilterBar-DQRXpWrb.js → FilterBar-CQ7bD669.js}

@@ -1,24 +1,24 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useCallback as h } from "react";
+import { useCallback as m } from "react";
 import { TAB_ICONS as o } from "adonisjs-server-stats/core";
-function v({
-  search: r,
+function p({
+  search: t,
   onSearchChange: e,
   placeholder: i = "Search...",
-  summary: a,
-  children: t,
+  summary: r,
+  children: a,
   className: n = ""
 }) {
-  const c = h(() => {
+  const c = m(() => {
     e("");
   }, [e]);
-  return /* @__PURE__ */ l("div", { className: `ss-dash-filter-bar ${n}`, children: [
-    a != null && /* @__PURE__ */ s("span", { className: "ss-dash-summary", children: a }),
-    /* @__PURE__ */ l("div", { className: "ss-dash-search-wrapper", children: [
+  return /* @__PURE__ */ l("div", { className: `ss-dbg-filter-bar ${n}`, children: [
+    r != null && /* @__PURE__ */ s("span", { className: "ss-dbg-summary", children: r }),
+    /* @__PURE__ */ l("div", { className: "ss-dbg-search-wrapper", children: [
       /* @__PURE__ */ s(
         "svg",
         {
-          className: "ss-dash-search-icon",
+          className: "ss-dbg-search-icon",
           width: "14",
           height: "14",
           viewBox: o.search.viewBox,
@@ -34,17 +34,17 @@ function v({
         "input",
         {
           type: "text",
-          className: "ss-dash-search",
+          className: "ss-dbg-search",
           placeholder: i,
-          value: r,
+          value: t,
           onChange: (d) => e(d.target.value)
         }
       ),
-      r && /* @__PURE__ */ s("button", { type: "button", className: "ss-dash-search-clear", onClick: c, children: "×" })
+      t && /* @__PURE__ */ s("button", { type: "button", className: "ss-dbg-search-clear", onClick: c, children: "×" })
     ] }),
-    t && /* @__PURE__ */ s("div", { className: "ss-dash-filter-controls", children: t })
+    a && /* @__PURE__ */ s("div", { className: "ss-dbg-filter-controls", children: a })
   ] });
 }
 export {
-  v as F
+  p as F
 };