adonisjs-server-stats 1.9.0 → 1.10.3

package/dist/vue/TimelineTab-zj5Z5OdT.js

@@ -0,0 +1,338 @@
+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 t, toDisplayString as a, normalizeClass as g, unref as u, renderList as b, normalizeStyle as L, createTextVNode as N, createCommentVNode as p, createVNode as J, withDirectives as Q, vModelText as X, withModifiers as Z } from "vue";
+import { initSplitPane as ee, formatDuration as m, TAB_ICONS as V, formatTime as te, timeAgo as se, durationSeverity as le } from "adonisjs-server-stats/core";
+import { u as ae } from "./useApiClient-BQQ9CF-q.js";
+import { u as ne } from "./useResizableTable-BoivAevK.js";
+import { _ as oe } from "./RelatedLogs.vue_vue_type_script_setup_true_lang-CB2_TzYW.js";
+const de = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, ie = { class: "ss-dbg-empty" }, re = {
+  key: 2,
+  class: "ss-dbg-tl-detail-wrapper"
+}, ue = { class: "ss-dbg-tl-detail-header" }, ce = { class: "ss-dbg-tl-detail-url" }, ge = { class: "ss-dbg-tl-meta" }, be = { class: "ss-dbg-tl-legend" }, ve = { id: "ss-dbg-tl-waterfall" }, he = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, me = ["title"], fe = { class: "ss-dbg-tl-track" }, pe = ["title"], _e = { class: "ss-dbg-tl-dur" }, ye = {
+  key: 0,
+  class: "ss-dbg-tl-warnings"
+}, ke = { class: "ss-dbg-tl-legend" }, we = { id: "ss-dbg-tl-waterfall" }, Ce = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, Te = ["title"], xe = { class: "ss-dbg-tl-track" }, $e = ["title"], Le = { class: "ss-dbg-tl-dur" }, Re = {
+  key: 0,
+  class: "ss-dbg-tl-warnings"
+}, Be = {
+  key: 3,
+  class: "ss-dbg-empty"
+}, De = { class: "ss-dbg-search-bar" }, Ee = { class: "ss-dbg-summary" }, Se = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, Ae = ["onClick"], Me = {
+  class: "ss-dbg-c-dim",
+  style: { "white-space": "nowrap" }
+}, Ne = { class: "ss-dbg-c-text" }, qe = ["href"], Oe = ["viewBox", "innerHTML"], Pe = {
+  class: "ss-dbg-c-muted",
+  style: { "text-align": "center" }
+}, Ve = ["title"], Ge = /* @__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 = ae(_.baseUrl || "", _.authToken), k = $(() => {
+      const i = _.data;
+      if (!i) return [];
+      const o = Array.isArray(i) ? i : i.traces || [];
+      if (!y.value.trim()) return o;
+      const e = y.value.toLowerCase();
+      return o.filter(
+        (d) => d.url.toLowerCase().includes(e) || d.method.toLowerCase().includes(e) || String(d.statusCode).includes(e)
+      );
+    }), 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(i) {
+      v.value === i.id ? (v.value = null, n.value = null, h.value = null) : (v.value = i.id, z(i.id));
+    }
+    function O() {
+      v.value = null, n.value = null, h.value = null;
+    }
+    let f = null;
+    async function z(i) {
+      f && f.abort(), f = new AbortController(), B.value = !0, h.value = null, n.value = null;
+      const o = _.debugEndpoint || "/admin/api/debug";
+      try {
+        const d = await U().get(`${o}/traces/${i}`);
+        n.value = d;
+      } catch (e) {
+        if (e instanceof Error && e.name === "AbortError") return;
+        h.value = e instanceof Error ? e.message : "Failed to load trace";
+      } finally {
+        B.value = !1;
+      }
+    }
+    const C = $(() => n.value?.spans || []), T = $(() => n.value?.warnings || []);
+    function P(i, o) {
+      const e = o || 1, d = e > 0 ? i.startOffset / e * 100 : 0, G = e > 0 ? Math.max(i.duration / e * 100, 0.5) : 0.5;
+      return {
+        left: `${d}%`,
+        width: `${G}%`,
+        background: w[i.category] || w.custom
+      };
+    }
+    const { tableRef: F } = ne(() => k.value), D = c(null), E = c(null), S = c(null), A = 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 && S.value && A.value && (x = ee({
+        container: D.value,
+        handle: E.value,
+        topPane: S.value,
+        bottomPane: A.value,
+        storageKey: "ss-dbg-timeline-split"
+      })));
+    }), K(() => {
+      f && f.abort(), x?.();
+    });
+    function W(i) {
+      const o = le(i);
+      return o === "very-slow" ? "ss-dbg-very-slow" : o === "slow" ? "ss-dbg-slow" : "";
+    }
+    return (i, o) => (s(), l("div", null, [
+      v.value !== null ? (s(), l(r, { key: 0 }, [
+        B.value ? (s(), l("div", de, "Loading trace detail...")) : h.value ? (s(), l(r, { key: 1 }, [
+          t("div", { class: "ss-dbg-tl-detail-header" }, [
+            t("button", {
+              type: "button",
+              class: "ss-dbg-btn-clear",
+              onClick: O
+            }, "← Back")
+          ]),
+          t("div", ie, "Error: " + a(h.value), 1)
+        ], 64)) : n.value ? (s(), l("div", re, [
+          t("div", ue, [
+            t("button", {
+              type: "button",
+              class: "ss-dbg-btn-clear",
+              onClick: O
+            }, "← Back"),
+            t("span", {
+              class: g(`ss-dbg-method ss-dbg-method-${n.value.method.toLowerCase()}`)
+            }, a(n.value.method), 3),
+            t("span", ce, a(n.value.url), 1),
+            t("span", {
+              class: g(`ss-dbg-status ss-dbg-status-${Math.floor(n.value.statusCode / 100)}xx`)
+            }, a(n.value.statusCode), 3),
+            t("span", ge, 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"
+          }, [
+            t("div", {
+              ref_key: "splitTopRef",
+              ref: S,
+              class: "ss-dbg-split-top"
+            }, [
+              t("div", be, [
+                (s(), l(r, null, b(w, (e, d) => t("span", {
+                  key: d,
+                  class: "ss-dbg-tl-legend-item"
+                }, [
+                  t("span", {
+                    class: "ss-dbg-tl-legend-dot",
+                    style: L({ background: e })
+                  }, null, 4),
+                  N(" " + a(q[d] || d), 1)
+                ])), 64))
+              ]),
+              t("div", ve, [
+                C.value.length === 0 ? (s(), l("div", he, " No spans captured for this request ")) : p("", !0),
+                (s(!0), l(r, null, b(C.value, (e) => (s(), l("div", {
+                  key: e.id,
+                  class: "ss-dbg-tl-row"
+                }, [
+                  t("span", {
+                    class: "ss-dbg-tl-label",
+                    title: e.label
+                  }, a(e.label), 9, me),
+                  t("span", fe, [
+                    t("span", {
+                      class: g(`ss-dbg-tl-bar ss-dbg-tl-bar-${e.category}`),
+                      style: L(P(e, n.value.totalDuration)),
+                      title: `${e.label}: ${u(m)(e.duration)}`
+                    }, null, 14, pe)
+                  ]),
+                  t("span", _e, a(u(m)(e.duration)), 1)
+                ]))), 128))
+              ]),
+              T.value.length > 0 ? (s(), l("div", ye, [
+                o[2] || (o[2] = t("div", { class: "ss-dbg-tl-warnings-title" }, "Warnings", -1)),
+                (s(!0), l(r, null, b(T.value, (e, d) => (s(), l("div", {
+                  key: d,
+                  class: "ss-dbg-tl-warning"
+                }, a(e), 1))), 128))
+              ])) : p("", !0)
+            ], 512),
+            t("div", {
+              ref_key: "splitHandleRef",
+              ref: E,
+              class: "ss-dbg-split-handle"
+            }, null, 512),
+            t("div", {
+              ref_key: "splitBottomRef",
+              ref: A,
+              class: "ss-dbg-split-bottom"
+            }, [
+              J(oe, {
+                logs: M.value,
+                "class-prefix": "ss-dbg"
+              }, null, 8, ["logs"])
+            ], 512)
+          ], 512)) : (s(), l(r, { key: 1 }, [
+            t("div", ke, [
+              (s(), l(r, null, b(w, (e, d) => t("span", {
+                key: d,
+                class: "ss-dbg-tl-legend-item"
+              }, [
+                t("span", {
+                  class: "ss-dbg-tl-legend-dot",
+                  style: L({ background: e })
+                }, null, 4),
+                N(" " + a(q[d] || d), 1)
+              ])), 64))
+            ]),
+            t("div", we, [
+              C.value.length === 0 ? (s(), l("div", Ce, " No spans captured for this request ")) : p("", !0),
+              (s(!0), l(r, null, b(C.value, (e) => (s(), l("div", {
+                key: e.id,
+                class: "ss-dbg-tl-row"
+              }, [
+                t("span", {
+                  class: "ss-dbg-tl-label",
+                  title: e.label
+                }, a(e.label), 9, Te),
+                t("span", xe, [
+                  t("span", {
+                    class: g(`ss-dbg-tl-bar ss-dbg-tl-bar-${e.category}`),
+                    style: L(P(e, n.value.totalDuration)),
+                    title: `${e.label}: ${u(m)(e.duration)}`
+                  }, null, 14, $e)
+                ]),
+                t("span", Le, a(u(m)(e.duration)), 1)
+              ]))), 128))
+            ]),
+            T.value.length > 0 ? (s(), l("div", Re, [
+              o[3] || (o[3] = t("div", { class: "ss-dbg-tl-warnings-title" }, "Warnings", -1)),
+              (s(!0), l(r, null, b(T.value, (e, d) => (s(), l("div", {
+                key: d,
+                class: "ss-dbg-tl-warning"
+              }, a(e), 1))), 128))
+            ])) : p("", !0)
+          ], 64))
+        ])) : (s(), l("div", Be, "Loading trace detail..."))
+      ], 64)) : (s(), l(r, { key: 1 }, [
+        t("div", De, [
+          Q(t("input", {
+            "onUpdate:modelValue": o[0] || (o[0] = (e) => y.value = e),
+            class: "ss-dbg-search",
+            placeholder: "Filter traces...",
+            type: "text"
+          }, null, 512), [
+            [X, y.value]
+          ]),
+          t("span", Ee, a(k.value.length) + " traces", 1)
+        ]),
+        k.value.length === 0 ? (s(), l("div", Se, "No traces captured")) : (s(), l("table", {
+          key: 1,
+          ref_key: "tableRef",
+          ref: F,
+          class: "ss-dbg-table"
+        }, [
+          o[4] || (o[4] = t("thead", null, [
+            t("tr", null, [
+              t("th", null, "#"),
+              t("th", null, "Method"),
+              t("th", null, "URL"),
+              t("th", null, "Status"),
+              t("th", null, "Duration"),
+              t("th", null, "Spans"),
+              t("th", null, "Time")
+            ])
+          ], -1)),
+          t("tbody", null, [
+            (s(!0), l(r, null, b(k.value, (e) => (s(), l("tr", {
+              key: e.id,
+              class: "ss-dbg-email-row",
+              onClick: (d) => H(e)
+            }, [
+              t("td", Me, a(e.id), 1),
+              t("td", null, [
+                t("span", {
+                  class: g(`ss-dbg-method ss-dbg-method-${e.method.toLowerCase()}`)
+                }, a(e.method), 3)
+              ]),
+              t("td", Ne, [
+                N(a(e.url) + " ", 1),
+                R.dashboardPath ? (s(), l("a", {
+                  key: 0,
+                  href: `${R.dashboardPath}#requests?id=${e.id}`,
+                  target: "_blank",
+                  class: "ss-dbg-deeplink",
+                  onClick: o[1] || (o[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, Oe))
+                ], 8, qe)) : p("", !0)
+              ]),
+              t("td", null, [
+                t("span", {
+                  class: g(`ss-dbg-status ss-dbg-status-${Math.floor(e.statusCode / 100)}xx`)
+                }, a(e.statusCode), 3)
+              ]),
+              t("td", {
+                class: g(["ss-dbg-duration", W(e.totalDuration)])
+              }, a(u(m)(e.totalDuration)), 3),
+              t("td", Pe, a(e.spanCount), 1),
+              t("td", {
+                class: "ss-dbg-event-time",
+                title: u(te)(e.timestamp)
+              }, a(u(se)(e.timestamp)), 9, Ve)
+            ], 8, Ae))), 128))
+          ])
+        ], 512))
+      ], 64))
+    ]));
+  }
+});
+export {
+  Ge as default
+};

package/dist/vue/components/Dashboard/sections/RequestsSection.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    splitContainerRef: HTMLDivElement;
+    splitTopRef: HTMLDivElement;
+    splitHandleRef: HTMLDivElement;
+    splitBottomRef: HTMLDivElement;
     tableRef: HTMLTableElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/vue/components/DebugPanel/tabs/TimelineTab.vue.d.ts

@@ -9,6 +9,10 @@ type __VLS_Props = {
     authToken?: string;
 };
 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, {
+    splitContainerRef: HTMLDivElement;
+    splitTopRef: HTMLDivElement;
+    splitHandleRef: HTMLDivElement;
+    splitBottomRef: HTMLDivElement;
     tableRef: HTMLTableElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/vue/components/{Dashboard/sections/TimelineSection.vue.d.ts → shared/RelatedLogs.vue.d.ts}

@@ -1,10 +1,9 @@
+import { LogEntry } from '../../../core/log-utils.js';
 type __VLS_Props = {
-    /** When false, show a "tracing disabled" message instead of fetching. Defaults to true. */
-    tracingEnabled?: boolean;
+    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<{}>, {
-    tracingEnabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    tableRef: HTMLTableElement;
-}, HTMLDivElement>;
+    classPrefix: "ss-dash" | "ss-dbg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/vue/composables/useDashboardData.d.ts

