adonisjs-server-stats 1.10.0 → 1.11.0

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/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>;
 };