adonisjs-server-stats 1.9.0 → 1.10.3

package/dist/vue/TimelineTab-Db6lKKsD.js

@@ -1,250 +0,0 @@
-import { defineComponent as z, ref as h, computed as x, onBeforeUnmount as F, openBlock as s, createElementBlock as l, Fragment as i, createElementVNode as t, toDisplayString as n, normalizeClass as b, unref as u, renderList as _, normalizeStyle as B, createTextVNode as D, createCommentVNode as T, withDirectives as P, vModelText as G, withModifiers as H } from "vue";
-import { formatDuration as y, TAB_ICONS as A, formatTime as I, timeAgo as W, durationSeverity as Y } from "adonisjs-server-stats/core";
-import { u as j } from "./useApiClient-BQQ9CF-q.js";
-import { u as J } from "./useResizableTable-BoivAevK.js";
-const K = {
-  key: 0,
-  class: "ss-dbg-empty"
-}, Q = { class: "ss-dbg-empty" }, X = { class: "ss-dbg-tl-detail-header" }, Z = { class: "ss-dbg-tl-detail-url" }, ee = { class: "ss-dbg-tl-meta" }, te = { class: "ss-dbg-tl-legend" }, se = { id: "ss-dbg-tl-waterfall" }, le = {
-  key: 0,
-  class: "ss-dbg-empty"
-}, ae = ["title"], ne = { class: "ss-dbg-tl-track" }, oe = ["title"], de = { class: "ss-dbg-tl-dur" }, re = {
-  key: 0,
-  class: "ss-dbg-tl-warnings"
-}, ie = {
-  key: 3,
-  class: "ss-dbg-empty"
-}, ue = { class: "ss-dbg-search-bar" }, ce = { class: "ss-dbg-summary" }, be = {
-  key: 0,
-  class: "ss-dbg-empty"
-}, ge = ["onClick"], ve = {
-  class: "ss-dbg-c-dim",
-  style: { "white-space": "nowrap" }
-}, he = { class: "ss-dbg-c-text" }, me = ["href"], fe = ["viewBox", "innerHTML"], pe = {
-  class: "ss-dbg-c-muted",
-  style: { "text-align": "center" }
-}, _e = ["title"], xe = /* @__PURE__ */ z({
-  __name: "TimelineTab",
-  props: {
-    data: {},
-    dashboardPath: {},
-    baseUrl: {},
-    debugEndpoint: {},
-    authToken: {}
-  },
-  setup(k) {
-    const m = k, f = h(""), g = h(null), d = h(null), w = h(!1), c = h(null), S = j(m.baseUrl || "", m.authToken), p = x(() => {
-      const o = m.data;
-      if (!o) return [];
-      const a = Array.isArray(o) ? o : o.traces || [];
-      if (!f.value.trim()) return a;
-      const e = f.value.toLowerCase();
-      return a.filter(
-        (r) => r.url.toLowerCase().includes(e) || r.method.toLowerCase().includes(e) || String(r.statusCode).includes(e)
-      );
-    }), C = {
-      request: "#1e3a5f",
-      middleware: "rgba(30, 58, 95, 0.7)",
-      db: "#6d28d9",
-      view: "#0e7490",
-      mail: "#059669",
-      event: "#b45309",
-      custom: "#525252"
-    }, M = {
-      request: "Request",
-      middleware: "Middleware",
-      db: "Database",
-      view: "View",
-      mail: "Mail",
-      event: "Event",
-      custom: "Custom"
-    };
-    function R(o) {
-      g.value === o.id ? (g.value = null, d.value = null, c.value = null) : (g.value = o.id, N(o.id));
-    }
-    function L() {
-      g.value = null, d.value = null, c.value = null;
-    }
-    let v = null;
-    async function N(o) {
-      v && v.abort(), v = new AbortController(), w.value = !0, c.value = null, d.value = null;
-      const a = m.debugEndpoint || "/admin/api/debug";
-      try {
-        const r = await S().get(`${a}/traces/${o}`);
-        d.value = r;
-      } catch (e) {
-        if (e instanceof Error && e.name === "AbortError") return;
-        c.value = e instanceof Error ? e.message : "Failed to load trace";
-      } finally {
-        w.value = !1;
-      }
-    }
-    const $ = x(() => d.value?.spans || []), E = x(() => d.value?.warnings || []);
-    function O(o, a) {
-      const e = a || 1, r = e > 0 ? o.startOffset / e * 100 : 0, q = e > 0 ? Math.max(o.duration / e * 100, 0.5) : 0.5;
-      return {
-        left: `${r}%`,
-        width: `${q}%`,
-        background: C[o.category] || C.custom
-      };
-    }
-    const { tableRef: U } = J(() => p.value);
-    F(() => {
-      v && v.abort();
-    });
-    function V(o) {
-      const a = Y(o);
-      return a === "very-slow" ? "ss-dbg-very-slow" : a === "slow" ? "ss-dbg-slow" : "";
-    }
-    return (o, a) => (s(), l("div", null, [
-      g.value !== null ? (s(), l(i, { key: 0 }, [
-        w.value ? (s(), l("div", K, "Loading trace detail...")) : c.value ? (s(), l(i, { key: 1 }, [
-          t("div", { class: "ss-dbg-tl-detail-header" }, [
-            t("button", {
-              type: "button",
-              class: "ss-dbg-btn-clear",
-              onClick: L
-            }, "← Back")
-          ]),
-          t("div", Q, "Error: " + n(c.value), 1)
-        ], 64)) : d.value ? (s(), l(i, { key: 2 }, [
-          t("div", X, [
-            t("button", {
-              type: "button",
-              class: "ss-dbg-btn-clear",
-              onClick: L
-            }, "← Back"),
-            t("span", {
-              class: b(`ss-dbg-method ss-dbg-method-${d.value.method.toLowerCase()}`)
-            }, n(d.value.method), 3),
-            t("span", Z, n(d.value.url), 1),
-            t("span", {
-              class: b(`ss-dbg-status ss-dbg-status-${Math.floor(d.value.statusCode / 100)}xx`)
-            }, n(d.value.statusCode), 3),
-            t("span", ee, n(u(y)(d.value.totalDuration)) + " · " + n(d.value.spanCount) + " spans ", 1)
-          ]),
-          t("div", te, [
-            (s(), l(i, null, _(C, (e, r) => t("span", {
-              key: r,
-              class: "ss-dbg-tl-legend-item"
-            }, [
-              t("span", {
-                class: "ss-dbg-tl-legend-dot",
-                style: B({ background: e })
-              }, null, 4),
-              D(" " + n(M[r] || r), 1)
-            ])), 64))
-          ]),
-          t("div", se, [
-            $.value.length === 0 ? (s(), l("div", le, " No spans captured for this request ")) : T("", !0),
-            (s(!0), l(i, null, _($.value, (e) => (s(), l("div", {
-              key: e.id,
-              class: "ss-dbg-tl-row"
-            }, [
-              t("span", {
-                class: "ss-dbg-tl-label",
-                title: e.label
-              }, n(e.label), 9, ae),
-              t("span", ne, [
-                t("span", {
-                  class: b(`ss-dbg-tl-bar ss-dbg-tl-bar-${e.category}`),
-                  style: B(O(e, d.value.totalDuration)),
-                  title: `${e.label}: ${u(y)(e.duration)}`
-                }, null, 14, oe)
-              ]),
-              t("span", de, n(u(y)(e.duration)), 1)
-            ]))), 128))
-          ]),
-          E.value.length > 0 ? (s(), l("div", re, [
-            a[2] || (a[2] = t("div", { class: "ss-dbg-tl-warnings-title" }, "Warnings", -1)),
-            (s(!0), l(i, null, _(E.value, (e, r) => (s(), l("div", {
-              key: r,
-              class: "ss-dbg-tl-warning"
-            }, n(e), 1))), 128))
-          ])) : T("", !0)
-        ], 64)) : (s(), l("div", ie, "Loading trace detail..."))
-      ], 64)) : (s(), l(i, { key: 1 }, [
-        t("div", ue, [
-          P(t("input", {
-            "onUpdate:modelValue": a[0] || (a[0] = (e) => f.value = e),
-            class: "ss-dbg-search",
-            placeholder: "Filter traces...",
-            type: "text"
-          }, null, 512), [
-            [G, f.value]
-          ]),
-          t("span", ce, n(p.value.length) + " traces", 1)
-        ]),
-        p.value.length === 0 ? (s(), l("div", be, "No traces captured")) : (s(), l("table", {
-          key: 1,
-          ref_key: "tableRef",
-          ref: U,
-          class: "ss-dbg-table"
-        }, [
-          a[3] || (a[3] = 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(i, null, _(p.value, (e) => (s(), l("tr", {
-              key: e.id,
-              class: "ss-dbg-email-row",
-              onClick: (r) => R(e)
-            }, [
-              t("td", ve, n(e.id), 1),
-              t("td", null, [
-                t("span", {
-                  class: b(`ss-dbg-method ss-dbg-method-${e.method.toLowerCase()}`)
-                }, n(e.method), 3)
-              ]),
-              t("td", he, [
-                D(n(e.url) + " ", 1),
-                k.dashboardPath ? (s(), l("a", {
-                  key: 0,
-                  href: `${k.dashboardPath}#timeline?id=${e.id}`,
-                  target: "_blank",
-                  class: "ss-dbg-deeplink",
-                  onClick: a[1] || (a[1] = H(() => {
-                  }, ["stop"]))
-                }, [
-                  (s(), l("svg", {
-                    viewBox: u(A)["open-external"].viewBox,
-                    width: "12",
-                    height: "12",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    innerHTML: u(A)["open-external"].elements.join("")
-                  }, null, 8, fe))
-                ], 8, me)) : T("", !0)
-              ]),
-              t("td", null, [
-                t("span", {
-                  class: b(`ss-dbg-status ss-dbg-status-${Math.floor(e.statusCode / 100)}xx`)
-                }, n(e.statusCode), 3)
-              ]),
-              t("td", {
-                class: b(["ss-dbg-duration", V(e.totalDuration)])
-              }, n(u(y)(e.totalDuration)), 3),
-              t("td", pe, n(e.spanCount), 1),
-              t("td", {
-                class: "ss-dbg-event-time",
-                title: u(I)(e.timestamp)
-              }, n(u(W)(e.timestamp)), 9, _e)
-            ], 8, ge))), 128))
-          ])
-        ], 512))
-      ], 64))
-    ]));
-  }
-});
-export {
-  xe as default
-};

