adonisjs-server-stats 1.10.3 → 1.11.1

package/dist/vue/TimelineTab-zj5Z5OdT.js

@@ -1,338 +0,0 @@
-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
-};