adonisjs-server-stats 1.10.3 → 1.11.1

package/dist/vue/TimelineTab-DHfXsX7t.js

@@ -0,0 +1,334 @@
+import { defineComponent as I, ref as c, computed as $, watch as Y, nextTick as j, onBeforeUnmount as K, openBlock as s, createElementBlock as l, Fragment as r, createElementVNode as e, toDisplayString as a, normalizeClass as g, unref as u, renderList as b, normalizeStyle as L, createTextVNode as N, createCommentVNode as f, createVNode as J, withDirectives as Q, vModelText as X, withModifiers as Z } from "vue";
+import { initSplitPane as tt, formatDuration as m, TAB_ICONS as V, formatTime as et, timeAgo as st, durationClassName as lt } from "adonisjs-server-stats/core";
+import { u as at } from "./useApiClient-BQQ9CF-q.js";
+import { u as nt } from "./useResizableTable-BoivAevK.js";
+import { _ as ot } from "./RelatedLogs.vue_vue_type_script_setup_true_lang-Py1iu9GU.js";
+const dt = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, it = { class: "ss-dbg-empty" }, rt = {
+  key: 2,
+  class: "ss-dbg-tl-detail-wrapper"
+}, ut = { class: "ss-dbg-tl-detail-header" }, ct = { class: "ss-dbg-tl-detail-url" }, gt = { class: "ss-dbg-tl-meta" }, bt = { class: "ss-dbg-tl-legend" }, vt = { id: "ss-dbg-tl-waterfall" }, ht = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, mt = ["title"], pt = { class: "ss-dbg-tl-track" }, ft = ["title"], _t = { class: "ss-dbg-tl-dur" }, yt = {
+  key: 0,
+  class: "ss-dbg-tl-warnings"
+}, kt = { class: "ss-dbg-tl-legend" }, wt = { id: "ss-dbg-tl-waterfall" }, Ct = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, Tt = ["title"], xt = { class: "ss-dbg-tl-track" }, $t = ["title"], Lt = { class: "ss-dbg-tl-dur" }, Rt = {
+  key: 0,
+  class: "ss-dbg-tl-warnings"
+}, Bt = {
+  key: 3,
+  class: "ss-dbg-empty"
+}, Dt = { class: "ss-dbg-search-bar" }, Et = { class: "ss-dbg-summary" }, At = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, St = ["onClick"], Mt = {
+  class: "ss-dbg-c-dim",
+  style: { "white-space": "nowrap" }
+}, Nt = { class: "ss-dbg-c-text" }, qt = ["href"], Ot = ["viewBox", "innerHTML"], Pt = {
+  class: "ss-dbg-c-muted",
+  style: { "text-align": "center" }
+}, Vt = ["title"], Gt = /* @__PURE__ */ I({
+  __name: "TimelineTab",
+  props: {
+    data: {},
+    dashboardPath: {},
+    baseUrl: {},
+    debugEndpoint: {},
+    authToken: {}
+  },
+  setup(R) {
+    const _ = R, y = c(""), v = c(null), n = c(null), B = c(!1), h = c(null), U = at(_.baseUrl || "", _.authToken), k = $(() => {
+      const d = _.data;
+      if (!d) return [];
+      const i = Array.isArray(d) ? d : d.traces || [];
+      if (!y.value.trim()) return i;
+      const t = y.value.toLowerCase();
+      return i.filter(
+        (o) => o.url.toLowerCase().includes(t) || o.method.toLowerCase().includes(t) || String(o.statusCode).includes(t)
+      );
+    }), w = {
+      request: "#1e3a5f",
+      middleware: "rgba(30, 58, 95, 0.7)",
+      db: "#6d28d9",
+      view: "#0e7490",
+      mail: "#059669",
+      event: "#b45309",
+      custom: "#525252"
+    }, q = {
+      request: "Request",
+      middleware: "Middleware",
+      db: "Database",
+      view: "View",
+      mail: "Mail",
+      event: "Event",
+      custom: "Custom"
+    };
+    function H(d) {
+      v.value === d.id ? (v.value = null, n.value = null, h.value = null) : (v.value = d.id, z(d.id));
+    }
+    function O() {
+      v.value = null, n.value = null, h.value = null;
+    }
+    let p = null;
+    async function z(d) {
+      p && p.abort(), p = new AbortController(), B.value = !0, h.value = null, n.value = null;
+      const i = _.debugEndpoint || "/admin/api/debug";
+      try {
+        const o = await U().get(`${i}/traces/${d}`);
+        n.value = o;
+      } catch (t) {
+        if (t instanceof Error && t.name === "AbortError") return;
+        h.value = t instanceof Error ? t.message : "Failed to load trace";
+      } finally {
+        B.value = !1;
+      }
+    }
+    const C = $(() => n.value?.spans || []), T = $(() => n.value?.warnings || []);
+    function P(d, i) {
+      const t = i || 1, o = t > 0 ? d.startOffset / t * 100 : 0, G = t > 0 ? Math.max(d.duration / t * 100, 0.5) : 0.5;
+      return {
+        left: `${o}%`,
+        width: `${G}%`,
+        background: w[d.category] || w.custom
+      };
+    }
+    const { tableRef: F } = nt(() => k.value), D = c(null), E = c(null), A = c(null), S = c(null);
+    let x = null;
+    const M = $(() => n.value ? n.value.logs || [] : []);
+    Y([v, n], async () => {
+      x?.(), x = null, n.value && M.value.length > 0 && (await j(), D.value && E.value && A.value && S.value && (x = tt({
+        container: D.value,
+        handle: E.value,
+        topPane: A.value,
+        bottomPane: S.value,
+        storageKey: "ss-dbg-timeline-split"
+      })));
+    }), K(() => {
+      p && p.abort(), x?.();
+    });
+    function W(d) {
+      return lt(d, "ss-dbg");
+    }
+    return (d, i) => (s(), l("div", null, [
+      v.value !== null ? (s(), l(r, { key: 0 }, [
+        B.value ? (s(), l("div", dt, "Loading trace detail...")) : h.value ? (s(), l(r, { key: 1 }, [
+          e("div", { class: "ss-dbg-tl-detail-header" }, [
+            e("button", {
+              type: "button",
+              class: "ss-dbg-btn-clear",
+              onClick: O
+            }, "← Back")
+          ]),
+          e("div", it, "Error: " + a(h.value), 1)
+        ], 64)) : n.value ? (s(), l("div", rt, [
+          e("div", ut, [
+            e("button", {
+              type: "button",
+              class: "ss-dbg-btn-clear",
+              onClick: O
+            }, "← Back"),
+            e("span", {
+              class: g(`ss-dbg-method ss-dbg-method-${n.value.method.toLowerCase()}`)
+            }, a(n.value.method), 3),
+            e("span", ct, a(n.value.url), 1),
+            e("span", {
+              class: g(`ss-dbg-status ss-dbg-status-${Math.floor(n.value.statusCode / 100)}xx`)
+            }, a(n.value.statusCode), 3),
+            e("span", gt, a(u(m)(n.value.totalDuration)) + " · " + a(n.value.spanCount) + " spans ", 1)
+          ]),
+          M.value.length > 0 ? (s(), l("div", {
+            key: 0,
+            ref_key: "splitContainerRef",
+            ref: D,
+            class: "ss-dbg-split-container"
+          }, [
+            e("div", {
+              ref_key: "splitTopRef",
+              ref: A,
+              class: "ss-dbg-split-top"
+            }, [
+              e("div", bt, [
+                (s(), l(r, null, b(w, (t, o) => e("span", {
+                  key: o,
+                  class: "ss-dbg-tl-legend-item"
+                }, [
+                  e("span", {
+                    class: "ss-dbg-tl-legend-dot",
+                    style: L({ background: t })
+                  }, null, 4),
+                  N(" " + a(q[o] || o), 1)
+                ])), 64))
+              ]),
+              e("div", vt, [
+                C.value.length === 0 ? (s(), l("div", ht, " No spans captured for this request ")) : f("", !0),
+                (s(!0), l(r, null, b(C.value, (t) => (s(), l("div", {
+                  key: t.id,
+                  class: "ss-dbg-tl-row"
+                }, [
+                  e("span", {
+                    class: "ss-dbg-tl-label",
+                    title: t.label
+                  }, a(t.label), 9, mt),
+                  e("span", pt, [
+                    e("span", {
+                      class: g(`ss-dbg-tl-bar ss-dbg-tl-bar-${t.category}`),
+                      style: L(P(t, n.value.totalDuration)),
+                      title: `${t.label}: ${u(m)(t.duration)}`
+                    }, null, 14, ft)
+                  ]),
+                  e("span", _t, a(u(m)(t.duration)), 1)
+                ]))), 128))
+              ]),
+              T.value.length > 0 ? (s(), l("div", yt, [
+                i[2] || (i[2] = e("div", { class: "ss-dbg-tl-warnings-title" }, "Warnings", -1)),
+                (s(!0), l(r, null, b(T.value, (t, o) => (s(), l("div", {
+                  key: o,
+                  class: "ss-dbg-tl-warning"
+                }, a(t), 1))), 128))
+              ])) : f("", !0)
+            ], 512),
+            e("div", {
+              ref_key: "splitHandleRef",
+              ref: E,
+              class: "ss-dbg-split-handle"
+            }, null, 512),
+            e("div", {
+              ref_key: "splitBottomRef",
+              ref: S,
+              class: "ss-dbg-split-bottom"
+            }, [
+              J(ot, { logs: M.value }, null, 8, ["logs"])
+            ], 512)
+          ], 512)) : (s(), l(r, { key: 1 }, [
+            e("div", kt, [
+              (s(), l(r, null, b(w, (t, o) => e("span", {
+                key: o,
+                class: "ss-dbg-tl-legend-item"
+              }, [
+                e("span", {
+                  class: "ss-dbg-tl-legend-dot",
+                  style: L({ background: t })
+                }, null, 4),
+                N(" " + a(q[o] || o), 1)
+              ])), 64))
+            ]),
+            e("div", wt, [
+              C.value.length === 0 ? (s(), l("div", Ct, " No spans captured for this request ")) : f("", !0),
+              (s(!0), l(r, null, b(C.value, (t) => (s(), l("div", {
+                key: t.id,
+                class: "ss-dbg-tl-row"
+              }, [
+                e("span", {
+                  class: "ss-dbg-tl-label",
+                  title: t.label
+                }, a(t.label), 9, Tt),
+                e("span", xt, [
+                  e("span", {
+                    class: g(`ss-dbg-tl-bar ss-dbg-tl-bar-${t.category}`),
+                    style: L(P(t, n.value.totalDuration)),
+                    title: `${t.label}: ${u(m)(t.duration)}`
+                  }, null, 14, $t)
+                ]),
+                e("span", Lt, a(u(m)(t.duration)), 1)
+              ]))), 128))
+            ]),
+            T.value.length > 0 ? (s(), l("div", Rt, [
+              i[3] || (i[3] = e("div", { class: "ss-dbg-tl-warnings-title" }, "Warnings", -1)),
+              (s(!0), l(r, null, b(T.value, (t, o) => (s(), l("div", {
+                key: o,
+                class: "ss-dbg-tl-warning"
+              }, a(t), 1))), 128))
+            ])) : f("", !0)
+          ], 64))
+        ])) : (s(), l("div", Bt, "Loading trace detail..."))
+      ], 64)) : (s(), l(r, { key: 1 }, [
+        e("div", Dt, [
+          Q(e("input", {
+            "onUpdate:modelValue": i[0] || (i[0] = (t) => y.value = t),
+            class: "ss-dbg-search",
+            placeholder: "Filter traces...",
+            type: "text"
+          }, null, 512), [
+            [X, y.value]
+          ]),
+          e("span", Et, a(k.value.length) + " traces", 1)
+        ]),
+        k.value.length === 0 ? (s(), l("div", At, "No traces captured")) : (s(), l("table", {
+          key: 1,
+          ref_key: "tableRef",
+          ref: F,
+          class: "ss-dbg-table"
+        }, [
+          i[4] || (i[4] = e("thead", null, [
+            e("tr", null, [
+              e("th", null, "#"),
+              e("th", null, "Method"),
+              e("th", null, "URL"),
+              e("th", null, "Status"),
+              e("th", null, "Duration"),
+              e("th", null, "Spans"),
+              e("th", null, "Time")
+            ])
+          ], -1)),
+          e("tbody", null, [
+            (s(!0), l(r, null, b(k.value, (t) => (s(), l("tr", {
+              key: t.id,
+              class: "ss-dbg-email-row",
+              onClick: (o) => H(t)
+            }, [
+              e("td", Mt, a(t.id), 1),
+              e("td", null, [
+                e("span", {
+                  class: g(`ss-dbg-method ss-dbg-method-${t.method.toLowerCase()}`)
+                }, a(t.method), 3)
+              ]),
+              e("td", Nt, [
+                N(a(t.url) + " ", 1),
+                R.dashboardPath ? (s(), l("a", {
+                  key: 0,
+                  href: `${R.dashboardPath}#requests?id=${t.id}`,
+                  target: "_blank",
+                  class: "ss-dbg-deeplink",
+                  onClick: i[1] || (i[1] = Z(() => {
+                  }, ["stop"]))
+                }, [
+                  (s(), l("svg", {
+                    viewBox: u(V)["open-external"].viewBox,
+                    width: "12",
+                    height: "12",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    innerHTML: u(V)["open-external"].elements.join("")
+                  }, null, 8, Ot))
+                ], 8, qt)) : f("", !0)
+              ]),
+              e("td", null, [
+                e("span", {
+                  class: g(`ss-dbg-status ss-dbg-status-${Math.floor(t.statusCode / 100)}xx`)
+                }, a(t.statusCode), 3)
+              ]),
+              e("td", {
+                class: g(["ss-dbg-duration", W(t.totalDuration)])
+              }, a(u(m)(t.totalDuration)), 3),
+              e("td", Pt, a(t.spanCount), 1),
+              e("td", {
+                class: "ss-dbg-event-time",
+                title: u(et)(t.timestamp)
+              }, a(u(st)(t.timestamp)), 9, Vt)
+            ], 8, St))), 128))
+          ])
+        ], 512))
+      ], 64))
+    ]));
+  }
+});
+export {
+  Gt as default
+};

