adonisjs-server-stats 1.10.3 → 1.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/field-resolvers.d.ts +64 -0
- package/dist/core/formatters.d.ts +15 -0
- package/dist/core/index.d.ts +1 -1
- package/dist/core/index.js +208 -203
- package/dist/react/CacheSection-BYN53kYO.js +135 -0
- package/dist/react/CacheStatsBar-CRodCOeP.js +27 -0
- package/dist/react/CacheTab-DOhuK05d.js +106 -0
- package/dist/react/{ConfigSection-DGgqjAal.js → ConfigSection-B9EHh4Rp.js} +1 -1
- package/dist/react/{ConfigTab-H3OnYqmK.js → ConfigTab-C8kriE2b.js} +1 -1
- package/dist/react/CustomPaneTab-CvzQS_Wh.js +99 -0
- package/dist/react/EmailPreviewOverlay-BmXOAvqG.js +58 -0
- package/dist/react/EmailsSection-BJyFJf7A.js +226 -0
- package/dist/react/EmailsTab-Ch8jp10B.js +110 -0
- package/dist/react/{EventsSection-C7RQW_LY.js → EventsSection-DJPwHeT8.js} +27 -26
- package/dist/react/EventsTab-B-FoehXC.js +58 -0
- package/dist/react/{InternalsContent-DBzsI0CG.js → InternalsContent-O8ino9oM.js} +133 -109
- package/dist/react/InternalsSection-B6VlVx5f.js +22 -0
- package/dist/react/InternalsTab-CkEKpRMU.js +17 -0
- package/dist/react/JobStatsBar-C7RslAFE.js +30 -0
- package/dist/react/JobsSection-DWF4i1t_.js +167 -0
- package/dist/react/JobsTab-DqnifQXV.js +129 -0
- package/dist/react/LogEntryRow-CMMkqA9M.js +43 -0
- package/dist/react/LogsSection-C1xC5aP4.js +198 -0
- package/dist/react/LogsTab-CS4sLfLw.js +79 -0
- package/dist/react/{OverviewSection-ABP9ueBo.js → OverviewSection-CxvfOR0v.js} +70 -80
- package/dist/react/QueriesSection-CrMdU5Ax.js +458 -0
- package/dist/react/{QueriesTab-BQzcxEiW.js → QueriesTab-x85PjkyS.js} +22 -21
- package/dist/react/RequestsSection-DETN9oZb.js +321 -0
- package/dist/react/{RoutesSection-BRhxrtjZ.js → RoutesSection-CmorkJeC.js} +1 -1
- package/dist/react/{RoutesTab-CpYH5lUw.js → RoutesTab-CbzBOzpc.js} +12 -12
- package/dist/react/SplitPaneWrapper-BiIgT4ND.js +49 -0
- package/dist/react/TimeAgoCell-o3KigGfM.js +8 -0
- package/dist/react/{TimelineTab-DjLR35Ce.js → TimelineTab-Ue9tUD_n.js} +71 -91
- package/dist/react/{index-CsImORX6.js → index-DwDK-4oX.js} +4 -4
- package/dist/react/index.js +6 -6
- package/dist/react/react/components/shared/CacheStatsBar.d.ts +13 -0
- package/dist/react/react/components/shared/EmailPreviewOverlay.d.ts +29 -0
- package/dist/react/react/components/shared/JobStatsBar.d.ts +12 -0
- package/dist/react/react/components/shared/LogEntryRow.d.ts +9 -0
- package/dist/react/react/components/shared/RelatedLogs.d.ts +2 -2
- package/dist/react/react/components/shared/SplitPaneWrapper.d.ts +7 -0
- package/dist/react/react/components/shared/TimeAgoCell.d.ts +17 -0
- package/dist/react/react/hooks/useDiagnosticsData.d.ts +14 -0
- package/dist/react/style.css +1 -1
- package/dist/src/edge/client/dashboard.js +2 -2
- package/dist/src/edge/client/debug-panel-deferred.js +1 -1
- package/dist/src/edge/client-vue/dashboard.js +3 -3
- package/dist/src/edge/client-vue/debug-panel-deferred.js +4 -4
- package/dist/src/styles/components.css +67 -0
- package/dist/src/styles/dashboard.css +5 -15
- package/dist/src/styles/debug-panel.css +1 -22
- package/dist/src/styles/utilities.css +3 -1
- package/dist/vue/{CacheSection-ITqvpfH5.js → CacheSection-DT2Mwf_s.js} +1 -1
- package/dist/vue/{ConfigSection-DTn3GslE.js → ConfigSection-BwKwS9lh.js} +1 -1
- package/dist/vue/CustomPaneTab-Hr1IBHfz.js +172 -0
- package/dist/vue/{EmailsSection-DtLJ4XoS.js → EmailsSection-B65g0FVS.js} +1 -1
- package/dist/vue/{EventsSection-BOYYz0Ty.js → EventsSection-CxqtVF-o.js} +1 -1
- package/dist/vue/{JobsSection-BazTxcJL.js → JobsSection-rMIyMb-g.js} +1 -1
- package/dist/vue/{LogsSection-D55PjTKX.js → LogsSection-DmmZVJ7D.js} +1 -1
- package/dist/vue/{OverviewSection-1uBKo-Tu.js → OverviewSection-BMabyqw-.js} +49 -50
- package/dist/vue/{QueriesSection-rpoZ4ogd.js → QueriesSection-BfDFwGqH.js} +44 -45
- package/dist/vue/{QueriesTab-C8_7oprC.js → QueriesTab-DuTG7cpC.js} +30 -31
- package/dist/vue/RelatedLogs.vue_vue_type_script_setup_true_lang-Py1iu9GU.js +77 -0
- package/dist/vue/{RequestsSection-x7LvT0MC.js → RequestsSection-CTu4jPZ_.js} +143 -147
- package/dist/vue/{RoutesSection-CCD0zZqQ.js → RoutesSection-zQZDedL7.js} +1 -1
- package/dist/vue/TimelineTab-DHfXsX7t.js +334 -0
- package/dist/vue/components/shared/RelatedLogs.vue.d.ts +1 -4
- package/dist/vue/{index-C8MxnS7Q.js → index-CM3yNVUR.js} +2 -2
- package/dist/vue/index.js +1 -1
- package/dist/vue/style.css +1 -1
- package/package.json +7 -7
- package/dist/react/CacheSection-baMZotSn.js +0 -146
- package/dist/react/CacheTab-2cw_rMzj.js +0 -117
- package/dist/react/CustomPaneTab-B6r7ha0u.js +0 -98
- package/dist/react/EmailsSection-C-UZISG-.js +0 -262
- package/dist/react/EmailsTab-DbK4Eobn.js +0 -139
- package/dist/react/EventsTab-CfVr7AiM.js +0 -57
- package/dist/react/InternalsSection-t7ihcWO-.js +0 -32
- package/dist/react/InternalsTab-Oij0A2fN.js +0 -30
- package/dist/react/JobsSection-CQHNK_Ls.js +0 -187
- package/dist/react/JobsTab-znzf6jzk.js +0 -153
- package/dist/react/LogsSection-Dmm3rE2B.js +0 -233
- package/dist/react/LogsTab-D8unMV5P.js +0 -108
- package/dist/react/QueriesSection-CnmSkznA.js +0 -461
- package/dist/react/RelatedLogs-3A8RuGKH.js +0 -52
- package/dist/react/RequestsSection-kW79_M7k.js +0 -341
- package/dist/vue/CustomPaneTab-BJxT5Dp7.js +0 -172
- package/dist/vue/RelatedLogs.vue_vue_type_script_setup_true_lang-CB2_TzYW.js +0 -84
- package/dist/vue/TimelineTab-zj5Z5OdT.js +0 -338
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { defineComponent as I, computed as x, openBlock as l, createElementBlock as o, normalizeClass as
|
|
2
|
-
import { initSplitPane as
|
|
3
|
-
import { u as
|
|
4
|
-
import { u as
|
|
5
|
-
import { u as
|
|
6
|
-
import { _ as
|
|
7
|
-
import { _ as
|
|
8
|
-
import { _ as
|
|
9
|
-
const
|
|
1
|
+
import { defineComponent as I, computed as x, openBlock as l, createElementBlock as o, normalizeClass as v, createElementVNode as t, Fragment as f, renderList as B, normalizeStyle as U, toDisplayString as d, createTextVNode as k, createCommentVNode as p, inject as S, ref as m, watch as et, nextTick as at, onUnmounted as lt, createVNode as j, createBlock as G, unref as r } from "vue";
|
|
2
|
+
import { initSplitPane as nt, formatTime as ot, timeAgo as it, normalizeTraceFields as dt, durationClassName as rt } from "adonisjs-server-stats/core";
|
|
3
|
+
import { u as ut } from "./useApiClient-BQQ9CF-q.js";
|
|
4
|
+
import { u as ct } from "./index-CM3yNVUR.js";
|
|
5
|
+
import { u as ht } from "./useResizableTable-BoivAevK.js";
|
|
6
|
+
import { _ as mt } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
|
|
7
|
+
import { _ as pt } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
|
|
8
|
+
import { _ as vt } from "./RelatedLogs.vue_vue_type_script_setup_true_lang-Py1iu9GU.js";
|
|
9
|
+
const ft = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "ss-dash-empty"
|
|
12
|
-
},
|
|
12
|
+
}, gt = { class: "ss-dash-tl-legend" }, yt = ["title"], _t = { class: "ss-dash-tl-track" }, kt = ["title"], wt = { class: "ss-dash-tl-dur" }, bt = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "ss-dash-tl-warnings"
|
|
15
|
-
},
|
|
15
|
+
}, Ct = { class: "ss-dash-tl-warnings-title" }, H = /* @__PURE__ */ I({
|
|
16
16
|
__name: "WaterfallChart",
|
|
17
17
|
props: {
|
|
18
18
|
spans: {},
|
|
@@ -67,92 +67,92 @@ const fs = {
|
|
|
67
67
|
return u ? `${a.label} (${a.duration.toFixed(2)}ms)
|
|
68
68
|
${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
|
|
69
69
|
}
|
|
70
|
-
return (a, u) => C.value.length === 0 ? (l(), o("div",
|
|
70
|
+
return (a, u) => C.value.length === 0 ? (l(), o("div", ft, "No spans recorded")) : (l(), o("div", {
|
|
71
71
|
key: 1,
|
|
72
|
-
class:
|
|
72
|
+
class: v(`ss-dash-tl-waterfall ${g.className || ""}`)
|
|
73
73
|
}, [
|
|
74
|
-
|
|
75
|
-
(l(), o(f, null, B(R, (i, n) =>
|
|
74
|
+
t("div", gt, [
|
|
75
|
+
(l(), o(f, null, B(R, (i, n) => t("div", {
|
|
76
76
|
key: n,
|
|
77
77
|
class: "ss-dash-tl-legend-item"
|
|
78
78
|
}, [
|
|
79
|
-
|
|
79
|
+
t("span", {
|
|
80
80
|
class: "ss-dash-tl-legend-dot",
|
|
81
81
|
style: U({ background: b[n] || b.custom })
|
|
82
82
|
}, null, 4),
|
|
83
|
-
|
|
83
|
+
t("span", null, d(i), 1)
|
|
84
84
|
])), 64))
|
|
85
85
|
]),
|
|
86
86
|
(l(!0), o(f, null, B(y.value, (i) => (l(), o("div", {
|
|
87
87
|
key: i.id,
|
|
88
88
|
class: "ss-dash-tl-row"
|
|
89
89
|
}, [
|
|
90
|
-
|
|
90
|
+
t("div", {
|
|
91
91
|
class: "ss-dash-tl-label",
|
|
92
92
|
title: q(i),
|
|
93
93
|
style: U({ paddingLeft: 8 + (T.value[i.id] || 0) * 16 + "px" })
|
|
94
94
|
}, [
|
|
95
|
-
|
|
96
|
-
class:
|
|
95
|
+
t("span", {
|
|
96
|
+
class: v(`ss-dash-badge ss-dash-badge-${N(i.category)}`),
|
|
97
97
|
style: { "font-size": "9px", "margin-right": "4px" }
|
|
98
98
|
}, d(F(i.category)), 3),
|
|
99
99
|
k(" " + d(h(i.label)), 1)
|
|
100
|
-
], 12,
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
class:
|
|
100
|
+
], 12, yt),
|
|
101
|
+
t("div", _t, [
|
|
102
|
+
t("div", {
|
|
103
|
+
class: v(`ss-dash-tl-bar ss-dash-tl-bar-${i.category || "custom"}`),
|
|
104
104
|
style: U({
|
|
105
105
|
left: A(i),
|
|
106
106
|
width: _(i)
|
|
107
107
|
}),
|
|
108
108
|
title: q(i)
|
|
109
|
-
}, null, 14,
|
|
109
|
+
}, null, 14, kt)
|
|
110
110
|
]),
|
|
111
|
-
|
|
111
|
+
t("span", wt, d(i.duration.toFixed(2)) + "ms", 1)
|
|
112
112
|
]))), 128)),
|
|
113
|
-
g.warnings && g.warnings.length > 0 ? (l(), o("div",
|
|
114
|
-
|
|
113
|
+
g.warnings && g.warnings.length > 0 ? (l(), o("div", bt, [
|
|
114
|
+
t("div", Ct, "Warnings (" + d(g.warnings.length) + ")", 1),
|
|
115
115
|
(l(!0), o(f, null, B(g.warnings, (i, n) => (l(), o("div", {
|
|
116
116
|
key: n,
|
|
117
117
|
class: "ss-dash-tl-warning"
|
|
118
118
|
}, d(i), 1))), 128))
|
|
119
|
-
])) :
|
|
119
|
+
])) : p("", !0)
|
|
120
120
|
], 2));
|
|
121
121
|
}
|
|
122
|
-
}), $
|
|
122
|
+
}), $t = { class: "ss-dash-tl-detail-header" }, xt = { style: { color: "var(--ss-text)" } }, Rt = { class: "ss-dash-tl-meta" }, qt = { class: "ss-dash-tl-detail-header" }, Dt = {
|
|
123
123
|
key: 0,
|
|
124
124
|
class: "ss-dash-empty"
|
|
125
|
-
},
|
|
125
|
+
}, Lt = {
|
|
126
126
|
key: 1,
|
|
127
127
|
class: "ss-dash-empty"
|
|
128
|
-
},
|
|
128
|
+
}, St = { class: "ss-dash-table-wrap" }, Bt = {
|
|
129
129
|
key: 0,
|
|
130
130
|
class: "ss-dash-sort-arrow"
|
|
131
|
-
},
|
|
131
|
+
}, Tt = {
|
|
132
132
|
key: 0,
|
|
133
133
|
class: "ss-dash-sort-arrow"
|
|
134
|
-
},
|
|
134
|
+
}, At = {
|
|
135
135
|
key: 0,
|
|
136
136
|
class: "ss-dash-sort-arrow"
|
|
137
|
-
},
|
|
137
|
+
}, Ft = {
|
|
138
138
|
key: 0,
|
|
139
139
|
class: "ss-dash-sort-arrow"
|
|
140
|
-
},
|
|
140
|
+
}, Nt = {
|
|
141
141
|
key: 0,
|
|
142
142
|
class: "ss-dash-sort-arrow"
|
|
143
|
-
},
|
|
143
|
+
}, Ot = ["onClick"], Pt = { style: { color: "var(--ss-dim)" } }, Et = ["title"], Mt = { style: { color: "var(--ss-muted)", "text-align": "center" } }, Vt = {
|
|
144
144
|
key: 0,
|
|
145
145
|
style: { color: "var(--ss-amber-fg)", "text-align": "center", display: "block" }
|
|
146
|
-
},
|
|
146
|
+
}, zt = {
|
|
147
147
|
key: 1,
|
|
148
148
|
style: { color: "var(--ss-dim)", "text-align": "center", display: "block" }
|
|
149
|
-
},
|
|
149
|
+
}, Ut = ["title"], jt = {
|
|
150
150
|
key: 1,
|
|
151
151
|
class: "ss-dash-empty"
|
|
152
|
-
},
|
|
152
|
+
}, Xt = /* @__PURE__ */ I({
|
|
153
153
|
__name: "RequestsSection",
|
|
154
154
|
setup(g) {
|
|
155
|
-
const w =
|
|
155
|
+
const w = S("ss-refresh-key", m(0)), b = S("ss-dashboard-endpoint", "/__stats/api"), R = S("ss-auth-token", void 0), C = S("ss-base-url", ""), { data: y, loading: T, error: A, pagination: _, sort: h, goToPage: F, setSearch: N, setSort: q } = ct(
|
|
156
156
|
() => "requests",
|
|
157
157
|
{
|
|
158
158
|
baseUrl: C,
|
|
@@ -164,13 +164,13 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
|
|
|
164
164
|
if (!y.value) return [];
|
|
165
165
|
const c = y.value;
|
|
166
166
|
return c.data || c.requests || y.value || [];
|
|
167
|
-
}), K =
|
|
167
|
+
}), K = ut(C, R);
|
|
168
168
|
async function Y(c) {
|
|
169
|
-
const
|
|
169
|
+
const e = c.id;
|
|
170
170
|
i.value = !0;
|
|
171
171
|
try {
|
|
172
|
-
const
|
|
173
|
-
n.value =
|
|
172
|
+
const s = b || "/__stats/api", L = await K().fetch(`${s}/requests/${e}`), W = L.trace, st = W ? { ...L, ...W, logs: L.logs } : L;
|
|
173
|
+
n.value = dt(st), u.value = c;
|
|
174
174
|
} catch {
|
|
175
175
|
} finally {
|
|
176
176
|
i.value = !1;
|
|
@@ -186,38 +186,37 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
|
|
|
186
186
|
q(c);
|
|
187
187
|
}
|
|
188
188
|
function X(c) {
|
|
189
|
-
|
|
190
|
-
return t === "very-slow" ? "ss-dash-very-slow" : t === "slow" ? "ss-dash-slow" : "";
|
|
189
|
+
return rt(c, "ss-dash");
|
|
191
190
|
}
|
|
192
|
-
const { tableRef: Z } =
|
|
191
|
+
const { tableRef: Z } = ht(() => O.value), P = m(null), E = m(null), M = m(null), V = m(null);
|
|
193
192
|
let D = null;
|
|
194
193
|
const z = x(() => n.value ? n.value.logs || [] : []);
|
|
195
|
-
return
|
|
196
|
-
D?.(), D = null, n.value && z.value.length > 0 && (await
|
|
194
|
+
return et([() => u.value, () => n.value], async () => {
|
|
195
|
+
D?.(), D = null, n.value && z.value.length > 0 && (await at(), P.value && E.value && M.value && V.value && (D = nt({
|
|
197
196
|
container: P.value,
|
|
198
197
|
handle: E.value,
|
|
199
198
|
topPane: M.value,
|
|
200
199
|
bottomPane: V.value,
|
|
201
200
|
storageKey: "ss-requests-split"
|
|
202
201
|
})));
|
|
203
|
-
}),
|
|
202
|
+
}), lt(() => {
|
|
204
203
|
D?.();
|
|
205
|
-
}), (c,
|
|
204
|
+
}), (c, e) => (l(), o("div", null, [
|
|
206
205
|
n.value && u.value ? (l(), o(f, { key: 0 }, [
|
|
207
|
-
|
|
208
|
-
|
|
206
|
+
t("div", $t, [
|
|
207
|
+
t("button", {
|
|
209
208
|
type: "button",
|
|
210
209
|
class: "ss-dash-btn",
|
|
211
210
|
onClick: J
|
|
212
211
|
}, " ← Back to Requests "),
|
|
213
|
-
|
|
214
|
-
class:
|
|
212
|
+
t("span", {
|
|
213
|
+
class: v(`ss-dash-method ss-dash-method-${(n.value.method || "").toLowerCase()}`)
|
|
215
214
|
}, d(n.value.method), 3),
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
class:
|
|
215
|
+
t("span", xt, d(n.value.url), 1),
|
|
216
|
+
t("span", {
|
|
217
|
+
class: v(`ss-dash-status ss-dash-status-${Math.floor((n.value.statusCode || 200) / 100)}xx`)
|
|
219
218
|
}, d(n.value.statusCode), 3),
|
|
220
|
-
|
|
219
|
+
t("span", Rt, d(n.value.totalDuration.toFixed(1)) + "ms · " + d(n.value.spanCount) + " spans ", 1)
|
|
221
220
|
]),
|
|
222
221
|
z.value.length > 0 ? (l(), o("div", {
|
|
223
222
|
key: 0,
|
|
@@ -225,7 +224,7 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
|
|
|
225
224
|
ref: P,
|
|
226
225
|
class: "ss-dash-split-container"
|
|
227
226
|
}, [
|
|
228
|
-
|
|
227
|
+
t("div", {
|
|
229
228
|
ref_key: "splitTopRef",
|
|
230
229
|
ref: M,
|
|
231
230
|
class: "ss-dash-split-top"
|
|
@@ -236,20 +235,17 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
|
|
|
236
235
|
warnings: n.value.warnings
|
|
237
236
|
}, null, 8, ["spans", "total-duration", "warnings"])
|
|
238
237
|
], 512),
|
|
239
|
-
|
|
238
|
+
t("div", {
|
|
240
239
|
ref_key: "splitHandleRef",
|
|
241
240
|
ref: E,
|
|
242
241
|
class: "ss-dash-split-handle"
|
|
243
242
|
}, null, 512),
|
|
244
|
-
|
|
243
|
+
t("div", {
|
|
245
244
|
ref_key: "splitBottomRef",
|
|
246
245
|
ref: V,
|
|
247
246
|
class: "ss-dash-split-bottom"
|
|
248
247
|
}, [
|
|
249
|
-
j(
|
|
250
|
-
logs: z.value,
|
|
251
|
-
"class-prefix": "ss-dash"
|
|
252
|
-
}, null, 8, ["logs"])
|
|
248
|
+
j(vt, { logs: z.value }, null, 8, ["logs"])
|
|
253
249
|
], 512)
|
|
254
250
|
], 512)) : (l(), G(H, {
|
|
255
251
|
key: 1,
|
|
@@ -258,144 +254,144 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
|
|
|
258
254
|
warnings: n.value.warnings
|
|
259
255
|
}, null, 8, ["spans", "total-duration", "warnings"]))
|
|
260
256
|
], 64)) : i.value ? (l(), o(f, { key: 1 }, [
|
|
261
|
-
|
|
262
|
-
|
|
257
|
+
t("div", qt, [
|
|
258
|
+
t("button", {
|
|
263
259
|
type: "button",
|
|
264
260
|
class: "ss-dash-btn",
|
|
265
|
-
onClick:
|
|
261
|
+
onClick: e[0] || (e[0] = (s) => i.value = !1)
|
|
266
262
|
}, " ← Back to Requests ")
|
|
267
263
|
]),
|
|
268
|
-
|
|
264
|
+
e[6] || (e[6] = t("div", { class: "ss-dash-empty" }, "Loading request detail...", -1))
|
|
269
265
|
], 64)) : (l(), o(f, { key: 2 }, [
|
|
270
|
-
j(
|
|
266
|
+
j(mt, {
|
|
271
267
|
"model-value": a.value,
|
|
272
268
|
placeholder: "Filter requests...",
|
|
273
269
|
summary: `${r(_).total ?? 0} requests`,
|
|
274
270
|
"onUpdate:modelValue": Q
|
|
275
271
|
}, null, 8, ["model-value", "summary"]),
|
|
276
|
-
r(A) ? (l(), o("div",
|
|
277
|
-
r(T) && !r(y) ? (l(), o("div",
|
|
278
|
-
|
|
272
|
+
r(A) ? (l(), o("div", Dt, "Failed to load requests")) : p("", !0),
|
|
273
|
+
r(T) && !r(y) ? (l(), o("div", Lt, "Loading requests...")) : (l(), o(f, { key: 2 }, [
|
|
274
|
+
t("div", St, [
|
|
279
275
|
O.value.length > 0 ? (l(), o("table", {
|
|
280
276
|
key: 0,
|
|
281
277
|
ref_key: "tableRef",
|
|
282
278
|
ref: Z,
|
|
283
279
|
class: "ss-dash-table"
|
|
284
280
|
}, [
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
281
|
+
e[15] || (e[15] = t("colgroup", null, [
|
|
282
|
+
t("col", { style: { width: "40px" } }),
|
|
283
|
+
t("col", { style: { width: "70px" } }),
|
|
284
|
+
t("col"),
|
|
285
|
+
t("col", { style: { width: "60px" } }),
|
|
286
|
+
t("col", { style: { width: "80px" } }),
|
|
287
|
+
t("col", { style: { width: "50px" } }),
|
|
288
|
+
t("col", { style: { width: "40px" } }),
|
|
289
|
+
t("col", { style: { width: "80px" } })
|
|
294
290
|
], -1)),
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
291
|
+
t("thead", null, [
|
|
292
|
+
t("tr", null, [
|
|
293
|
+
e[12] || (e[12] = t("th", null, "#", -1)),
|
|
294
|
+
t("th", {
|
|
299
295
|
class: "ss-dash-sortable",
|
|
300
|
-
onClick:
|
|
296
|
+
onClick: e[1] || (e[1] = (s) => $("method"))
|
|
301
297
|
}, [
|
|
302
|
-
|
|
303
|
-
r(h).column === "method" ? (l(), o("span",
|
|
298
|
+
e[7] || (e[7] = k(" Method ", -1)),
|
|
299
|
+
r(h).column === "method" ? (l(), o("span", Bt, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
|
|
304
300
|
]),
|
|
305
|
-
|
|
301
|
+
t("th", {
|
|
306
302
|
class: "ss-dash-sortable",
|
|
307
|
-
onClick:
|
|
303
|
+
onClick: e[2] || (e[2] = (s) => $("url"))
|
|
308
304
|
}, [
|
|
309
|
-
|
|
310
|
-
r(h).column === "url" ? (l(), o("span",
|
|
305
|
+
e[8] || (e[8] = k(" URL ", -1)),
|
|
306
|
+
r(h).column === "url" ? (l(), o("span", Tt, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
|
|
311
307
|
]),
|
|
312
|
-
|
|
308
|
+
t("th", {
|
|
313
309
|
class: "ss-dash-sortable",
|
|
314
|
-
onClick:
|
|
310
|
+
onClick: e[3] || (e[3] = (s) => $("statusCode"))
|
|
315
311
|
}, [
|
|
316
|
-
|
|
317
|
-
r(h).column === "statusCode" ? (l(), o("span",
|
|
312
|
+
e[9] || (e[9] = k(" Status ", -1)),
|
|
313
|
+
r(h).column === "statusCode" ? (l(), o("span", At, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
|
|
318
314
|
]),
|
|
319
|
-
|
|
315
|
+
t("th", {
|
|
320
316
|
class: "ss-dash-sortable",
|
|
321
|
-
onClick:
|
|
317
|
+
onClick: e[4] || (e[4] = (s) => $("duration"))
|
|
322
318
|
}, [
|
|
323
|
-
|
|
324
|
-
r(h).column === "duration" ? (l(), o("span",
|
|
319
|
+
e[10] || (e[10] = k(" Duration ", -1)),
|
|
320
|
+
r(h).column === "duration" ? (l(), o("span", Ft, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
|
|
325
321
|
]),
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
322
|
+
e[13] || (e[13] = t("th", null, "Spans", -1)),
|
|
323
|
+
e[14] || (e[14] = t("th", null, "⚠", -1)),
|
|
324
|
+
t("th", {
|
|
329
325
|
class: "ss-dash-sortable",
|
|
330
|
-
onClick:
|
|
326
|
+
onClick: e[5] || (e[5] = (s) => $("createdAt"))
|
|
331
327
|
}, [
|
|
332
|
-
|
|
333
|
-
r(h).column === "createdAt" ? (l(), o("span",
|
|
328
|
+
e[11] || (e[11] = k(" Time ", -1)),
|
|
329
|
+
r(h).column === "createdAt" ? (l(), o("span", Nt, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
|
|
334
330
|
])
|
|
335
331
|
])
|
|
336
332
|
]),
|
|
337
|
-
|
|
338
|
-
(l(!0), o(f, null, B(O.value, (
|
|
339
|
-
key:
|
|
333
|
+
t("tbody", null, [
|
|
334
|
+
(l(!0), o(f, null, B(O.value, (s) => (l(), o("tr", {
|
|
335
|
+
key: s.id,
|
|
340
336
|
class: "ss-dash-clickable",
|
|
341
|
-
onClick: (
|
|
337
|
+
onClick: (tt) => Y(s)
|
|
342
338
|
}, [
|
|
343
|
-
|
|
344
|
-
|
|
339
|
+
t("td", null, [
|
|
340
|
+
t("span", Pt, d(s.id), 1)
|
|
345
341
|
]),
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
class:
|
|
349
|
-
}, d(
|
|
342
|
+
t("td", null, [
|
|
343
|
+
t("span", {
|
|
344
|
+
class: v(`ss-dash-method ss-dash-method-${(s.method || "").toLowerCase()}`)
|
|
345
|
+
}, d(s.method), 3)
|
|
350
346
|
]),
|
|
351
|
-
|
|
352
|
-
|
|
347
|
+
t("td", null, [
|
|
348
|
+
t("span", {
|
|
353
349
|
style: { color: "var(--ss-text)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
|
|
354
|
-
title:
|
|
355
|
-
}, d(
|
|
350
|
+
title: s.url
|
|
351
|
+
}, d(s.url), 9, Et)
|
|
356
352
|
]),
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
class:
|
|
360
|
-
}, d(
|
|
353
|
+
t("td", null, [
|
|
354
|
+
t("span", {
|
|
355
|
+
class: v(`ss-dash-status ss-dash-status-${Math.floor((s.status_code || s.statusCode || 200) / 100)}xx`)
|
|
356
|
+
}, d(s.status_code || s.statusCode), 3)
|
|
361
357
|
]),
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
class:
|
|
365
|
-
}, d((
|
|
358
|
+
t("td", null, [
|
|
359
|
+
t("span", {
|
|
360
|
+
class: v(`ss-dash-duration ${X(s.total_duration || s.totalDuration || s.duration || 0)}`)
|
|
361
|
+
}, d((s.total_duration || s.totalDuration || s.duration || 0).toFixed(1)) + "ms ", 3)
|
|
366
362
|
]),
|
|
367
|
-
|
|
368
|
-
|
|
363
|
+
t("td", null, [
|
|
364
|
+
t("span", Mt, d(s.span_count || s.spanCount || 0), 1)
|
|
369
365
|
]),
|
|
370
|
-
|
|
371
|
-
(
|
|
366
|
+
t("td", null, [
|
|
367
|
+
(s.warning_count || s.warningCount || 0) > 0 ? (l(), o("span", Vt, d(s.warning_count || s.warningCount || 0), 1)) : (l(), o("span", zt, "-"))
|
|
372
368
|
]),
|
|
373
|
-
|
|
374
|
-
|
|
369
|
+
t("td", null, [
|
|
370
|
+
t("span", {
|
|
375
371
|
class: "ss-dash-event-time",
|
|
376
|
-
title: r(
|
|
377
|
-
|
|
372
|
+
title: r(ot)(
|
|
373
|
+
s.createdAt || s.created_at || s.timestamp || ""
|
|
378
374
|
)
|
|
379
|
-
}, d(r(
|
|
380
|
-
|
|
381
|
-
)), 9,
|
|
375
|
+
}, d(r(it)(
|
|
376
|
+
s.createdAt || s.created_at || s.timestamp || ""
|
|
377
|
+
)), 9, Ut)
|
|
382
378
|
])
|
|
383
|
-
], 8,
|
|
379
|
+
], 8, Ot))), 128))
|
|
384
380
|
])
|
|
385
|
-
], 512)) : (l(), o("div",
|
|
381
|
+
], 512)) : (l(), o("div", jt, "No requests recorded yet"))
|
|
386
382
|
]),
|
|
387
|
-
r(_).totalPages > 1 ? (l(), G(
|
|
383
|
+
r(_).totalPages > 1 ? (l(), G(pt, {
|
|
388
384
|
key: 0,
|
|
389
385
|
page: r(_).page,
|
|
390
386
|
"last-page": r(_).totalPages,
|
|
391
387
|
total: r(_).total,
|
|
392
388
|
onPageChange: r(F)
|
|
393
|
-
}, null, 8, ["page", "last-page", "total", "onPageChange"])) :
|
|
389
|
+
}, null, 8, ["page", "last-page", "total", "onPageChange"])) : p("", !0)
|
|
394
390
|
], 64))
|
|
395
391
|
], 64))
|
|
396
392
|
]));
|
|
397
393
|
}
|
|
398
394
|
});
|
|
399
395
|
export {
|
|
400
|
-
|
|
396
|
+
Xt as default
|
|
401
397
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as g, inject as d, ref as c, computed as A, openBlock as l, createElementBlock as o, createVNode as N, unref as u, createElementVNode as e, Fragment as R, renderList as S, normalizeClass as j, toDisplayString as a } from "vue";
|
|
2
|
-
import { u as z } from "./index-
|
|
2
|
+
import { u as z } from "./index-CM3yNVUR.js";
|
|
3
3
|
import { u as C } from "./useResizableTable-BoivAevK.js";
|
|
4
4
|
import { _ as D } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
|
|
5
5
|
const E = {
|