package/dist/vue/WaterfallChart.vue_vue_type_script_setup_true_lang-tZ13cNj1.js

@@ -1,118 +0,0 @@
-import { defineComponent as B, computed as c, openBlock as n, createElementBlock as l, normalizeClass as u, createElementVNode as a, Fragment as m, renderList as h, normalizeStyle as g, toDisplayString as d, createTextVNode as L, createCommentVNode as O } from "vue";
-const S = {
-  key: 0,
-  class: "ss-dash-empty"
-}, D = { class: "ss-dash-tl-legend" }, E = ["title"], N = { class: "ss-dash-tl-track" }, F = ["title"], M = { class: "ss-dash-tl-dur" }, R = {
-  key: 0,
-  class: "ss-dash-tl-warnings"
-}, T = { class: "ss-dash-tl-warnings-title" }, q = /* @__PURE__ */ B({
-  __name: "WaterfallChart",
-  props: {
-    spans: {},
-    totalDuration: {},
-    className: {},
-    warnings: {}
-  },
-  setup(r) {
-    const o = r, f = {
-      request: "#1e3a5f",
-      middleware: "rgba(30, 58, 95, 0.7)",
-      db: "#6d28d9",
-      view: "#0e7490",
-      mail: "#059669",
-      event: "#b45309",
-      custom: "var(--ss-dim)"
-    }, _ = {
-      request: "Request",
-      middleware: "Middleware",
-      db: "DB",
-      mail: "Mail",
-      event: "Event",
-      view: "View",
-      custom: "Custom"
-    }, v = c(() => o.spans || []), b = c(
-      () => [...v.value].sort((t, s) => t.startOffset - s.startOffset)
-    ), y = c(() => {
-      const t = {};
-      for (const s of b.value)
-        t[s.id] = s.parentId ? (t[s.parentId] || 0) + 1 : 0;
-      return t;
-    });
-    function $(t) {
-      const s = o.totalDuration || 1;
-      return `${t.startOffset / s * 100}%`;
-    }
-    function k(t) {
-      const s = o.totalDuration || 1;
-      return `${Math.max(t.duration / s * 100, 0.5)}%`;
-    }
-    function x(t) {
-      return t.length > 50 ? t.slice(0, 50) + "..." : t;
-    }
-    function C(t) {
-      return t === "db" ? "DB" : t;
-    }
-    function p(t) {
-      return t === "db" ? "purple" : t === "mail" ? "green" : t === "event" ? "amber" : t === "view" ? "blue" : "muted";
-    }
-    function w(t) {
-      const s = t.metadata ? Object.entries(t.metadata).filter(([, e]) => e != null).map(([e, i]) => `${e}=${i}`).join(", ") : "";
-      return s ? `${t.label} (${t.duration.toFixed(2)}ms)
-${s}` : `${t.label} (${t.duration.toFixed(2)}ms)`;
-    }
-    return (t, s) => v.value.length === 0 ? (n(), l("div", S, "No spans recorded")) : (n(), l("div", {
-      key: 1,
-      class: u(`ss-dash-tl-waterfall ${r.className || ""}`)
-    }, [
-      a("div", D, [
-        (n(), l(m, null, h(_, (e, i) => a("div", {
-          key: i,
-          class: "ss-dash-tl-legend-item"
-        }, [
-          a("span", {
-            class: "ss-dash-tl-legend-dot",
-            style: g({ background: f[i] || f.custom })
-          }, null, 4),
-          a("span", null, d(e), 1)
-        ])), 64))
-      ]),
-      (n(!0), l(m, null, h(b.value, (e) => (n(), l("div", {
-        key: e.id,
-        class: "ss-dash-tl-row"
-      }, [
-        a("div", {
-          class: "ss-dash-tl-label",
-          title: w(e),
-          style: g({ paddingLeft: 8 + (y.value[e.id] || 0) * 16 + "px" })
-        }, [
-          a("span", {
-            class: u(`ss-dash-badge ss-dash-badge-${p(e.category)}`),
-            style: { "font-size": "9px", "margin-right": "4px" }
-          }, d(C(e.category)), 3),
-          L(" " + d(x(e.label)), 1)
-        ], 12, E),
-        a("div", N, [
-          a("div", {
-            class: u(`ss-dash-tl-bar ss-dash-tl-bar-${e.category || "custom"}`),
-            style: g({
-              left: $(e),
-              width: k(e)
-            }),
-            title: w(e)
-          }, null, 14, F)
-        ]),
-        a("span", M, d(e.duration.toFixed(2)) + "ms", 1)
-      ]))), 128)),
-      r.warnings && r.warnings.length > 0 ? (n(), l("div", R, [
-        a("div", T, "Warnings (" + d(r.warnings.length) + ")", 1),
-        (n(!0), l(m, null, h(r.warnings, (e, i) => (n(), l("div", {
-          key: i,
-          class: "ss-dash-tl-warning"
-        }, d(e), 1))), 128))
-      ])) : O("", !0)
-    ], 2));
-  }
-});
-export {
-  q as _
-};