package/dist/vue/components/shared/RelatedLogs.vue.d.ts

@@ -1,9 +1,6 @@
 import { LogEntry } from '../../../core/log-utils.js';
 type __VLS_Props = {
     logs: LogEntry[];
-    classPrefix?: 'ss-dash' | 'ss-dbg';
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    classPrefix: "ss-dash" | "ss-dbg";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/vue/{index-C8MxnS7Q.js → index-CM3yNVUR.js}

@@ -617,7 +617,7 @@ const wt = ["title", "aria-label"], Ct = ["viewBox", "innerHTML"], Tt = ["viewBo
     defaultOpen: { type: Boolean, default: !1 }
   },
   setup(e, { expose: s }) {
-    const t = E(() => import("./QueriesTab-C8_7oprC.js")), r = E(() => import("./EventsTab-BBM7olXF.js")), o = E(() => import("./EmailsTab-CNyEODVB.js")), c = E(() => import("./RoutesTab-Dz0MkZuF.js")), y = E(() => import("./LogsTab-47zEK7jL.js")), v = E(() => import("./TimelineTab-zj5Z5OdT.js")), f = E(() => import("./CacheTab-BPisYYiQ.js")), S = E(() => import("./JobsTab-WFnxPdN7.js")), R = E(() => import("./ConfigTab-C8cafGUj.js")), P = E(() => import("./InternalsTab-DEMjqtlw.js")), b = E(() => import("./CustomPaneTab-BJxT5Dp7.js")), u = e, H = h(u.defaultOpen), g = h("queries"), { theme: I } = oe(), { features: x } = de({
+    const t = E(() => import("./QueriesTab-DuTG7cpC.js")), r = E(() => import("./EventsTab-BBM7olXF.js")), o = E(() => import("./EmailsTab-CNyEODVB.js")), c = E(() => import("./RoutesTab-Dz0MkZuF.js")), y = E(() => import("./LogsTab-47zEK7jL.js")), v = E(() => import("./TimelineTab-DHfXsX7t.js")), f = E(() => import("./CacheTab-BPisYYiQ.js")), S = E(() => import("./JobsTab-WFnxPdN7.js")), R = E(() => import("./ConfigTab-C8cafGUj.js")), P = E(() => import("./InternalsTab-DEMjqtlw.js")), b = E(() => import("./CustomPaneTab-Hr1IBHfz.js")), u = e, H = h(u.defaultOpen), g = h("queries"), { theme: I } = oe(), { features: x } = de({
       baseUrl: u.baseUrl,
       debugEndpoint: u.debugEndpoint,
       authToken: u.authToken
@@ -976,7 +976,7 @@ const Qt = ["data-theme"], Jt = { class: "ss-dash-header" }, Wt = { class: "ss-d
     channelName: { default: "server-stats/dashboard" }
   },
   setup(e) {
-    const s = E(() => import("./OverviewSection-1uBKo-Tu.js")), t = E(() => import("./RequestsSection-x7LvT0MC.js")), r = E(() => import("./QueriesSection-rpoZ4ogd.js")), o = E(() => import("./EventsSection-BOYYz0Ty.js")), c = E(() => import("./RoutesSection-CCD0zZqQ.js")), y = E(() => import("./LogsSection-D55PjTKX.js")), v = E(() => import("./EmailsSection-DtLJ4XoS.js")), f = E(() => import("./CacheSection-ITqvpfH5.js")), S = E(() => import("./JobsSection-BazTxcJL.js")), R = E(() => import("./ConfigSection-DTn3GslE.js")), P = E(() => import("./InternalsSection-BJUXE-5F.js")), b = [
+    const s = E(() => import("./OverviewSection-BMabyqw-.js")), t = E(() => import("./RequestsSection-CTu4jPZ_.js")), r = E(() => import("./QueriesSection-BfDFwGqH.js")), o = E(() => import("./EventsSection-CxqtVF-o.js")), c = E(() => import("./RoutesSection-zQZDedL7.js")), y = E(() => import("./LogsSection-DmmZVJ7D.js")), v = E(() => import("./EmailsSection-B65g0FVS.js")), f = E(() => import("./CacheSection-DT2Mwf_s.js")), S = E(() => import("./JobsSection-rMIyMb-g.js")), R = E(() => import("./ConfigSection-BwKwS9lh.js")), P = E(() => import("./InternalsSection-BJUXE-5F.js")), b = [
       "overview",
       "requests",
       "queries",

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { a as s, b as r, c as u, u as t, d as D, e as b, f as g, g as o } from "./index-C8MxnS7Q.js";
+import { a as s, b as r, c as u, u as t, d as D, e as b, f as g, g as o } from "./index-CM3yNVUR.js";
 export {
   s as DashboardPage,
   r as DebugPanel,