@@ -1,5 +1,5 @@
 import { Ref, WatchSource } from 'vue';
-import { DashboardSection, TimeRange } from '../../core/index.js';
+import { DashboardSection, PaginationState, TimeRange } from '../../core/index.js';
 export interface UseDashboardDataOptions {
     /** Base URL for API requests. */
     baseUrl?: string;
@@ -15,18 +15,22 @@ export interface UseDashboardDataOptions {
     refreshKey?: Ref<number> | WatchSource<number>;
 }
 export declare function useDashboardData(section: () => DashboardSection | string, options?: UseDashboardDataOptions): {
+    mutate(path: string, method?: "post" | "delete", body?: unknown): Promise<unknown>;
+    refresh(): void;
+    startRefresh(): void;
+    stopRefresh(): void;
+    goToPage(page: number): void;
+    setSearch(search: string): void;
+    setFilter(key: string, value: string | number | boolean): void;
+    setSort(column: string, direction?: "asc" | "desc"): void;
+    setTimeRange(range: TimeRange): void;
     data: Ref<unknown, unknown>;
     loading: Ref<boolean, boolean>;
     error: Ref<Error | null, Error | null>;
     isUnauthorized: Ref<boolean, boolean>;
-    pagination: {
-        page: number;
-        perPage: number;
-        total: number;
-        totalPages: number;
-    };
+    pagination: PaginationState;
     filter: {
-        [x: string]: string | number | boolean;
+        [key: string]: string | number | boolean;
         search: string;
     };
     sort: {
@@ -34,19 +38,4 @@ export declare function useDashboardData(section: () => DashboardSection | strin
         direction: "asc" | "desc";
     };
     timeRange: Ref<TimeRange, TimeRange>;
-    goToPage: (page: number) => void;
-    setSearch: (search: string) => void;
-    setFilter: (key: string, value: string | number | boolean) => void;
-    setSort: (column: string, direction?: "asc" | "desc") => void;
-    setTimeRange: (range: TimeRange) => void;
-    refresh: () => void;
-    startRefresh: () => void;
-    stopRefresh: () => void;
-    mutate: (path: string, method?: "post" | "delete", body?: unknown) => Promise<unknown>;
-    fetchChart: (range: TimeRange) => Promise<unknown>;
-    fetchGroupedQueries: () => Promise<unknown>;
-    explainQuery: (queryId: number) => Promise<unknown>;
-    retryJob: (jobId: string) => Promise<boolean>;
-    deleteCacheKey: (key: string) => Promise<boolean>;
-    fetchEmailPreview: (emailId: number) => Promise<string | null>;
 };