app-devtools 1.0.1 → 1.0.2
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/main.js +504 -451
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -2792,6 +2792,9 @@ it(["click", "input"]);
|
|
|
2792
2792
|
//#endregion
|
|
2793
2793
|
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/typeGuards-CjiEoecn.mjs
|
|
2794
2794
|
function xi(e) {
|
|
2795
|
+
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
2796
|
+
}
|
|
2797
|
+
function Si(e) {
|
|
2795
2798
|
if (!e || typeof e != "object") return !1;
|
|
2796
2799
|
let t = Object.getPrototypeOf(e);
|
|
2797
2800
|
if (t === null) return !0;
|
|
@@ -2801,8 +2804,11 @@ function xi(e) {
|
|
|
2801
2804
|
return typeof n == "function" && Function.toString.call(n) === r;
|
|
2802
2805
|
}
|
|
2803
2806
|
//#endregion
|
|
2807
|
+
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/assertions--46HN4J7.mjs
|
|
2808
|
+
var Ci = xi;
|
|
2809
|
+
//#endregion
|
|
2804
2810
|
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/arrayUtils.mjs
|
|
2805
|
-
function
|
|
2811
|
+
function wi(e, t, n = "asc") {
|
|
2806
2812
|
let r = Array.isArray(n) || typeof n == "string" ? n : n.order ?? "asc";
|
|
2807
2813
|
return [...e].sort((e, n) => {
|
|
2808
2814
|
let i = t(e), a = t(n), o = Array.isArray(i) ? i : [i], s = Array.isArray(a) ? a : [a];
|
|
@@ -2818,8 +2824,8 @@ function Si(e, t, n = "asc") {
|
|
|
2818
2824
|
}
|
|
2819
2825
|
//#endregion
|
|
2820
2826
|
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/filterObjectOrArrayKeys.mjs
|
|
2821
|
-
var
|
|
2822
|
-
function
|
|
2827
|
+
var Ti = /^(id_|key_|id-|key-)|(_id|_key|-id|-key)$/i;
|
|
2828
|
+
function Ei(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0, sortKeys: i = "simpleValuesFirst", sortPatterns: a }) {
|
|
2823
2829
|
function o(e, t) {
|
|
2824
2830
|
let n = t.split("."), r = e;
|
|
2825
2831
|
for (let e of n) {
|
|
@@ -2844,13 +2850,13 @@ function wi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
2844
2850
|
default: return !1;
|
|
2845
2851
|
}
|
|
2846
2852
|
}
|
|
2847
|
-
let c = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], l = c(t), u = c(n), d = l.length > 0, f = u.length > 0, p = l.flatMap(
|
|
2853
|
+
let c = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], l = c(t), u = c(n), d = l.length > 0, f = u.length > 0, p = l.flatMap(Ai), m = u.flatMap(Ai), { filterOnlyPatterns: h, combinedPatterns: g } = ki(p), _ = h.map(ji), v = m.map(ji), y = c(a).flatMap(Ai).map(ji), b = e;
|
|
2848
2854
|
if (g.length > 0) {
|
|
2849
2855
|
let t = /* @__PURE__ */ new Map();
|
|
2850
2856
|
for (let { filterPart: e, fieldPart: n } of g) t.has(e) || t.set(e, []), t.get(e).push(n);
|
|
2851
2857
|
let i = Array.isArray(e) ? [] : {};
|
|
2852
2858
|
for (let [a, o] of t) {
|
|
2853
|
-
let t =
|
|
2859
|
+
let t = Ei(Ei(e, {
|
|
2854
2860
|
filterKeys: [a],
|
|
2855
2861
|
rejectKeys: n,
|
|
2856
2862
|
rejectEmptyObjectsInArray: r
|
|
@@ -2904,9 +2910,9 @@ function wi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
2904
2910
|
return y.length;
|
|
2905
2911
|
}
|
|
2906
2912
|
function re(e, t, n) {
|
|
2907
|
-
return n === "asc" ? [...e].sort() : n === "desc" ? [...e].sort().reverse() :
|
|
2913
|
+
return n === "asc" ? [...e].sort() : n === "desc" ? [...e].sort().reverse() : wi(wi(e, (e) => e), (e) => {
|
|
2908
2914
|
let n = t[e];
|
|
2909
|
-
return n == null || Array.isArray(n) && n.length === 0 ? 0 :
|
|
2915
|
+
return n == null || Array.isArray(n) && n.length === 0 ? 0 : Si(n) ? 1.99 + Object.keys(n).length * -.001 : Array.isArray(n) ? n.every((e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e == null) ? 1.9 + n.length * -.001 : 1.5 + n.length * -.01 : e === "id" || e === "key" ? 5 : Ti.test(e) ? 4.5 : typeof n == "boolean" ? 4 : typeof n == "number" ? 3.5 : typeof n == "string" && n.length < 20 ? 3 : 2;
|
|
2910
2916
|
}, "desc");
|
|
2911
2917
|
}
|
|
2912
2918
|
function ie(e, t, n) {
|
|
@@ -2935,16 +2941,16 @@ function wi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
2935
2941
|
}), a = e[n];
|
|
2936
2942
|
if (f && ne(r, a)) continue;
|
|
2937
2943
|
let c = d ? te(r, a) : !0, l = s || c;
|
|
2938
|
-
if (
|
|
2944
|
+
if (Si(a) || Array.isArray(a)) {
|
|
2939
2945
|
let e = S(a, r, l, i, !1, !0);
|
|
2940
2946
|
e !== void 0 && o.push(e);
|
|
2941
2947
|
} else l && o.push(a);
|
|
2942
2948
|
}
|
|
2943
2949
|
i.delete(e);
|
|
2944
|
-
let c = r ? o.filter((e) => !(
|
|
2950
|
+
let c = r ? o.filter((e) => !(Si(e) && Object.keys(e).length === 0)) : o;
|
|
2945
2951
|
return c.length === 0 && !n && !a ? void 0 : c;
|
|
2946
2952
|
}
|
|
2947
|
-
if (
|
|
2953
|
+
if (Si(e)) {
|
|
2948
2954
|
if (i.has(e)) throw TypeError("Circular references are not supported");
|
|
2949
2955
|
i.add(e);
|
|
2950
2956
|
let s = {}, c = n || !d, l = ie(Object.keys(e), e, t);
|
|
@@ -2955,9 +2961,9 @@ function wi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
2955
2961
|
});
|
|
2956
2962
|
if (f && ne(r)) continue;
|
|
2957
2963
|
let a = e[n], o = d ? te(r) : !0, l = c || o;
|
|
2958
|
-
if (
|
|
2964
|
+
if (Si(a) || Array.isArray(a)) {
|
|
2959
2965
|
let e = S(a, r, l, i, !1, !1);
|
|
2960
|
-
if (e === void 0 || Array.isArray(e) && e.length === 0 && !l ||
|
|
2966
|
+
if (e === void 0 || Array.isArray(e) && e.length === 0 && !l || Si(e) && Object.keys(e).length === 0 && !l) continue;
|
|
2961
2967
|
s[n] = e;
|
|
2962
2968
|
} else l && (s[n] = a);
|
|
2963
2969
|
}
|
|
@@ -2967,7 +2973,7 @@ function wi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
2967
2973
|
}, C = S(b, [], !d, /* @__PURE__ */ new WeakSet(), !0, !1);
|
|
2968
2974
|
return C === void 0 ? Array.isArray(b) ? [] : {} : C;
|
|
2969
2975
|
}
|
|
2970
|
-
function
|
|
2976
|
+
function Di(e) {
|
|
2971
2977
|
let t = [], n = "AND", r = e.startsWith("i"), i = r ? e.slice(1) : e, a = i.includes("&&"), o = i.includes(" || ");
|
|
2972
2978
|
if (a && o) throw Error("Mixing && and || operators in the same filter is not supported. Use separate filter patterns instead.");
|
|
2973
2979
|
let s = i.split("&&").map((e) => e.trim());
|
|
@@ -2975,11 +2981,11 @@ function Ti(e) {
|
|
|
2975
2981
|
n = "OR";
|
|
2976
2982
|
let i = e.split(" || ").map((e) => e.trim());
|
|
2977
2983
|
for (let e of i) {
|
|
2978
|
-
let n =
|
|
2984
|
+
let n = Oi(e, r);
|
|
2979
2985
|
n && t.push(n);
|
|
2980
2986
|
}
|
|
2981
2987
|
} else {
|
|
2982
|
-
let n =
|
|
2988
|
+
let n = Oi(e, r);
|
|
2983
2989
|
n && t.push(n);
|
|
2984
2990
|
}
|
|
2985
2991
|
return t.length === 0 ? null : {
|
|
@@ -2988,7 +2994,7 @@ function Ti(e) {
|
|
|
2988
2994
|
logic: n
|
|
2989
2995
|
};
|
|
2990
2996
|
}
|
|
2991
|
-
function
|
|
2997
|
+
function Oi(e, t = !1) {
|
|
2992
2998
|
let n = e.startsWith("%") ? e.slice(1) : e, r = null, i = -1, a = 0;
|
|
2993
2999
|
for (let [e, t] of [
|
|
2994
3000
|
["!*=", "!*="],
|
|
@@ -3025,7 +3031,7 @@ function Ei(e, t = !1) {
|
|
|
3025
3031
|
caseInsensitive: t
|
|
3026
3032
|
};
|
|
3027
3033
|
}
|
|
3028
|
-
function
|
|
3034
|
+
function ki(e) {
|
|
3029
3035
|
let t = [], n = [];
|
|
3030
3036
|
for (let r of e) {
|
|
3031
3037
|
let e = r.match(/^(.+\[[i%][^[\]]*\])\.(.+)$/);
|
|
@@ -3042,7 +3048,7 @@ function Di(e) {
|
|
|
3042
3048
|
combinedPatterns: n
|
|
3043
3049
|
};
|
|
3044
3050
|
}
|
|
3045
|
-
function
|
|
3051
|
+
function Ai(e) {
|
|
3046
3052
|
function t(e) {
|
|
3047
3053
|
let n = e.indexOf("(");
|
|
3048
3054
|
if (n === -1) return [e];
|
|
@@ -3059,7 +3065,7 @@ function Oi(e) {
|
|
|
3059
3065
|
}
|
|
3060
3066
|
return t(e);
|
|
3061
3067
|
}
|
|
3062
|
-
function
|
|
3068
|
+
function ji(e) {
|
|
3063
3069
|
let t = [], n = 0, r = e.length, i = (e) => {
|
|
3064
3070
|
e.length !== 0 && t.push({
|
|
3065
3071
|
type: "KEY",
|
|
@@ -3077,7 +3083,7 @@ function ki(e) {
|
|
|
3077
3083
|
if (a.startsWith("%") || a.startsWith("i%")) {
|
|
3078
3084
|
let e;
|
|
3079
3085
|
e = a.startsWith("i%") ? `i${a.slice(2)}` : a.startsWith("%") ? a.slice(1) : a;
|
|
3080
|
-
let n =
|
|
3086
|
+
let n = Di(e);
|
|
3081
3087
|
n && t.push(n);
|
|
3082
3088
|
} else if (a === "*") t.push({ type: "INDEX_ANY" });
|
|
3083
3089
|
else if (a.includes("-")) {
|
|
@@ -3123,74 +3129,74 @@ function ki(e) {
|
|
|
3123
3129
|
}
|
|
3124
3130
|
//#endregion
|
|
3125
3131
|
//#region src/components/JsonViewer/jsonSearch.ts
|
|
3126
|
-
function
|
|
3132
|
+
function Mi(e) {
|
|
3127
3133
|
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
3128
3134
|
}
|
|
3129
|
-
var
|
|
3130
|
-
function Fi(e) {
|
|
3131
|
-
return e === null ? "null" : typeof e == "string" ? JSON.stringify(e) : typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "bigint" ? `${e.toString()}n` : e === void 0 ? "undefined" : typeof e == "symbol" ? e.toString() : typeof e == "function" ? "[Function]" : "[Object]";
|
|
3132
|
-
}
|
|
3133
|
-
function Ii(e) {
|
|
3134
|
-
return Ai(e) || Array.isArray(e) && e.every(Ai);
|
|
3135
|
-
}
|
|
3135
|
+
var Ni = "Key filter syntax:\nSeparate patterns with commas or new lines.\n\nRoot key: prop\nAny depth: **prop\nExact path: prop.nested\nSecond level: *.prop\n\nArrays:\nprop[0]\nprop[*].nested\nprop[0-2]\nprop[4-*]\n\nGroups:\nprop.(id|name|status)\n(users|admins)[*].name\n\nArray value filters:\nusers[%name=\"John\"]\nusers[%name*=\"oh\"]\nusers[i%name=\"john\"]\nusers[%age=30 && %role=\"admin\"]", Pi = /[\n,]/, Fi = "__original_index", Ii = { matched: !1 };
|
|
3136
3136
|
function Li(e) {
|
|
3137
|
-
return e.
|
|
3137
|
+
return e === null ? "null" : typeof e == "string" ? JSON.stringify(e) : typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "bigint" ? `${e.toString()}n` : e === void 0 ? "undefined" : typeof e == "symbol" ? e.toString() : typeof e == "function" ? "[Function]" : "[Object]";
|
|
3138
3138
|
}
|
|
3139
3139
|
function Ri(e) {
|
|
3140
|
-
return
|
|
3140
|
+
return Mi(e) || Array.isArray(e) && e.every(Mi);
|
|
3141
3141
|
}
|
|
3142
3142
|
function zi(e) {
|
|
3143
|
+
return e.split(Pi).map((e) => e.trim()).filter((e) => e.length > 0);
|
|
3144
|
+
}
|
|
3145
|
+
function Bi(e) {
|
|
3146
|
+
return Mi(e) && Object.keys(e).length === 0;
|
|
3147
|
+
}
|
|
3148
|
+
function Vi(e) {
|
|
3143
3149
|
return e.match.matched;
|
|
3144
3150
|
}
|
|
3145
|
-
function
|
|
3146
|
-
return
|
|
3147
|
-
[
|
|
3151
|
+
function Hi(e, t) {
|
|
3152
|
+
return Mi(e) ? {
|
|
3153
|
+
[Fi]: t,
|
|
3148
3154
|
...e
|
|
3149
3155
|
} : {
|
|
3150
|
-
[
|
|
3156
|
+
[Fi]: t,
|
|
3151
3157
|
value: e
|
|
3152
3158
|
};
|
|
3153
3159
|
}
|
|
3154
|
-
function
|
|
3155
|
-
return n ?
|
|
3160
|
+
function Ui(e, t, n) {
|
|
3161
|
+
return n ? Hi(e, t) : e;
|
|
3156
3162
|
}
|
|
3157
|
-
function
|
|
3163
|
+
function Wi(e, t) {
|
|
3158
3164
|
if (Array.isArray(e)) {
|
|
3159
3165
|
let n = [];
|
|
3160
3166
|
for (let [r, i] of e.entries()) {
|
|
3161
|
-
let e =
|
|
3162
|
-
|
|
3167
|
+
let e = Wi(i, t);
|
|
3168
|
+
Bi(e) || n.push({
|
|
3163
3169
|
index: r,
|
|
3164
3170
|
value: e
|
|
3165
3171
|
});
|
|
3166
3172
|
}
|
|
3167
3173
|
let r = n.length !== e.length;
|
|
3168
|
-
return n.map((e) => r ?
|
|
3174
|
+
return n.map((e) => r ? Ui(e.value, e.index, t) : e.value);
|
|
3169
3175
|
}
|
|
3170
|
-
if (
|
|
3176
|
+
if (Mi(e)) {
|
|
3171
3177
|
let n = {};
|
|
3172
3178
|
for (let [r, i] of Object.entries(e)) {
|
|
3173
|
-
let e =
|
|
3174
|
-
|
|
3179
|
+
let e = Wi(i, t);
|
|
3180
|
+
Bi(e) || (n[r] = e);
|
|
3175
3181
|
}
|
|
3176
3182
|
return n;
|
|
3177
3183
|
}
|
|
3178
3184
|
return e;
|
|
3179
3185
|
}
|
|
3180
|
-
function
|
|
3186
|
+
function Gi(e, t, n) {
|
|
3181
3187
|
let r = t.toLowerCase();
|
|
3182
3188
|
function i(e, t) {
|
|
3183
3189
|
if (Array.isArray(e)) {
|
|
3184
3190
|
let r = e.map((e, n) => ({
|
|
3185
3191
|
index: n,
|
|
3186
3192
|
match: i(e, [...t, `[${n}]`])
|
|
3187
|
-
})).filter(
|
|
3193
|
+
})).filter(Vi), a = r.length !== e.length, o = r.map((e) => a ? Ui(e.match.value, e.index, n) : e.match.value);
|
|
3188
3194
|
return r.length > 0 ? {
|
|
3189
3195
|
matched: !0,
|
|
3190
3196
|
value: o
|
|
3191
|
-
} :
|
|
3197
|
+
} : Ii;
|
|
3192
3198
|
}
|
|
3193
|
-
if (
|
|
3199
|
+
if (Mi(e)) {
|
|
3194
3200
|
let n = {};
|
|
3195
3201
|
for (let [a, o] of Object.entries(e)) {
|
|
3196
3202
|
let e = [...t, a];
|
|
@@ -3204,16 +3210,16 @@ function Ui(e, t, n) {
|
|
|
3204
3210
|
return Object.keys(n).length > 0 ? {
|
|
3205
3211
|
matched: !0,
|
|
3206
3212
|
value: n
|
|
3207
|
-
} :
|
|
3213
|
+
} : Ii;
|
|
3208
3214
|
}
|
|
3209
|
-
return
|
|
3215
|
+
return Li(e).toLowerCase().includes(r) ? {
|
|
3210
3216
|
matched: !0,
|
|
3211
3217
|
value: e
|
|
3212
|
-
} :
|
|
3218
|
+
} : Ii;
|
|
3213
3219
|
}
|
|
3214
3220
|
return i(e, []);
|
|
3215
3221
|
}
|
|
3216
|
-
function
|
|
3222
|
+
function Ki(e, t, n, r) {
|
|
3217
3223
|
let i = t.trim();
|
|
3218
3224
|
if (!i) return {
|
|
3219
3225
|
value: e,
|
|
@@ -3221,7 +3227,7 @@ function Wi(e, t, n, r) {
|
|
|
3221
3227
|
message: void 0
|
|
3222
3228
|
};
|
|
3223
3229
|
if (n === "text") {
|
|
3224
|
-
let t =
|
|
3230
|
+
let t = Gi(e, i, r);
|
|
3225
3231
|
return t.matched ? {
|
|
3226
3232
|
value: t.value,
|
|
3227
3233
|
isEmpty: !1,
|
|
@@ -3232,14 +3238,14 @@ function Wi(e, t, n, r) {
|
|
|
3232
3238
|
message: void 0
|
|
3233
3239
|
};
|
|
3234
3240
|
}
|
|
3235
|
-
if (!
|
|
3241
|
+
if (!Ri(e)) return {
|
|
3236
3242
|
value: void 0,
|
|
3237
3243
|
isEmpty: !0,
|
|
3238
3244
|
message: "Key filters support objects and arrays of objects."
|
|
3239
3245
|
};
|
|
3240
|
-
let a =
|
|
3246
|
+
let a = zi(i), o;
|
|
3241
3247
|
try {
|
|
3242
|
-
o =
|
|
3248
|
+
o = Ei(e, {
|
|
3243
3249
|
filterKeys: a,
|
|
3244
3250
|
rejectEmptyObjectsInArray: !1,
|
|
3245
3251
|
sortKeys: !1
|
|
@@ -3251,32 +3257,32 @@ function Wi(e, t, n, r) {
|
|
|
3251
3257
|
message: e instanceof Error ? e.message : "Invalid key filter"
|
|
3252
3258
|
};
|
|
3253
3259
|
}
|
|
3254
|
-
let s =
|
|
3260
|
+
let s = Wi(o, r);
|
|
3255
3261
|
return {
|
|
3256
3262
|
value: s,
|
|
3257
|
-
isEmpty: Array.isArray(s) && s.length === 0 ||
|
|
3263
|
+
isEmpty: Array.isArray(s) && s.length === 0 || Mi(s) && Object.keys(s).length === 0,
|
|
3258
3264
|
message: void 0
|
|
3259
3265
|
};
|
|
3260
3266
|
}
|
|
3261
3267
|
//#endregion
|
|
3262
3268
|
//#region src/style/helpers/allowTextSelection.ts
|
|
3263
|
-
var
|
|
3269
|
+
var qi = "\n user-select: text;\n\n *, *::before, *::after {\n user-select: text;\n }\n", Ji = /* @__PURE__ */ new Map();
|
|
3264
3270
|
function Y(e, t) {
|
|
3265
3271
|
let n = JSON.stringify(t);
|
|
3266
|
-
return (
|
|
3272
|
+
return (Ji.get(n) ?? Ji.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
|
|
3267
3273
|
}
|
|
3268
3274
|
//#endregion
|
|
3269
3275
|
//#region utils/objectUtils.ts
|
|
3270
|
-
function
|
|
3276
|
+
function Yi(e) {
|
|
3271
3277
|
return typeof e == "object" && !!e;
|
|
3272
3278
|
}
|
|
3273
3279
|
//#endregion
|
|
3274
3280
|
//#region src/components/JsonViewer/JsonViewer.tsx
|
|
3275
|
-
var
|
|
3281
|
+
var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div class=collapsed>"), Qi = /*#__PURE__*/ P("<div class=delimiter>[]"), $i = /*#__PURE__*/ P("<div class=delimiter>{}"), ea = /*#__PURE__*/ P("<div class=delimiter>"), ta = /*#__PURE__*/ P("<div class=childs>"), na = /*#__PURE__*/ P("<div class=\"delimiter end\">"), ra = /*#__PURE__*/ P("<div class=child>"), ia = /*#__PURE__*/ P("<div class=value>"), aa = /*#__PURE__*/ P("<span class=string-quotes>\""), oa = /*#__PURE__*/ P("<div>"), sa = /*#__PURE__*/ P("<div><label><input type=text>"), ca = /*#__PURE__*/ P("<div>No matches"), la = /*#__PURE__*/ P("<span> · id: "), ua = B`
|
|
3276
3282
|
&&& {
|
|
3277
3283
|
${W({ gap: 4 })};
|
|
3278
3284
|
}
|
|
3279
|
-
`,
|
|
3285
|
+
`, da = B`
|
|
3280
3286
|
&&& {
|
|
3281
3287
|
${U({ gap: 6 })};
|
|
3282
3288
|
position: sticky;
|
|
@@ -3338,23 +3344,23 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3338
3344
|
}
|
|
3339
3345
|
}
|
|
3340
3346
|
}
|
|
3341
|
-
`,
|
|
3347
|
+
`, fa = B`
|
|
3342
3348
|
&&& {
|
|
3343
3349
|
font-size: 12px;
|
|
3344
3350
|
color: ${G.warning.var};
|
|
3345
3351
|
padding: 2px 0;
|
|
3346
3352
|
}
|
|
3347
|
-
`,
|
|
3353
|
+
`, pa = B`
|
|
3348
3354
|
&&& {
|
|
3349
3355
|
font-size: 13px;
|
|
3350
3356
|
opacity: 0.5;
|
|
3351
3357
|
padding: 6px 0;
|
|
3352
3358
|
}
|
|
3353
|
-
`,
|
|
3359
|
+
`, ma = B`
|
|
3354
3360
|
&&& {
|
|
3355
3361
|
font-family: ${K.decorative};
|
|
3356
3362
|
font-size: 13px;
|
|
3357
|
-
${
|
|
3363
|
+
${qi};
|
|
3358
3364
|
${W({ gap: 2 })};
|
|
3359
3365
|
padding-left: 8px;
|
|
3360
3366
|
|
|
@@ -3490,7 +3496,7 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3490
3496
|
display: inline-flex;
|
|
3491
3497
|
}
|
|
3492
3498
|
}
|
|
3493
|
-
`,
|
|
3499
|
+
`, ha = 14, ga = 600, _a = (e) => A(z, {
|
|
3494
3500
|
class: "copy-value",
|
|
3495
3501
|
title: "Copy value",
|
|
3496
3502
|
onClick: (t) => {
|
|
@@ -3499,10 +3505,10 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3499
3505
|
get children() {
|
|
3500
3506
|
return A(V, { name: "copy" });
|
|
3501
3507
|
}
|
|
3502
|
-
}),
|
|
3503
|
-
let [t, n] = D(e.ctx.getInitialExpanded(e.indent)), [r, i] = D(!e.ctx.compact), a = e.indent >= 2 ? 5 :
|
|
3508
|
+
}), va = (e) => {
|
|
3509
|
+
let [t, n] = D(e.ctx.getInitialExpanded(e.indent)), [r, i] = D(!e.ctx.compact), a = e.indent >= 2 ? 5 : ha;
|
|
3504
3510
|
return N(() => {
|
|
3505
|
-
let o = e.value, s = Array.isArray(o), c = !s &&
|
|
3511
|
+
let o = e.value, s = Array.isArray(o), c = !s && Yi(o), l = e.key !== void 0 || e.index !== void 0, u = s && o.length > 0 || c && Object.keys(o).length > 0, d = u && A(z, {
|
|
3506
3512
|
onClick: () => {
|
|
3507
3513
|
n(() => !t());
|
|
3508
3514
|
},
|
|
@@ -3518,7 +3524,7 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3518
3524
|
}
|
|
3519
3525
|
});
|
|
3520
3526
|
return [l && (() => {
|
|
3521
|
-
var t =
|
|
3527
|
+
var t = Xi(), n = t.firstChild;
|
|
3522
3528
|
return t.$$click = (e) => {
|
|
3523
3529
|
e.shiftKey && Or(o);
|
|
3524
3530
|
}, R(t, s || c ? d : null, n), R(n, () => e.key || e.index), O((n) => {
|
|
@@ -3529,30 +3535,30 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3529
3535
|
t: void 0
|
|
3530
3536
|
}), t;
|
|
3531
3537
|
})(), N(() => N(() => !!(l && u && !t()))() ? (() => {
|
|
3532
|
-
var e =
|
|
3538
|
+
var e = Zi();
|
|
3533
3539
|
return e.$$click = () => {
|
|
3534
3540
|
n(() => !0);
|
|
3535
|
-
}, R(e, () => s ? `[…] ${o.length} items` : [N(() => `{…} ${Object.keys(o).length} props`), N(() =>
|
|
3541
|
+
}, R(e, () => s ? `[…] ${o.length} items` : [N(() => `{…} ${Object.keys(o).length} props`), N(() => Ca(o))], null), R(e, A(_a, { value: o }), null), e;
|
|
3536
3542
|
})() : (() => {
|
|
3537
|
-
if (s && o.length === 0) return
|
|
3538
|
-
if (c && Object.keys(o).length === 0) return
|
|
3543
|
+
if (s && o.length === 0) return Qi();
|
|
3544
|
+
if (c && Object.keys(o).length === 0) return $i();
|
|
3539
3545
|
if (s || c) {
|
|
3540
3546
|
let c = s ? o.map((e) => [null, e]) : Object.entries(o), u = s ? ["[", "]"] : ["{", "}"], f = s ? `[…] ${c.length} items` : `{…} ${c.length} properties`;
|
|
3541
3547
|
return [(() => {
|
|
3542
|
-
var e =
|
|
3548
|
+
var e = ea();
|
|
3543
3549
|
return st(e, "click", l ? void 0 : (e) => {
|
|
3544
3550
|
e.shiftKey ? Or(o) : t() || n(() => !0);
|
|
3545
3551
|
}, !0), F(e, "title", l ? void 0 : "Shift + Click to copy value"), R(e, !l && d, null), R(e, (() => {
|
|
3546
3552
|
var e = N(() => !!t());
|
|
3547
3553
|
return () => e() ? u[0] : f;
|
|
3548
|
-
})(), null), R(e, A(
|
|
3554
|
+
})(), null), R(e, A(_a, { value: o }), null), e;
|
|
3549
3555
|
})(), N(() => N(() => !!t())() && [(() => {
|
|
3550
|
-
var t =
|
|
3556
|
+
var t = ta();
|
|
3551
3557
|
return R(t, () => {
|
|
3552
3558
|
let t = c, n = t.length;
|
|
3553
3559
|
return r() || (t = t.slice(0, a)), [N(() => t.map(([t, n], r) => (() => {
|
|
3554
|
-
var i =
|
|
3555
|
-
return R(i, A(
|
|
3560
|
+
var i = ra();
|
|
3561
|
+
return R(i, A(va, {
|
|
3556
3562
|
value: n,
|
|
3557
3563
|
get indent() {
|
|
3558
3564
|
return e.indent + 1;
|
|
@@ -3578,29 +3584,29 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3578
3584
|
}))];
|
|
3579
3585
|
}), t;
|
|
3580
3586
|
})(), (() => {
|
|
3581
|
-
var e =
|
|
3587
|
+
var e = na();
|
|
3582
3588
|
return R(e, () => u[1]), e;
|
|
3583
3589
|
})()])];
|
|
3584
3590
|
}
|
|
3585
|
-
return A(
|
|
3591
|
+
return A(ya, { value: o });
|
|
3586
3592
|
})())];
|
|
3587
3593
|
});
|
|
3588
|
-
},
|
|
3589
|
-
let [t, n] = D(typeof e.value == "string" && e.value.length >
|
|
3594
|
+
}, ya = (e) => {
|
|
3595
|
+
let [t, n] = D(typeof e.value == "string" && e.value.length > ga);
|
|
3590
3596
|
return (() => {
|
|
3591
|
-
var r =
|
|
3597
|
+
var r = ia();
|
|
3592
3598
|
return r.$$click = (r) => {
|
|
3593
3599
|
r.shiftKey ? Or(typeof e.value == "string" ? e.value : String(e.value)) : t() && n(() => !1);
|
|
3594
3600
|
}, R(r, (() => {
|
|
3595
3601
|
var t = N(() => typeof e.value == "string");
|
|
3596
|
-
return () => t() &&
|
|
3602
|
+
return () => t() && aa();
|
|
3597
3603
|
})(), null), R(r, (() => {
|
|
3598
3604
|
var t = N(() => typeof e.value == "number");
|
|
3599
|
-
return () => t() ? Y(e.value) : N(() => typeof e.value == "string")() ? e.value :
|
|
3605
|
+
return () => t() ? Y(e.value) : N(() => typeof e.value == "string")() ? e.value : Li(e.value);
|
|
3600
3606
|
})(), null), R(r, (() => {
|
|
3601
3607
|
var t = N(() => typeof e.value == "string");
|
|
3602
|
-
return () => t() &&
|
|
3603
|
-
})(), null), R(r, A(
|
|
3608
|
+
return () => t() && aa();
|
|
3609
|
+
})(), null), R(r, A(_a, { get value() {
|
|
3604
3610
|
return e.value;
|
|
3605
3611
|
} }), null), O((n) => {
|
|
3606
3612
|
var i = !!t(), a = typeof e.value, o = t() ? "Click to show full value\nShift + Click to copy value" : "Shift + Click to copy value";
|
|
@@ -3622,7 +3628,7 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3622
3628
|
function _(e) {
|
|
3623
3629
|
u(() => e), f(() => !0), m(() => p() + 1);
|
|
3624
3630
|
}
|
|
3625
|
-
let v = k(() =>
|
|
3631
|
+
let v = k(() => Ki(e.value, e.search ? r() : "", a(), s())), y = k(() => Sa(v().value)), b = k(() => {
|
|
3626
3632
|
let t = r().trim() !== "", n = l(), i = !!e.compact, a = d() ? null : y();
|
|
3627
3633
|
return {
|
|
3628
3634
|
compact: i,
|
|
@@ -3632,17 +3638,17 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3632
3638
|
};
|
|
3633
3639
|
});
|
|
3634
3640
|
return (() => {
|
|
3635
|
-
var n =
|
|
3636
|
-
return I(n,
|
|
3641
|
+
var n = oa();
|
|
3642
|
+
return I(n, ua), R(n, (() => {
|
|
3637
3643
|
var n = N(() => !!e.search);
|
|
3638
3644
|
return () => n() && (() => {
|
|
3639
|
-
var n =
|
|
3640
|
-
return I(n,
|
|
3645
|
+
var n = sa(), r = n.firstChild, i = r.firstChild;
|
|
3646
|
+
return I(n, da), R(r, A(V, { name: "search" }), i), i.$$input = (e) => g(e.currentTarget.value), R(n, A(z, {
|
|
3641
3647
|
class: "toolbar-button",
|
|
3642
3648
|
get classList() {
|
|
3643
3649
|
return { active: a() === "keys" };
|
|
3644
3650
|
},
|
|
3645
|
-
title:
|
|
3651
|
+
title: Ni,
|
|
3646
3652
|
onClick: () => {
|
|
3647
3653
|
o(() => a() === "keys" ? "text" : "keys");
|
|
3648
3654
|
},
|
|
@@ -3708,14 +3714,14 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3708
3714
|
})(), null), R(n, (() => {
|
|
3709
3715
|
var e = N(() => !!v().message);
|
|
3710
3716
|
return () => e() && (() => {
|
|
3711
|
-
var e =
|
|
3712
|
-
return I(e,
|
|
3717
|
+
var e = oa();
|
|
3718
|
+
return I(e, fa), R(e, () => v().message), e;
|
|
3713
3719
|
})();
|
|
3714
3720
|
})(), null), R(n, (() => {
|
|
3715
3721
|
var e = N(() => !!v().isEmpty);
|
|
3716
3722
|
return () => e() ? (() => {
|
|
3717
|
-
var e =
|
|
3718
|
-
return I(e,
|
|
3723
|
+
var e = ca();
|
|
3724
|
+
return I(e, pa), e;
|
|
3719
3725
|
})() : A(M, {
|
|
3720
3726
|
get when() {
|
|
3721
3727
|
return {
|
|
@@ -3726,8 +3732,8 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3726
3732
|
},
|
|
3727
3733
|
keyed: !0,
|
|
3728
3734
|
children: ({ result: e, treeCtx: t }) => (() => {
|
|
3729
|
-
var n =
|
|
3730
|
-
return I(n,
|
|
3735
|
+
var n = oa();
|
|
3736
|
+
return I(n, ma), R(n, A(va, {
|
|
3731
3737
|
get value() {
|
|
3732
3738
|
return e.value;
|
|
3733
3739
|
},
|
|
@@ -3738,43 +3744,43 @@ var Ji = /*#__PURE__*/ P("<div class=key><span>"), Yi = /*#__PURE__*/ P("<div cl
|
|
|
3738
3744
|
});
|
|
3739
3745
|
})(), null), n;
|
|
3740
3746
|
})();
|
|
3741
|
-
},
|
|
3742
|
-
function
|
|
3747
|
+
}, ba = 500, xa = 30;
|
|
3748
|
+
function Sa(e) {
|
|
3743
3749
|
let t = [e], n = 0, r = 0;
|
|
3744
|
-
for (; t.length > 0 && r <
|
|
3750
|
+
for (; t.length > 0 && r < xa;) {
|
|
3745
3751
|
let e = [];
|
|
3746
3752
|
for (let i of t) {
|
|
3747
|
-
let t = Array.isArray(i) ? i :
|
|
3753
|
+
let t = Array.isArray(i) ? i : Yi(i) ? Object.values(i) : null;
|
|
3748
3754
|
if (t) {
|
|
3749
|
-
for (let i of t) if (e.push(i), n + e.length >
|
|
3755
|
+
for (let i of t) if (e.push(i), n + e.length > ba) return Math.max(r, 1);
|
|
3750
3756
|
}
|
|
3751
3757
|
}
|
|
3752
3758
|
n += e.length, t = e, r += 1;
|
|
3753
3759
|
}
|
|
3754
3760
|
return null;
|
|
3755
3761
|
}
|
|
3756
|
-
function
|
|
3762
|
+
function Ca(e) {
|
|
3757
3763
|
if ("id" in e) return (() => {
|
|
3758
|
-
var t =
|
|
3764
|
+
var t = la();
|
|
3759
3765
|
return t.firstChild, R(t, () => String(e.id), null), t;
|
|
3760
3766
|
})();
|
|
3761
3767
|
let t = Object.keys(e);
|
|
3762
3768
|
for (let n of t) if (n.startsWith("id_")) {
|
|
3763
3769
|
let t = e[n];
|
|
3764
3770
|
if (typeof t == "string" || typeof t == "number") return (() => {
|
|
3765
|
-
var e =
|
|
3771
|
+
var e = la();
|
|
3766
3772
|
return e.firstChild, R(e, t, null), e;
|
|
3767
3773
|
})();
|
|
3768
3774
|
}
|
|
3769
3775
|
return "key" in e ? (() => {
|
|
3770
|
-
var t =
|
|
3776
|
+
var t = la();
|
|
3771
3777
|
return t.firstChild, R(t, () => String(e.key), null), t;
|
|
3772
3778
|
})() : "";
|
|
3773
3779
|
}
|
|
3774
3780
|
it(["click", "input"]);
|
|
3775
3781
|
//#endregion
|
|
3776
3782
|
//#region utils/cx.ts
|
|
3777
|
-
function
|
|
3783
|
+
function wa(...e) {
|
|
3778
3784
|
let t = [];
|
|
3779
3785
|
for (let n = 0; n < e.length; n++) {
|
|
3780
3786
|
let r = e[n];
|
|
@@ -3787,7 +3793,7 @@ function Sa(...e) {
|
|
|
3787
3793
|
}
|
|
3788
3794
|
//#endregion
|
|
3789
3795
|
//#region src/components/Section.tsx
|
|
3790
|
-
var
|
|
3796
|
+
var Ta = /*#__PURE__*/ P("<div><div class=content>"), Ea = /*#__PURE__*/ P("<h1>"), Da = B`
|
|
3791
3797
|
&&& {
|
|
3792
3798
|
${W()};
|
|
3793
3799
|
|
|
@@ -3822,15 +3828,15 @@ var Ca = /*#__PURE__*/ P("<div><div class=content>"), wa = /*#__PURE__*/ P("<h1>
|
|
|
3822
3828
|
}
|
|
3823
3829
|
}
|
|
3824
3830
|
`, Z = (e) => (() => {
|
|
3825
|
-
var t =
|
|
3831
|
+
var t = Ta(), n = t.firstChild;
|
|
3826
3832
|
return R(t, (() => {
|
|
3827
3833
|
var t = N(() => !!e.title);
|
|
3828
3834
|
return () => t() && (() => {
|
|
3829
|
-
var t =
|
|
3835
|
+
var t = Ea();
|
|
3830
3836
|
return R(t, () => e.title), t;
|
|
3831
3837
|
})();
|
|
3832
|
-
})(), n), R(n, () => e.children), O(() => I(t,
|
|
3833
|
-
})(),
|
|
3838
|
+
})(), n), R(n, () => e.children), O(() => I(t, wa(Da, e.class))), t;
|
|
3839
|
+
})(), Oa = /*#__PURE__*/ P("<div>"), ka = /*#__PURE__*/ P("<div class=row><div class=name></div><div class=value>"), Aa = B`
|
|
3834
3840
|
&&& {
|
|
3835
3841
|
display: grid;
|
|
3836
3842
|
grid-template-columns: auto 1fr;
|
|
@@ -3858,24 +3864,24 @@ var Ca = /*#__PURE__*/ P("<div><div class=content>"), wa = /*#__PURE__*/ P("<h1>
|
|
|
3858
3864
|
opacity: 0.7;
|
|
3859
3865
|
}
|
|
3860
3866
|
}
|
|
3861
|
-
`,
|
|
3862
|
-
var t =
|
|
3863
|
-
return I(t,
|
|
3867
|
+
`, ja = (e) => (() => {
|
|
3868
|
+
var t = Oa();
|
|
3869
|
+
return I(t, Aa), R(t, A(Ge, {
|
|
3864
3870
|
get each() {
|
|
3865
3871
|
return qt(e.rows);
|
|
3866
3872
|
},
|
|
3867
3873
|
children: (e) => (() => {
|
|
3868
|
-
var t =
|
|
3874
|
+
var t = ka(), n = t.firstChild, r = n.nextSibling;
|
|
3869
3875
|
return R(n, () => e().name), R(r, () => e().value), t;
|
|
3870
3876
|
})()
|
|
3871
3877
|
})), t;
|
|
3872
|
-
})(),
|
|
3878
|
+
})(), Ma = [{
|
|
3873
3879
|
type: "json",
|
|
3874
3880
|
name: "payload"
|
|
3875
|
-
}],
|
|
3876
|
-
function
|
|
3881
|
+
}], Na = 0, Pa = "app-devtools-caller-history";
|
|
3882
|
+
function Fa(e) {
|
|
3877
3883
|
if (typeof e.payloadText == "string") return e.payloadText === "" ? {} : { payload: e.payloadText };
|
|
3878
|
-
if (
|
|
3884
|
+
if (Ra(e.inputValues)) {
|
|
3879
3885
|
let t = {};
|
|
3880
3886
|
for (let [n, r] of Object.entries(e.inputValues)) {
|
|
3881
3887
|
if (typeof r != "string") return null;
|
|
@@ -3885,18 +3891,18 @@ function Na(e) {
|
|
|
3885
3891
|
}
|
|
3886
3892
|
return null;
|
|
3887
3893
|
}
|
|
3888
|
-
function
|
|
3894
|
+
function Ia() {
|
|
3889
3895
|
try {
|
|
3890
|
-
let e = window.sessionStorage.getItem(
|
|
3896
|
+
let e = window.sessionStorage.getItem(Pa);
|
|
3891
3897
|
if (!e) return [];
|
|
3892
3898
|
let t = JSON.parse(e);
|
|
3893
|
-
if (!
|
|
3899
|
+
if (!za(t)) return [];
|
|
3894
3900
|
let n = [];
|
|
3895
|
-
for (let e of t) if (
|
|
3896
|
-
let t =
|
|
3901
|
+
for (let e of t) if (Ra(e) && typeof e.path == "string" && typeof e.method == "string") {
|
|
3902
|
+
let t = Fa(e);
|
|
3897
3903
|
if (!t) continue;
|
|
3898
|
-
|
|
3899
|
-
id:
|
|
3904
|
+
Na += 1, n.push({
|
|
3905
|
+
id: Na,
|
|
3900
3906
|
path: e.path,
|
|
3901
3907
|
method: e.method,
|
|
3902
3908
|
inputValues: t,
|
|
@@ -3908,9 +3914,9 @@ function Pa() {
|
|
|
3908
3914
|
return [];
|
|
3909
3915
|
}
|
|
3910
3916
|
}
|
|
3911
|
-
function
|
|
3917
|
+
function La(e) {
|
|
3912
3918
|
try {
|
|
3913
|
-
window.sessionStorage.setItem(
|
|
3919
|
+
window.sessionStorage.setItem(Pa, JSON.stringify(e.slice(0, 5).map(({ path: e, method: t, inputValues: n, callerName: r }) => ({
|
|
3914
3920
|
path: e,
|
|
3915
3921
|
method: t,
|
|
3916
3922
|
inputValues: n,
|
|
@@ -3918,10 +3924,10 @@ function Fa(e) {
|
|
|
3918
3924
|
}))));
|
|
3919
3925
|
} catch {}
|
|
3920
3926
|
}
|
|
3921
|
-
function
|
|
3927
|
+
function Ra(e) {
|
|
3922
3928
|
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
3923
3929
|
}
|
|
3924
|
-
function
|
|
3930
|
+
function za(e) {
|
|
3925
3931
|
return Array.isArray(e);
|
|
3926
3932
|
}
|
|
3927
3933
|
var [Q, $] = Tn({
|
|
@@ -3933,20 +3939,20 @@ var [Q, $] = Tn({
|
|
|
3933
3939
|
isLoading: !1,
|
|
3934
3940
|
sendError: null,
|
|
3935
3941
|
selectedResultId: null,
|
|
3936
|
-
history:
|
|
3942
|
+
history: Ia(),
|
|
3937
3943
|
resultsHistory: []
|
|
3938
3944
|
});
|
|
3939
|
-
function
|
|
3945
|
+
function Ba(e) {
|
|
3940
3946
|
$("callers", e);
|
|
3941
3947
|
}
|
|
3942
|
-
var
|
|
3948
|
+
var Va = [
|
|
3943
3949
|
"GET",
|
|
3944
3950
|
"POST",
|
|
3945
3951
|
"PUT",
|
|
3946
3952
|
"PATCH",
|
|
3947
3953
|
"DELETE"
|
|
3948
|
-
],
|
|
3949
|
-
function
|
|
3954
|
+
], Ha = 30, Ua = 30, Wa = 0;
|
|
3955
|
+
function Ga(e) {
|
|
3950
3956
|
let t = e.trim();
|
|
3951
3957
|
if (t === "") return null;
|
|
3952
3958
|
try {
|
|
@@ -3955,34 +3961,34 @@ function Ua(e) {
|
|
|
3955
3961
|
return `Invalid JSON: ${e instanceof Error ? e.message : String(e)}`;
|
|
3956
3962
|
}
|
|
3957
3963
|
}
|
|
3958
|
-
function
|
|
3964
|
+
function Ka(e) {
|
|
3959
3965
|
return e === void 0 ? "" : typeof e == "string" ? e : e.value;
|
|
3960
3966
|
}
|
|
3961
|
-
function
|
|
3967
|
+
function qa(e) {
|
|
3962
3968
|
let t = {};
|
|
3963
3969
|
for (let n of e) {
|
|
3964
3970
|
let e = Q.inputValues[n.name] ?? "";
|
|
3965
|
-
n.type === "json" ? e = e.trim() : n.type === "select" && e === "" && (e =
|
|
3971
|
+
n.type === "json" ? e = e.trim() : n.type === "select" && e === "" && (e = Ka(n.options[0])), t[n.name] = e;
|
|
3966
3972
|
}
|
|
3967
3973
|
return t;
|
|
3968
3974
|
}
|
|
3969
|
-
function
|
|
3975
|
+
function Ja(e, t) {
|
|
3970
3976
|
let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
|
|
3971
3977
|
for (let r of n) if ((e[r] ?? "").trim() !== (t[r] ?? "").trim()) return !1;
|
|
3972
3978
|
return !0;
|
|
3973
3979
|
}
|
|
3974
|
-
async function
|
|
3980
|
+
async function Ya() {
|
|
3975
3981
|
if (Q.isLoading) return;
|
|
3976
3982
|
let e = Q.callers[Q.selectedCallerIdx];
|
|
3977
3983
|
if (!e) return;
|
|
3978
|
-
let t = Q.path.trim(), n = Q.method, r = e.name, i = !e.inputs, a = e.inputs ??
|
|
3984
|
+
let t = Q.path.trim(), n = Q.method, r = e.name, i = !e.inputs, a = e.inputs ?? Ma;
|
|
3979
3985
|
if (!t) {
|
|
3980
3986
|
$("sendError", "The request path is empty");
|
|
3981
3987
|
return;
|
|
3982
3988
|
}
|
|
3983
|
-
let o =
|
|
3989
|
+
let o = qa(a);
|
|
3984
3990
|
for (let e of a) if (e.type === "json") {
|
|
3985
|
-
let t =
|
|
3991
|
+
let t = Ga(o[e.name] ?? "");
|
|
3986
3992
|
if (t) {
|
|
3987
3993
|
$("sendError", `${e.name}: ${t}`);
|
|
3988
3994
|
return;
|
|
@@ -4002,18 +4008,18 @@ async function qa() {
|
|
|
4002
4008
|
s = e;
|
|
4003
4009
|
}
|
|
4004
4010
|
let c = Q.history[0];
|
|
4005
|
-
(!c || c.path !== t || c.method !== n || c.callerName !== r || !
|
|
4006
|
-
id:
|
|
4011
|
+
(!c || c.path !== t || c.method !== n || c.callerName !== r || !Ja(c.inputValues, o)) && (Na += 1, $("history", (e) => [{
|
|
4012
|
+
id: Na,
|
|
4007
4013
|
path: t,
|
|
4008
4014
|
method: n,
|
|
4009
4015
|
inputValues: o,
|
|
4010
4016
|
callerName: r
|
|
4011
|
-
}, ...e].slice(0,
|
|
4017
|
+
}, ...e].slice(0, Ha)), La(Q.history)), $({ isLoading: !0 });
|
|
4012
4018
|
let l = Date.now();
|
|
4013
4019
|
function u(e) {
|
|
4014
|
-
|
|
4020
|
+
Wa += 1;
|
|
4015
4021
|
let i = {
|
|
4016
|
-
id:
|
|
4022
|
+
id: Wa,
|
|
4017
4023
|
path: t,
|
|
4018
4024
|
method: n,
|
|
4019
4025
|
inputValues: o,
|
|
@@ -4025,7 +4031,7 @@ async function qa() {
|
|
|
4025
4031
|
$({
|
|
4026
4032
|
isLoading: !1,
|
|
4027
4033
|
selectedResultId: i.id
|
|
4028
|
-
}), $("resultsHistory", (e) => [i, ...e].slice(0,
|
|
4034
|
+
}), $("resultsHistory", (e) => [i, ...e].slice(0, Ua));
|
|
4029
4035
|
}
|
|
4030
4036
|
try {
|
|
4031
4037
|
let r = await e.call({
|
|
@@ -4048,19 +4054,19 @@ async function qa() {
|
|
|
4048
4054
|
});
|
|
4049
4055
|
}
|
|
4050
4056
|
}
|
|
4051
|
-
function
|
|
4057
|
+
function Xa(e) {
|
|
4052
4058
|
let t = Q.callers.findIndex((t) => t.name === e);
|
|
4053
4059
|
t !== -1 && $("selectedCallerIdx", t);
|
|
4054
4060
|
}
|
|
4055
|
-
function
|
|
4061
|
+
function Za(e) {
|
|
4056
4062
|
$({
|
|
4057
4063
|
path: e.path,
|
|
4058
4064
|
method: e.method,
|
|
4059
4065
|
inputValues: { ...e.inputValues },
|
|
4060
4066
|
sendError: null
|
|
4061
|
-
}),
|
|
4067
|
+
}), Xa(e.callerName);
|
|
4062
4068
|
}
|
|
4063
|
-
function
|
|
4069
|
+
function Qa(e) {
|
|
4064
4070
|
let t = Q.callers[Q.selectedCallerIdx], n = e.method || "POST", r = e.path;
|
|
4065
4071
|
$({
|
|
4066
4072
|
method: n,
|
|
@@ -4075,71 +4081,71 @@ function Xa(e) {
|
|
|
4075
4081
|
}
|
|
4076
4082
|
//#endregion
|
|
4077
4083
|
//#region src/utils/getUnusedResponseData.ts
|
|
4078
|
-
var
|
|
4079
|
-
function
|
|
4084
|
+
var $a = Symbol("wildcard");
|
|
4085
|
+
function eo(e) {
|
|
4080
4086
|
let t = [];
|
|
4081
4087
|
for (let n of e.split(".")) {
|
|
4082
4088
|
let e = n.indexOf("["), r = e === -1 ? n : n.slice(0, e);
|
|
4083
4089
|
r && t.push(r);
|
|
4084
4090
|
for (let e of n.matchAll(/\[(\*|\d+)\]/g)) {
|
|
4085
4091
|
let n = e[1];
|
|
4086
|
-
n === "*" ? t.push(
|
|
4092
|
+
n === "*" ? t.push($a) : n !== void 0 && t.push(Number(n));
|
|
4087
4093
|
}
|
|
4088
4094
|
}
|
|
4089
4095
|
return t;
|
|
4090
4096
|
}
|
|
4091
|
-
function
|
|
4097
|
+
function to(e) {
|
|
4092
4098
|
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
4093
4099
|
}
|
|
4094
|
-
function
|
|
4100
|
+
function no(e) {
|
|
4095
4101
|
return Array.isArray(e);
|
|
4096
4102
|
}
|
|
4097
|
-
function
|
|
4103
|
+
function ro(e, t, n) {
|
|
4098
4104
|
let r = t[n];
|
|
4099
4105
|
if (r === void 0) return e;
|
|
4100
|
-
if (r ===
|
|
4101
|
-
if (typeof r == "number") return
|
|
4102
|
-
if (
|
|
4106
|
+
if (r === $a) return no(e) ? e.map((e) => ro(e, t, n + 1)) : void 0;
|
|
4107
|
+
if (typeof r == "number") return no(e) ? ro(e[r], t, n + 1) : void 0;
|
|
4108
|
+
if (to(e)) return ro(e[r], t, n + 1);
|
|
4103
4109
|
}
|
|
4104
|
-
function
|
|
4105
|
-
return
|
|
4110
|
+
function io(e, t) {
|
|
4111
|
+
return ro(e, eo(t), 0);
|
|
4106
4112
|
}
|
|
4107
|
-
function
|
|
4113
|
+
function ao(e, t) {
|
|
4108
4114
|
let n = {};
|
|
4109
|
-
for (let r of t) n[r] =
|
|
4115
|
+
for (let r of t) n[r] = io(e, r);
|
|
4110
4116
|
return n;
|
|
4111
4117
|
}
|
|
4112
|
-
function
|
|
4118
|
+
function oo(e, t) {
|
|
4113
4119
|
let n = 0;
|
|
4114
4120
|
for (let r of t) {
|
|
4115
|
-
let t =
|
|
4121
|
+
let t = io(e, r);
|
|
4116
4122
|
t !== void 0 && (n += nn(() => JSON.stringify(t).length) || 0);
|
|
4117
4123
|
}
|
|
4118
4124
|
return n;
|
|
4119
4125
|
}
|
|
4120
4126
|
//#endregion
|
|
4121
4127
|
//#region src/utils/requestToCurl.ts
|
|
4122
|
-
function
|
|
4128
|
+
function so(e) {
|
|
4123
4129
|
return `'${e.replaceAll("'", "'\\''")}'`;
|
|
4124
4130
|
}
|
|
4125
|
-
function
|
|
4126
|
-
let n = e.path.startsWith("http://") || e.path.startsWith("https://") ? e.path : `${window.location.origin}/${e.path}`, r = e.method?.toUpperCase() || (e.payload !== void 0 && e.payload !== null ? "POST" : "GET"), i = [`curl ${
|
|
4131
|
+
function co(e, t = {}) {
|
|
4132
|
+
let n = e.path.startsWith("http://") || e.path.startsWith("https://") ? e.path : `${window.location.origin}/${e.path}`, r = e.method?.toUpperCase() || (e.payload !== void 0 && e.payload !== null ? "POST" : "GET"), i = [`curl ${so(n)}`];
|
|
4127
4133
|
r !== "GET" && i.push(`-X ${r}`);
|
|
4128
4134
|
let a = Object.entries(e.headers || {});
|
|
4129
4135
|
for (let [e, n] of a) {
|
|
4130
4136
|
let r = t.maskSensitiveData && !zn(e) ? "<masked>" : n;
|
|
4131
|
-
i.push(`-H ${
|
|
4137
|
+
i.push(`-H ${so(`${e}: ${r}`)}`);
|
|
4132
4138
|
}
|
|
4133
4139
|
if (e.payload !== void 0 && e.payload !== null && r !== "GET") {
|
|
4134
|
-
a.some(([e]) => e.toLowerCase() === "content-type") || i.push(`-H ${
|
|
4140
|
+
a.some(([e]) => e.toLowerCase() === "content-type") || i.push(`-H ${so("Content-Type: application/json")}`);
|
|
4135
4141
|
let n = t.maskSensitiveData ? Un(e.payload).value : e.payload;
|
|
4136
|
-
i.push(`--data ${
|
|
4142
|
+
i.push(`--data ${so(JSON.stringify(n))}`);
|
|
4137
4143
|
}
|
|
4138
4144
|
return i.join(" \\\n ");
|
|
4139
4145
|
}
|
|
4140
4146
|
//#endregion
|
|
4141
4147
|
//#region src/pages/api-explorer/RequestDetails.tsx
|
|
4142
|
-
var
|
|
4148
|
+
var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item><div class=warning-content><span>"), fo = /*#__PURE__*/ P("<h1><span class=type></span><span class=separator>|"), po = /*#__PURE__*/ P("<div class=tags><div class=actions>"), mo = /*#__PURE__*/ P("<div class=details>"), ho = /*#__PURE__*/ P("<span class=separator>|"), go = /*#__PURE__*/ P("<h2>"), _o = /*#__PURE__*/ P("<div class=method>"), vo = /*#__PURE__*/ P("<div class=code>"), yo = /*#__PURE__*/ P("<div class=\"tag error\">Has Error"), bo = /*#__PURE__*/ P("<div class=\"tag warning\">"), xo = /*#__PURE__*/ P("<div class=\"tag pending\">Pending"), So = /*#__PURE__*/ P("<div class=tag>"), Co = /*#__PURE__*/ P("<div class=backdrop>"), wo = /*#__PURE__*/ P("<div class=menu>"), To = /*#__PURE__*/ P("<span>pending…"), Eo = /*#__PURE__*/ P("<span> ms"), Do = /*#__PURE__*/ P("<span>"), Oo = B`
|
|
4143
4149
|
&&& {
|
|
4144
4150
|
${W()};
|
|
4145
4151
|
padding-left: 10px;
|
|
@@ -4241,7 +4247,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4241
4247
|
padding-bottom: 20px;
|
|
4242
4248
|
}
|
|
4243
4249
|
}
|
|
4244
|
-
`,
|
|
4250
|
+
`, ko = B`
|
|
4245
4251
|
&&& {
|
|
4246
4252
|
${W({ align: "left" })};
|
|
4247
4253
|
gap: 6px;
|
|
@@ -4266,7 +4272,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4266
4272
|
}
|
|
4267
4273
|
}
|
|
4268
4274
|
}
|
|
4269
|
-
`,
|
|
4275
|
+
`, Ao = B`
|
|
4270
4276
|
&&& {
|
|
4271
4277
|
position: relative;
|
|
4272
4278
|
|
|
@@ -4303,11 +4309,11 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4303
4309
|
}
|
|
4304
4310
|
}
|
|
4305
4311
|
}
|
|
4306
|
-
`,
|
|
4312
|
+
`, jo = B`
|
|
4307
4313
|
&&& {
|
|
4308
4314
|
--json-toolbar-bleed: 10px;
|
|
4309
4315
|
}
|
|
4310
|
-
`,
|
|
4316
|
+
`, Mo = B`
|
|
4311
4317
|
&&& {
|
|
4312
4318
|
${U({ gap: 20 })};
|
|
4313
4319
|
color: ${G.secondary.var};
|
|
@@ -4327,7 +4333,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4327
4333
|
}
|
|
4328
4334
|
}
|
|
4329
4335
|
}
|
|
4330
|
-
`,
|
|
4336
|
+
`, No = () => {
|
|
4331
4337
|
let t = k(() => q.selectedCall), n = k(() => q.selectedRequest), r = k(() => q.selectedTab || "summary"), i = tn(() => {
|
|
4332
4338
|
let e;
|
|
4333
4339
|
e = t() ? H.calls[t()] : H.calls[Jn.value];
|
|
@@ -4358,7 +4364,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4358
4364
|
}), c = tn(() => Zr.value ? i.value?.payload : s.value?.value), l = en(!1);
|
|
4359
4365
|
function u(e) {
|
|
4360
4366
|
let t = i.value;
|
|
4361
|
-
t && Or(
|
|
4367
|
+
t && Or(co(t, { maskSensitiveData: e })), l.value = !1;
|
|
4362
4368
|
}
|
|
4363
4369
|
function d(e) {
|
|
4364
4370
|
return Y(e, {
|
|
@@ -4396,11 +4402,11 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4396
4402
|
}
|
|
4397
4403
|
function m(e) {
|
|
4398
4404
|
return (() => {
|
|
4399
|
-
var t =
|
|
4400
|
-
return I(t,
|
|
4405
|
+
var t = lo();
|
|
4406
|
+
return I(t, ko), R(t, A(j, {
|
|
4401
4407
|
each: e,
|
|
4402
4408
|
children: (e) => (() => {
|
|
4403
|
-
var t =
|
|
4409
|
+
var t = uo(), n = t.firstChild, r = n.firstChild;
|
|
4404
4410
|
return R(t, A(V, { name: "alert-triangle" }), n), R(r, () => e.message), R(n, (() => {
|
|
4405
4411
|
var t = N(() => e.details !== void 0);
|
|
4406
4412
|
return () => t() && A(X, {
|
|
@@ -4416,11 +4422,11 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4416
4422
|
}
|
|
4417
4423
|
let h = tn(() => {
|
|
4418
4424
|
let e = i.value;
|
|
4419
|
-
return e?.unusedResponseData?.length ?
|
|
4425
|
+
return e?.unusedResponseData?.length ? ao(e.response, e.unusedResponseData) : null;
|
|
4420
4426
|
}), g = tn(() => {
|
|
4421
4427
|
let e = i.value;
|
|
4422
4428
|
if (!e?.unusedResponseData?.length || !e.response) return !1;
|
|
4423
|
-
let t =
|
|
4429
|
+
let t = oo(e.response, e.unusedResponseData);
|
|
4424
4430
|
if (t === 0) return !1;
|
|
4425
4431
|
let n = JSON.stringify(e.response).length, r = n > 0 ? Math.round(t / n * 100) : 0;
|
|
4426
4432
|
return `${d(t)} (${r}% of response)`;
|
|
@@ -4429,45 +4435,45 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4429
4435
|
return !e || r() === "payload" && !e.payload || r() === "urlParams" && !e.searchParams || r() === "unusedData" && !h.value || r() === "warnings" && !e.warnings?.length || r() === "metadata" && !e.metadata || r() === "headers" && !o.value ? "summary" : r();
|
|
4430
4436
|
});
|
|
4431
4437
|
return (() => {
|
|
4432
|
-
var t =
|
|
4433
|
-
return I(t,
|
|
4438
|
+
var t = lo();
|
|
4439
|
+
return I(t, Oo), R(t, (() => {
|
|
4434
4440
|
var t = N(() => !!i.value);
|
|
4435
4441
|
return () => t() && [
|
|
4436
4442
|
(() => {
|
|
4437
|
-
var e =
|
|
4443
|
+
var e = fo(), t = e.firstChild;
|
|
4438
4444
|
return t.nextSibling, R(t, (() => {
|
|
4439
4445
|
var e = N(() => i.value.type === "ws");
|
|
4440
4446
|
return () => e() ? `WS ${i.value.subType}` : "API";
|
|
4441
4447
|
})()), R(e, () => i.value.callName, null), R(e, (() => {
|
|
4442
4448
|
var e = N(() => !!i.value.alias);
|
|
4443
|
-
return () => e() &&
|
|
4449
|
+
return () => e() && ho();
|
|
4444
4450
|
})(), null), R(e, () => i.value.alias, null), e;
|
|
4445
4451
|
})(),
|
|
4446
4452
|
N(() => N(() => i.value.callPath !== i.value.callName)() && (() => {
|
|
4447
|
-
var e =
|
|
4453
|
+
var e = go();
|
|
4448
4454
|
return R(e, () => i.value.callPath), e;
|
|
4449
4455
|
})()),
|
|
4450
4456
|
(() => {
|
|
4451
|
-
var e =
|
|
4457
|
+
var e = po(), t = e.firstChild;
|
|
4452
4458
|
return R(e, (() => {
|
|
4453
4459
|
var e = N(() => !!i.value.method);
|
|
4454
4460
|
return () => e() && (() => {
|
|
4455
|
-
var e =
|
|
4461
|
+
var e = _o();
|
|
4456
4462
|
return R(e, () => i.value.method), e;
|
|
4457
4463
|
})();
|
|
4458
4464
|
})(), t), R(e, (() => {
|
|
4459
4465
|
var e = N(() => !!i.value.code);
|
|
4460
4466
|
return () => e() && (() => {
|
|
4461
|
-
var e =
|
|
4467
|
+
var e = vo();
|
|
4462
4468
|
return R(e, () => i.value.code), O(() => e.classList.toggle("error", i.value.code >= 400)), e;
|
|
4463
4469
|
})();
|
|
4464
4470
|
})(), t), R(e, (() => {
|
|
4465
4471
|
var e = N(() => !!i.value.isError);
|
|
4466
|
-
return () => e() &&
|
|
4472
|
+
return () => e() && yo();
|
|
4467
4473
|
})(), t), R(e, (() => {
|
|
4468
4474
|
var e = N(() => !!i.value.warnings?.length);
|
|
4469
4475
|
return () => e() && (() => {
|
|
4470
|
-
var e =
|
|
4476
|
+
var e = bo();
|
|
4471
4477
|
return R(e, A(V, { name: "alert-triangle" }), null), R(e, (() => {
|
|
4472
4478
|
var e = N(() => i.value.warnings.length === 1);
|
|
4473
4479
|
return () => e() ? "Has Warning" : `${i.value.warnings.length} Warnings`;
|
|
@@ -4475,13 +4481,13 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4475
4481
|
})();
|
|
4476
4482
|
})(), t), R(e, (() => {
|
|
4477
4483
|
var e = N(() => i.value.status === "pending");
|
|
4478
|
-
return () => e() &&
|
|
4484
|
+
return () => e() && xo();
|
|
4479
4485
|
})(), t), R(e, A(j, {
|
|
4480
4486
|
get each() {
|
|
4481
4487
|
return i.value.tags;
|
|
4482
4488
|
},
|
|
4483
4489
|
children: (e) => (() => {
|
|
4484
|
-
var t =
|
|
4490
|
+
var t = So();
|
|
4485
4491
|
return R(t, e), t;
|
|
4486
4492
|
})()
|
|
4487
4493
|
}), t), R(t, A(z, {
|
|
@@ -4494,8 +4500,8 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4494
4500
|
}), null), R(t, (() => {
|
|
4495
4501
|
var e = N(() => i.value.type !== "ws");
|
|
4496
4502
|
return () => e() && (() => {
|
|
4497
|
-
var e =
|
|
4498
|
-
return I(e,
|
|
4503
|
+
var e = lo();
|
|
4504
|
+
return I(e, Ao), R(e, A(z, {
|
|
4499
4505
|
class: "action-button",
|
|
4500
4506
|
title: "Copy request as cURL",
|
|
4501
4507
|
onClick: () => {
|
|
@@ -4511,12 +4517,12 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4511
4517
|
}), null), R(e, (() => {
|
|
4512
4518
|
var e = N(() => !!l.value);
|
|
4513
4519
|
return () => e() && [(() => {
|
|
4514
|
-
var e =
|
|
4520
|
+
var e = Co();
|
|
4515
4521
|
return e.$$click = () => {
|
|
4516
4522
|
l.value = !1;
|
|
4517
4523
|
}, e;
|
|
4518
4524
|
})(), (() => {
|
|
4519
|
-
var e =
|
|
4525
|
+
var e = wo();
|
|
4520
4526
|
return R(e, A(z, {
|
|
4521
4527
|
title: "Sensitive header values and payload fields are masked",
|
|
4522
4528
|
onClick: () => u(!0),
|
|
@@ -4536,7 +4542,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4536
4542
|
title: "Modify and resend this request in the caller tab",
|
|
4537
4543
|
onClick: () => {
|
|
4538
4544
|
let e = i.value;
|
|
4539
|
-
e &&
|
|
4545
|
+
e && Qa(e);
|
|
4540
4546
|
},
|
|
4541
4547
|
get children() {
|
|
4542
4548
|
return [A(V, { name: "send" }), "Modify request"];
|
|
@@ -4545,8 +4551,8 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4545
4551
|
})(), null), e;
|
|
4546
4552
|
})(),
|
|
4547
4553
|
(() => {
|
|
4548
|
-
var e =
|
|
4549
|
-
return I(e,
|
|
4554
|
+
var e = lo();
|
|
4555
|
+
return I(e, Mo), R(e, () => a("summary", "Summary"), null), R(e, (() => {
|
|
4550
4556
|
var e = N(() => !!i.value.payload);
|
|
4551
4557
|
return () => e() && a("payload", "Payload");
|
|
4552
4558
|
})(), null), R(e, (() => {
|
|
@@ -4567,7 +4573,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4567
4573
|
})(), null), e;
|
|
4568
4574
|
})(),
|
|
4569
4575
|
(() => {
|
|
4570
|
-
var t =
|
|
4576
|
+
var t = mo();
|
|
4571
4577
|
return R(t, A(Ke, { get children() {
|
|
4572
4578
|
return [
|
|
4573
4579
|
A(qe, {
|
|
@@ -4629,22 +4635,22 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4629
4635
|
A(Z, {
|
|
4630
4636
|
title: "Stats",
|
|
4631
4637
|
get children() {
|
|
4632
|
-
return A(
|
|
4638
|
+
return A(ja, { get rows() {
|
|
4633
4639
|
return [
|
|
4634
4640
|
i.value.type !== "ws" && {
|
|
4635
4641
|
name: "Duration",
|
|
4636
4642
|
value: i.value.status === "pending" ? (() => {
|
|
4637
|
-
var e =
|
|
4643
|
+
var e = To();
|
|
4638
4644
|
return O((t) => L(e, "color", G.secondary.var)), e;
|
|
4639
4645
|
})() : (() => {
|
|
4640
|
-
var e =
|
|
4646
|
+
var e = Eo(), t = e.firstChild;
|
|
4641
4647
|
return R(e, () => Y(i.value.duration, { maximumFractionDigits: 0 }), t), O((t) => L(e, "color", i.value.duration < 500 ? G.success.var : i.value.duration > 1e3 ? G.error.var : void 0)), e;
|
|
4642
4648
|
})()
|
|
4643
4649
|
},
|
|
4644
4650
|
{
|
|
4645
4651
|
name: "Start Time",
|
|
4646
4652
|
value: (() => {
|
|
4647
|
-
var t =
|
|
4653
|
+
var t = Do();
|
|
4648
4654
|
return R(t, () => `${e(i.value.startTime).format("HH:mm:ss")} (${e(i.value.startTime).fromNow()})`), O(() => F(t, "title", e(i.value.startTime).format("YYYY-MM-DD HH:mm:ss.SSS"))), t;
|
|
4649
4655
|
})()
|
|
4650
4656
|
},
|
|
@@ -4655,7 +4661,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4655
4661
|
!!g.value && {
|
|
4656
4662
|
name: "Unused Data Size",
|
|
4657
4663
|
value: (() => {
|
|
4658
|
-
var e =
|
|
4664
|
+
var e = Do();
|
|
4659
4665
|
return R(e, () => g.value), O((t) => L(e, "color", G.warning.var)), e;
|
|
4660
4666
|
})()
|
|
4661
4667
|
}
|
|
@@ -4699,7 +4705,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4699
4705
|
get children() {
|
|
4700
4706
|
return A(Z, {
|
|
4701
4707
|
title: null,
|
|
4702
|
-
class:
|
|
4708
|
+
class: jo,
|
|
4703
4709
|
get children() {
|
|
4704
4710
|
return A(X, {
|
|
4705
4711
|
get value() {
|
|
@@ -4718,7 +4724,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4718
4724
|
get children() {
|
|
4719
4725
|
return A(Z, {
|
|
4720
4726
|
title: null,
|
|
4721
|
-
class:
|
|
4727
|
+
class: jo,
|
|
4722
4728
|
get children() {
|
|
4723
4729
|
return A(X, {
|
|
4724
4730
|
get value() {
|
|
@@ -4737,7 +4743,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4737
4743
|
get children() {
|
|
4738
4744
|
return A(Z, {
|
|
4739
4745
|
title: null,
|
|
4740
|
-
class:
|
|
4746
|
+
class: jo,
|
|
4741
4747
|
get children() {
|
|
4742
4748
|
return A(X, {
|
|
4743
4749
|
get value() {
|
|
@@ -4756,7 +4762,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4756
4762
|
get children() {
|
|
4757
4763
|
return A(Z, {
|
|
4758
4764
|
title: null,
|
|
4759
|
-
class:
|
|
4765
|
+
class: jo,
|
|
4760
4766
|
get children() {
|
|
4761
4767
|
return A(X, {
|
|
4762
4768
|
get value() {
|
|
@@ -4775,7 +4781,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4775
4781
|
get children() {
|
|
4776
4782
|
return A(Z, {
|
|
4777
4783
|
title: null,
|
|
4778
|
-
class:
|
|
4784
|
+
class: jo,
|
|
4779
4785
|
get children() {
|
|
4780
4786
|
return m(i.value.warnings || []);
|
|
4781
4787
|
}
|
|
@@ -4789,7 +4795,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4789
4795
|
get children() {
|
|
4790
4796
|
return A(Z, {
|
|
4791
4797
|
title: null,
|
|
4792
|
-
class:
|
|
4798
|
+
class: jo,
|
|
4793
4799
|
get children() {
|
|
4794
4800
|
return A(X, {
|
|
4795
4801
|
get value() {
|
|
@@ -4808,7 +4814,7 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4808
4814
|
get children() {
|
|
4809
4815
|
return A(Z, {
|
|
4810
4816
|
title: null,
|
|
4811
|
-
class:
|
|
4817
|
+
class: jo,
|
|
4812
4818
|
get children() {
|
|
4813
4819
|
return A(X, {
|
|
4814
4820
|
get value() {
|
|
@@ -4830,13 +4836,13 @@ var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4830
4836
|
it(["click"]);
|
|
4831
4837
|
//#endregion
|
|
4832
4838
|
//#region src/pages/api-explorer/getRequestPayload.tsx
|
|
4833
|
-
function
|
|
4839
|
+
function Po(e) {
|
|
4834
4840
|
let t = e.alias || e.payload || e.searchParams;
|
|
4835
4841
|
return !t || Object.keys(t).length === 0 ? "" : typeof t == "string" || typeof t == "number" ? String(t) : JSON.stringify(t);
|
|
4836
4842
|
}
|
|
4837
4843
|
//#endregion
|
|
4838
4844
|
//#region src/pages/api-explorer/Timeline.tsx
|
|
4839
|
-
var
|
|
4845
|
+
var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<div>no requests found"), Lo = /*#__PURE__*/ P("<div><span> · "), Ro = /*#__PURE__*/ P("<span class=start-time>"), zo = /*#__PURE__*/ P("<div>"), Bo = /*#__PURE__*/ P("<span class=pending-indicator>pending"), Vo = /*#__PURE__*/ P("<span class=separator>|"), Ho = /*#__PURE__*/ P("<span class=payload>"), Uo = B`
|
|
4840
4846
|
&&& {
|
|
4841
4847
|
${W()};
|
|
4842
4848
|
border-right: 1px solid ${G.white.alpha(.1)};
|
|
@@ -4850,13 +4856,13 @@ var No = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Po = /*#__PURE__*/ P("<
|
|
|
4850
4856
|
padding-bottom: 16px;
|
|
4851
4857
|
}
|
|
4852
4858
|
}
|
|
4853
|
-
`,
|
|
4859
|
+
`, Wo = B`
|
|
4854
4860
|
&&& {
|
|
4855
4861
|
${W()};
|
|
4856
4862
|
flex: 1 1;
|
|
4857
4863
|
overflow-y: auto;
|
|
4858
4864
|
}
|
|
4859
|
-
`,
|
|
4865
|
+
`, Go = B`
|
|
4860
4866
|
&&& {
|
|
4861
4867
|
font-size: 13px;
|
|
4862
4868
|
${W()};
|
|
@@ -4910,7 +4916,7 @@ var No = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Po = /*#__PURE__*/ P("<
|
|
|
4910
4916
|
}
|
|
4911
4917
|
}
|
|
4912
4918
|
}
|
|
4913
|
-
`,
|
|
4919
|
+
`, Ko = B`
|
|
4914
4920
|
&&& {
|
|
4915
4921
|
${U({ gap: 8 })};
|
|
4916
4922
|
padding: 2px 12px;
|
|
@@ -4930,14 +4936,14 @@ var No = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Po = /*#__PURE__*/ P("<
|
|
|
4930
4936
|
flex-shrink: 1;
|
|
4931
4937
|
}
|
|
4932
4938
|
}
|
|
4933
|
-
`,
|
|
4939
|
+
`, qo = B`
|
|
4934
4940
|
&&& {
|
|
4935
4941
|
opacity: 0.4;
|
|
4936
4942
|
font-size: 14px;
|
|
4937
4943
|
padding: 12px;
|
|
4938
4944
|
padding-top: 0;
|
|
4939
4945
|
}
|
|
4940
|
-
`,
|
|
4946
|
+
`, Jo = () => {
|
|
4941
4947
|
let t = k(() => {
|
|
4942
4948
|
let e = q.selectedCall;
|
|
4943
4949
|
return e ? e ? H.calls[e] : null : H.calls[Jn.value] || null;
|
|
@@ -4960,26 +4966,26 @@ var No = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Po = /*#__PURE__*/ P("<
|
|
|
4960
4966
|
return t.sort((e, t) => t.time - e.time);
|
|
4961
4967
|
}), a = k(() => q.selectedRequest || r()?.[0]?.id);
|
|
4962
4968
|
return (() => {
|
|
4963
|
-
var t =
|
|
4964
|
-
return I(t,
|
|
4969
|
+
var t = Fo(), n = t.firstChild.nextSibling;
|
|
4970
|
+
return I(t, Uo), I(n, Wo), R(n, A(j, {
|
|
4965
4971
|
get each() {
|
|
4966
4972
|
return i();
|
|
4967
4973
|
},
|
|
4968
4974
|
get fallback() {
|
|
4969
4975
|
return (() => {
|
|
4970
|
-
var e =
|
|
4971
|
-
return I(e,
|
|
4976
|
+
var e = Io();
|
|
4977
|
+
return I(e, qo), e;
|
|
4972
4978
|
})();
|
|
4973
4979
|
},
|
|
4974
4980
|
children: (t) => {
|
|
4975
4981
|
if (t.itemType === "marker") return (() => {
|
|
4976
|
-
var n =
|
|
4977
|
-
return I(n,
|
|
4982
|
+
var n = Lo(), r = n.firstChild, i = r.firstChild;
|
|
4983
|
+
return I(n, Ko), R(r, () => t.marker.label, i), R(r, () => e(t.marker.time).format("HH:mm:ss"), null), O(() => F(n, "title", e(t.marker.time).format("HH:mm:ss.SSS"))), n;
|
|
4978
4984
|
})();
|
|
4979
|
-
let n = t.request, r = e(n.startTime), i = r.format("HH:mm:ss"), o = r.fromNow(), s =
|
|
4985
|
+
let n = t.request, r = e(n.startTime), i = r.format("HH:mm:ss"), o = r.fromNow(), s = Po(n);
|
|
4980
4986
|
return (() => {
|
|
4981
|
-
var e =
|
|
4982
|
-
return I(e,
|
|
4987
|
+
var e = zo();
|
|
4988
|
+
return I(e, Go), R(e, A(z, {
|
|
4983
4989
|
onClick: () => {
|
|
4984
4990
|
Qr("selectedRequest", n.id);
|
|
4985
4991
|
},
|
|
@@ -4989,12 +4995,12 @@ var No = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Po = /*#__PURE__*/ P("<
|
|
|
4989
4995
|
get children() {
|
|
4990
4996
|
return [
|
|
4991
4997
|
(() => {
|
|
4992
|
-
var e =
|
|
4998
|
+
var e = Ro();
|
|
4993
4999
|
return F(e, "title", o), R(e, i), e;
|
|
4994
5000
|
})(),
|
|
4995
|
-
N(() => N(() => n.status === "pending")() &&
|
|
4996
|
-
N(() => !!s && [
|
|
4997
|
-
var e =
|
|
5001
|
+
N(() => N(() => n.status === "pending")() && Bo()),
|
|
5002
|
+
N(() => !!s && [Vo(), (() => {
|
|
5003
|
+
var e = Ho();
|
|
4998
5004
|
return F(e, "title", s), R(e, s), e;
|
|
4999
5005
|
})()])
|
|
5000
5006
|
];
|
|
@@ -5011,11 +5017,11 @@ var No = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Po = /*#__PURE__*/ P("<
|
|
|
5011
5017
|
}
|
|
5012
5018
|
})), t;
|
|
5013
5019
|
})();
|
|
5014
|
-
},
|
|
5020
|
+
}, Yo = /*#__PURE__*/ P("<div>"), Xo = B`
|
|
5015
5021
|
&&& {
|
|
5016
5022
|
display: grid;
|
|
5017
5023
|
}
|
|
5018
|
-
`,
|
|
5024
|
+
`, Zo = () => {
|
|
5019
5025
|
let e = Xr({
|
|
5020
5026
|
storageKey: "api-explorer",
|
|
5021
5027
|
initialSizes: [
|
|
@@ -5041,16 +5047,16 @@ var No = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Po = /*#__PURE__*/ P("<
|
|
|
5041
5047
|
selectedRequest: e.requestID
|
|
5042
5048
|
});
|
|
5043
5049
|
}), (() => {
|
|
5044
|
-
var t =
|
|
5045
|
-
return I(t,
|
|
5050
|
+
var t = Yo();
|
|
5051
|
+
return I(t, Xo), R(t, A(bi, {}), null), R(t, A(e.Handle, { index: 0 }), null), R(t, A(Jo, {}), null), R(t, A(e.Handle, { index: 1 }), null), R(t, A(No, {}), null), O((n) => L(t, "grid-template-columns", e.gridTemplateColumns())), t;
|
|
5046
5052
|
})();
|
|
5047
|
-
},
|
|
5048
|
-
function
|
|
5049
|
-
return
|
|
5053
|
+
}, Qo = 0;
|
|
5054
|
+
function $o() {
|
|
5055
|
+
return Qo++;
|
|
5050
5056
|
}
|
|
5051
5057
|
//#endregion
|
|
5052
5058
|
//#region src/components/Select.tsx
|
|
5053
|
-
var
|
|
5059
|
+
var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=inputContainer><select>"), ns = /*#__PURE__*/ P("<option value>-- select an option --"), rs = /*#__PURE__*/ P("<option>"), is = B`
|
|
5054
5060
|
&&& {
|
|
5055
5061
|
${W({ align: "left" })};
|
|
5056
5062
|
width: 100%;
|
|
@@ -5101,39 +5107,39 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5101
5107
|
background: ${G.white.var};
|
|
5102
5108
|
}
|
|
5103
5109
|
}
|
|
5104
|
-
`,
|
|
5105
|
-
let t = `input${
|
|
5110
|
+
`, as = (e) => {
|
|
5111
|
+
let t = `input${$o()}`;
|
|
5106
5112
|
return (() => {
|
|
5107
|
-
var n =
|
|
5113
|
+
var n = ts(), r = n.firstChild, i = r.firstChild;
|
|
5108
5114
|
return R(n, A(M, {
|
|
5109
5115
|
get when() {
|
|
5110
5116
|
return e.label;
|
|
5111
5117
|
},
|
|
5112
5118
|
get children() {
|
|
5113
|
-
var n =
|
|
5119
|
+
var n = es();
|
|
5114
5120
|
return F(n, "for", t), R(n, () => e.label), n;
|
|
5115
5121
|
}
|
|
5116
5122
|
}), r), i.addEventListener("change", (t) => {
|
|
5117
5123
|
t.currentTarget.value && e.onChange(t.currentTarget.value);
|
|
5118
5124
|
}), F(i, "id", t), R(i, (() => {
|
|
5119
5125
|
var t = N(() => !e.value);
|
|
5120
|
-
return () => t() &&
|
|
5126
|
+
return () => t() && ns();
|
|
5121
5127
|
})(), null), R(i, A(j, {
|
|
5122
5128
|
get each() {
|
|
5123
5129
|
return e.options;
|
|
5124
5130
|
},
|
|
5125
5131
|
children: (e) => (() => {
|
|
5126
|
-
var t =
|
|
5132
|
+
var t = rs();
|
|
5127
5133
|
return R(t, () => e.label), O(() => t.value = e.value), t;
|
|
5128
5134
|
})()
|
|
5129
|
-
}), null), O(() => I(n,
|
|
5135
|
+
}), null), O(() => I(n, wa(is, e.class))), O(() => i.value = e.value ?? ""), n;
|
|
5130
5136
|
})();
|
|
5131
|
-
},
|
|
5137
|
+
}, os = /*#__PURE__*/ P("<div><div><h1>history</h1><div class=entries></div></div><div>"), ss = /*#__PURE__*/ P("<div class=empty>no requests sent yet"), cs = /*#__PURE__*/ P("<span class=sender>"), ls = /*#__PURE__*/ P("<span class=method-row><span class=method>"), us = /*#__PURE__*/ P("<span class=path>"), ds = /*#__PURE__*/ P("<div class=empty-state><div>No request callers configured.</div><div>Pass a <code>requestCallers</code> array to <code>initializeDevTools()</code> to enable calling requests from here using your app data fetching mechanisms."), fs = /*#__PURE__*/ P("<div class=form-row><input class=path-input placeholder=\"request path, e.g. /v3/tables\">"), ps = /*#__PURE__*/ P("<div class=input-error>"), ms = /*#__PURE__*/ P("<div><div class=results-list><div class=title>results</div><div class=entries>"), hs = /*#__PURE__*/ P("<div class=input-label>"), gs = /*#__PURE__*/ P("<input class=text-input>"), _s = /*#__PURE__*/ P("<textarea>"), vs = /*#__PURE__*/ P("<span class=row-meta><span class=status></span><span> ms</span><span class=time>"), ys = /*#__PURE__*/ P("<span class=row-sender>via "), bs = /*#__PURE__*/ P("<span class=sender>via "), xs = /*#__PURE__*/ P("<div class=result-detail><div class=detail-header><span class=method></span><span class=path></span></div><div class=detail-meta><span class=status></span><span> ms</span><span class=time></span></div><div class=detail-label>response"), Ss = /*#__PURE__*/ P("<div class=detail-label> sent"), Cs = /*#__PURE__*/ P("<pre class=input-value>"), ws = /*#__PURE__*/ P("<div class=result-error>"), Ts = B`
|
|
5132
5138
|
&&& {
|
|
5133
5139
|
display: grid;
|
|
5134
5140
|
overflow: hidden;
|
|
5135
5141
|
}
|
|
5136
|
-
`,
|
|
5142
|
+
`, Es = B`
|
|
5137
5143
|
&&& {
|
|
5138
5144
|
${W()};
|
|
5139
5145
|
border-right: 1px solid ${G.white.alpha(.1)};
|
|
@@ -5197,7 +5203,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5197
5203
|
}
|
|
5198
5204
|
}
|
|
5199
5205
|
}
|
|
5200
|
-
`,
|
|
5206
|
+
`, Ds = B`
|
|
5201
5207
|
&&& {
|
|
5202
5208
|
${W({ align: "stretch" })};
|
|
5203
5209
|
padding: 12px 16px 0;
|
|
@@ -5308,7 +5314,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5308
5314
|
}
|
|
5309
5315
|
}
|
|
5310
5316
|
}
|
|
5311
|
-
`,
|
|
5317
|
+
`, Os = B`
|
|
5312
5318
|
&&& {
|
|
5313
5319
|
display: grid;
|
|
5314
5320
|
flex: 1 1 0;
|
|
@@ -5458,8 +5464,8 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5458
5464
|
}
|
|
5459
5465
|
}
|
|
5460
5466
|
}
|
|
5461
|
-
`,
|
|
5462
|
-
let t = k(() => Q.callers[Q.selectedCallerIdx]), n = k(() => t()?.methods ||
|
|
5467
|
+
`, ks = () => {
|
|
5468
|
+
let t = k(() => Q.callers[Q.selectedCallerIdx]), n = k(() => t()?.methods || Va), r = k(() => t()?.inputs ?? Ma), i = Xr({
|
|
5463
5469
|
storageKey: "caller",
|
|
5464
5470
|
initialSizes: [1, 4]
|
|
5465
5471
|
}), a = Xr({
|
|
@@ -5467,7 +5473,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5467
5473
|
initialSizes: [1, 2.5]
|
|
5468
5474
|
}), o = k(() => {
|
|
5469
5475
|
for (let e of r()) if (e.type === "json") {
|
|
5470
|
-
let t =
|
|
5476
|
+
let t = Ga(Q.inputValues[e.name] ?? "");
|
|
5471
5477
|
if (t) return t;
|
|
5472
5478
|
}
|
|
5473
5479
|
return null;
|
|
@@ -5475,54 +5481,54 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5475
5481
|
let e = Q.path.trim(), t = Q.method;
|
|
5476
5482
|
return Q.resultsHistory.filter((n) => n.path === e && n.method === t);
|
|
5477
5483
|
}), c = k(() => {
|
|
5478
|
-
let e = Q.path.trim(), n = Q.method, i = t()?.name, a =
|
|
5479
|
-
return Q.history.find((t) => t.path === e && t.method === n && (!t.callerName || t.callerName === i) &&
|
|
5484
|
+
let e = Q.path.trim(), n = Q.method, i = t()?.name, a = qa(r());
|
|
5485
|
+
return Q.history.find((t) => t.path === e && t.method === n && (!t.callerName || t.callerName === i) && Ja(t.inputValues, a))?.id;
|
|
5480
5486
|
}), l = k(() => {
|
|
5481
5487
|
let e = s();
|
|
5482
5488
|
return e.find((e) => e.id === Q.selectedResultId) ?? e[0];
|
|
5483
5489
|
});
|
|
5484
5490
|
return (() => {
|
|
5485
|
-
var t =
|
|
5486
|
-
return I(t,
|
|
5491
|
+
var t = os(), u = t.firstChild, d = u.firstChild.nextSibling, f = u.nextSibling;
|
|
5492
|
+
return I(t, Ts), I(u, Es), R(d, A(j, {
|
|
5487
5493
|
get each() {
|
|
5488
5494
|
return Q.history;
|
|
5489
5495
|
},
|
|
5490
5496
|
get fallback() {
|
|
5491
|
-
return
|
|
5497
|
+
return ss();
|
|
5492
5498
|
},
|
|
5493
5499
|
children: (e) => A(z, {
|
|
5494
5500
|
get classList() {
|
|
5495
5501
|
return { selected: e.id === c() };
|
|
5496
5502
|
},
|
|
5497
5503
|
onClick: () => {
|
|
5498
|
-
|
|
5504
|
+
Za(e);
|
|
5499
5505
|
},
|
|
5500
5506
|
get children() {
|
|
5501
5507
|
return [(() => {
|
|
5502
|
-
var t =
|
|
5508
|
+
var t = ls(), n = t.firstChild;
|
|
5503
5509
|
return R(n, () => e.method), R(t, A(M, {
|
|
5504
5510
|
get when() {
|
|
5505
5511
|
return e.callerName;
|
|
5506
5512
|
},
|
|
5507
5513
|
get children() {
|
|
5508
|
-
var t =
|
|
5514
|
+
var t = cs();
|
|
5509
5515
|
return R(t, () => e.callerName), t;
|
|
5510
5516
|
}
|
|
5511
5517
|
}), null), t;
|
|
5512
5518
|
})(), (() => {
|
|
5513
|
-
var t =
|
|
5519
|
+
var t = us();
|
|
5514
5520
|
return R(t, () => e.path), t;
|
|
5515
5521
|
})()];
|
|
5516
5522
|
}
|
|
5517
5523
|
})
|
|
5518
|
-
})), R(t, A(i.Handle, { index: 0 }), f), I(f,
|
|
5524
|
+
})), R(t, A(i.Handle, { index: 0 }), f), I(f, Ds), R(f, (() => {
|
|
5519
5525
|
var t = N(() => Q.callers.length === 0);
|
|
5520
|
-
return () => t() ?
|
|
5526
|
+
return () => t() ? ds() : [
|
|
5521
5527
|
(() => {
|
|
5522
|
-
var e =
|
|
5528
|
+
var e = fs(), t = e.firstChild;
|
|
5523
5529
|
return R(e, (() => {
|
|
5524
5530
|
var e = N(() => Q.callers.length > 1);
|
|
5525
|
-
return () => e() && A(
|
|
5531
|
+
return () => e() && A(as, {
|
|
5526
5532
|
class: "caller-select",
|
|
5527
5533
|
get value() {
|
|
5528
5534
|
return String(Q.selectedCallerIdx);
|
|
@@ -5537,7 +5543,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5537
5543
|
$("selectedCallerIdx", Number(e));
|
|
5538
5544
|
}
|
|
5539
5545
|
});
|
|
5540
|
-
})(), t), R(e, A(
|
|
5546
|
+
})(), t), R(e, A(as, {
|
|
5541
5547
|
class: "method-select",
|
|
5542
5548
|
get value() {
|
|
5543
5549
|
return Q.method;
|
|
@@ -5552,7 +5558,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5552
5558
|
$("method", e);
|
|
5553
5559
|
}
|
|
5554
5560
|
}), t), t.$$keydown = (e) => {
|
|
5555
|
-
e.key === "Enter" &&
|
|
5561
|
+
e.key === "Enter" && Ya();
|
|
5556
5562
|
}, t.$$input = (e) => {
|
|
5557
5563
|
$({
|
|
5558
5564
|
path: e.currentTarget.value,
|
|
@@ -5564,7 +5570,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5564
5570
|
return Q.isLoading || !!o();
|
|
5565
5571
|
},
|
|
5566
5572
|
onClick: () => {
|
|
5567
|
-
|
|
5573
|
+
Ya();
|
|
5568
5574
|
},
|
|
5569
5575
|
get children() {
|
|
5570
5576
|
return [A(V, { name: "play" }), N(() => Q.isLoading ? "Sending…" : "Send")];
|
|
@@ -5581,9 +5587,9 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5581
5587
|
$("inputValues", e.name, t);
|
|
5582
5588
|
}
|
|
5583
5589
|
if (e.type === "select") return [(() => {
|
|
5584
|
-
var t =
|
|
5590
|
+
var t = hs();
|
|
5585
5591
|
return R(t, () => e.label ?? e.name), t;
|
|
5586
|
-
})(), A(
|
|
5592
|
+
})(), A(as, {
|
|
5587
5593
|
class: "input-select",
|
|
5588
5594
|
get value() {
|
|
5589
5595
|
return t() || (typeof e.options[0] == "string" ? e.options[0] : e.options[0]?.value) || "";
|
|
@@ -5597,22 +5603,22 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5597
5603
|
onChange: n
|
|
5598
5604
|
})];
|
|
5599
5605
|
if (e.type === "string") return [(() => {
|
|
5600
|
-
var t =
|
|
5606
|
+
var t = hs();
|
|
5601
5607
|
return R(t, () => e.label ?? e.name), t;
|
|
5602
5608
|
})(), (() => {
|
|
5603
|
-
var r =
|
|
5609
|
+
var r = gs();
|
|
5604
5610
|
return r.$$input = (e) => {
|
|
5605
5611
|
n(e.currentTarget.value);
|
|
5606
5612
|
}, O(() => F(r, "placeholder", e.placeholder)), O(() => r.value = t()), r;
|
|
5607
5613
|
})()];
|
|
5608
|
-
let r = k(() =>
|
|
5614
|
+
let r = k(() => Ga(t()));
|
|
5609
5615
|
return [
|
|
5610
5616
|
(() => {
|
|
5611
|
-
var t =
|
|
5617
|
+
var t = hs();
|
|
5612
5618
|
return R(t, () => e.label ?? `${e.name} (json)`), t;
|
|
5613
5619
|
})(),
|
|
5614
5620
|
(() => {
|
|
5615
|
-
var i =
|
|
5621
|
+
var i = _s();
|
|
5616
5622
|
return i.$$input = (e) => {
|
|
5617
5623
|
n(e.currentTarget.value);
|
|
5618
5624
|
}, O((t) => {
|
|
@@ -5628,7 +5634,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5628
5634
|
return r();
|
|
5629
5635
|
},
|
|
5630
5636
|
get children() {
|
|
5631
|
-
var e =
|
|
5637
|
+
var e = ps();
|
|
5632
5638
|
return R(e, r), e;
|
|
5633
5639
|
}
|
|
5634
5640
|
})
|
|
@@ -5640,7 +5646,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5640
5646
|
return Q.sendError;
|
|
5641
5647
|
},
|
|
5642
5648
|
get children() {
|
|
5643
|
-
var e =
|
|
5649
|
+
var e = ps();
|
|
5644
5650
|
return R(e, () => Q.sendError), e;
|
|
5645
5651
|
}
|
|
5646
5652
|
}),
|
|
@@ -5649,8 +5655,8 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5649
5655
|
return s().length > 0;
|
|
5650
5656
|
},
|
|
5651
5657
|
get children() {
|
|
5652
|
-
var t =
|
|
5653
|
-
return I(t,
|
|
5658
|
+
var t = ms(), n = t.firstChild.firstChild.nextSibling;
|
|
5659
|
+
return I(t, Os), R(n, A(j, {
|
|
5654
5660
|
get each() {
|
|
5655
5661
|
return s();
|
|
5656
5662
|
},
|
|
@@ -5664,7 +5670,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5664
5670
|
},
|
|
5665
5671
|
get children() {
|
|
5666
5672
|
return [(() => {
|
|
5667
|
-
var n =
|
|
5673
|
+
var n = vs(), r = n.firstChild, i = r.nextSibling, a = i.firstChild, o = i.nextSibling;
|
|
5668
5674
|
return R(r, () => t.isError ? "error" : "success", null), R(r, (() => {
|
|
5669
5675
|
var e = N(() => t.status !== void 0);
|
|
5670
5676
|
return () => e() && ` · ${t.status}`;
|
|
@@ -5680,7 +5686,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5680
5686
|
return t.callerName;
|
|
5681
5687
|
},
|
|
5682
5688
|
get children() {
|
|
5683
|
-
var e =
|
|
5689
|
+
var e = ys();
|
|
5684
5690
|
return e.firstChild, R(e, () => t.callerName, null), e;
|
|
5685
5691
|
}
|
|
5686
5692
|
})];
|
|
@@ -5691,22 +5697,22 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5691
5697
|
return l();
|
|
5692
5698
|
},
|
|
5693
5699
|
keyed: !0,
|
|
5694
|
-
children: (e) => A(
|
|
5700
|
+
children: (e) => A(As, { result: e })
|
|
5695
5701
|
}), null), O((e) => L(t, "grid-template-columns", a.gridTemplateColumns())), t;
|
|
5696
5702
|
}
|
|
5697
5703
|
})
|
|
5698
5704
|
];
|
|
5699
5705
|
})()), O((e) => L(t, "grid-template-columns", i.gridTemplateColumns())), t;
|
|
5700
5706
|
})();
|
|
5701
|
-
},
|
|
5707
|
+
}, As = (t) => {
|
|
5702
5708
|
let n = k(() => Object.entries(t.result.inputValues).filter(([, e]) => e !== ""));
|
|
5703
5709
|
return (() => {
|
|
5704
|
-
var r =
|
|
5710
|
+
var r = xs(), i = r.firstChild, a = i.firstChild, o = a.nextSibling, s = i.nextSibling, c = s.firstChild, l = c.nextSibling, u = l.firstChild, d = l.nextSibling, f = s.nextSibling;
|
|
5705
5711
|
return R(a, () => t.result.method), R(o, () => t.result.path), R(i, A(z, {
|
|
5706
5712
|
class: "modify-button",
|
|
5707
5713
|
title: "Load this request into the form",
|
|
5708
5714
|
onClick: () => {
|
|
5709
|
-
|
|
5715
|
+
Za(t.result);
|
|
5710
5716
|
},
|
|
5711
5717
|
children: "modify"
|
|
5712
5718
|
}), null), R(c, () => t.result.isError ? "error" : "success", null), R(c, (() => {
|
|
@@ -5717,7 +5723,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5717
5723
|
return t.result.callerName;
|
|
5718
5724
|
},
|
|
5719
5725
|
get children() {
|
|
5720
|
-
var e =
|
|
5726
|
+
var e = bs();
|
|
5721
5727
|
return e.firstChild, R(e, () => t.result.callerName, null), e;
|
|
5722
5728
|
}
|
|
5723
5729
|
}), d), R(d, () => e(t.result.startTime).format("YYYY-MM-DD HH:mm:ss")), R(r, A(j, {
|
|
@@ -5725,16 +5731,16 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5725
5731
|
return n();
|
|
5726
5732
|
},
|
|
5727
5733
|
children: ([e, t]) => [(() => {
|
|
5728
|
-
var t =
|
|
5734
|
+
var t = Ss(), n = t.firstChild;
|
|
5729
5735
|
return R(t, e, n), t;
|
|
5730
5736
|
})(), (() => {
|
|
5731
|
-
var e =
|
|
5737
|
+
var e = Cs();
|
|
5732
5738
|
return R(e, t), e;
|
|
5733
5739
|
})()]
|
|
5734
5740
|
}), f), R(r, (() => {
|
|
5735
5741
|
var e = N(() => t.result.error !== null);
|
|
5736
5742
|
return () => e() ? (() => {
|
|
5737
|
-
var e =
|
|
5743
|
+
var e = ws();
|
|
5738
5744
|
return R(e, () => t.result.error), e;
|
|
5739
5745
|
})() : A(X, {
|
|
5740
5746
|
get value() {
|
|
@@ -5754,7 +5760,7 @@ var Qo = /*#__PURE__*/ P("<label>"), $o = /*#__PURE__*/ P("<div><div class=input
|
|
|
5754
5760
|
it(["input", "keydown"]);
|
|
5755
5761
|
//#endregion
|
|
5756
5762
|
//#region src/pages/logs/LogsPage.tsx
|
|
5757
|
-
var
|
|
5763
|
+
var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=search><input type=text placeholder=\"Search logs\"></label></div><div class=list>"), Ms = /*#__PURE__*/ P("<div class=empty>"), Ns = /*#__PURE__*/ P("<div class=marker><span class=time></span><span class=label></span><div class=line>"), Ps = /*#__PURE__*/ P("<span class=time>"), Fs = /*#__PURE__*/ P("<span class=badge>"), Is = /*#__PURE__*/ P("<span class=message>"), Ls = /*#__PURE__*/ P("<span class=copy title=\"Copy log as JSON\">"), Rs = /*#__PURE__*/ P("<div class=log>"), zs = /*#__PURE__*/ P("<span class=category>"), Bs = /*#__PURE__*/ P("<div class=details>"), Vs = /*#__PURE__*/ P("<div class=no-details>no details attached"), Hs = B`
|
|
5758
5764
|
&&& {
|
|
5759
5765
|
${W({ align: "stretch" })};
|
|
5760
5766
|
padding: 12px 16px;
|
|
@@ -6004,11 +6010,11 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6004
6010
|
}
|
|
6005
6011
|
}
|
|
6006
6012
|
}
|
|
6007
|
-
`,
|
|
6013
|
+
`, Us = [
|
|
6008
6014
|
"error",
|
|
6009
6015
|
"warning",
|
|
6010
6016
|
"info"
|
|
6011
|
-
],
|
|
6017
|
+
], Ws = "__all-categories__", Gs = () => {
|
|
6012
6018
|
let [t, n] = D(null), [r, i] = D(""), [a, o] = D(""), [s, c] = D(null), l = k(() => {
|
|
6013
6019
|
let e = /* @__PURE__ */ new Set();
|
|
6014
6020
|
for (let t of Cr.logs) t.category && e.add(t.category);
|
|
@@ -6049,8 +6055,8 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6049
6055
|
};
|
|
6050
6056
|
}
|
|
6051
6057
|
return (() => {
|
|
6052
|
-
var d =
|
|
6053
|
-
return I(d,
|
|
6058
|
+
var d = js(), m = d.firstChild.nextSibling, h = m.firstChild, g = h.firstChild, _ = m.nextSibling;
|
|
6059
|
+
return I(d, Hs), R(m, A(z, {
|
|
6054
6060
|
class: "severity",
|
|
6055
6061
|
get classList() {
|
|
6056
6062
|
return { active: t() === null };
|
|
@@ -6066,7 +6072,7 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6066
6072
|
];
|
|
6067
6073
|
}
|
|
6068
6074
|
}), h), R(m, A(j, {
|
|
6069
|
-
each:
|
|
6075
|
+
each: Us,
|
|
6070
6076
|
children: (e) => A(z, {
|
|
6071
6077
|
class: `severity ${e}`,
|
|
6072
6078
|
get classList() {
|
|
@@ -6086,14 +6092,14 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6086
6092
|
})
|
|
6087
6093
|
}), h), R(m, (() => {
|
|
6088
6094
|
var e = N(() => l().length > 0);
|
|
6089
|
-
return () => e() && A(
|
|
6095
|
+
return () => e() && A(as, {
|
|
6090
6096
|
class: "category-select",
|
|
6091
6097
|
get value() {
|
|
6092
|
-
return r() ||
|
|
6098
|
+
return r() || Ws;
|
|
6093
6099
|
},
|
|
6094
6100
|
get options() {
|
|
6095
6101
|
return [{
|
|
6096
|
-
value:
|
|
6102
|
+
value: Ws,
|
|
6097
6103
|
label: "all categories"
|
|
6098
6104
|
}, ...l().map((e) => ({
|
|
6099
6105
|
value: e,
|
|
@@ -6101,7 +6107,7 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6101
6107
|
}))];
|
|
6102
6108
|
},
|
|
6103
6109
|
onChange: (e) => {
|
|
6104
|
-
i(() => e ===
|
|
6110
|
+
i(() => e === Ws ? "" : e);
|
|
6105
6111
|
}
|
|
6106
6112
|
});
|
|
6107
6113
|
})(), h), R(h, A(V, { name: "search" }), g), g.$$input = (e) => {
|
|
@@ -6130,14 +6136,14 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6130
6136
|
},
|
|
6131
6137
|
get fallback() {
|
|
6132
6138
|
return (() => {
|
|
6133
|
-
var e =
|
|
6139
|
+
var e = Ms();
|
|
6134
6140
|
return R(e, () => Cr.logs.length > 0 ? "no logs matching the filters" : "no logs registered yet, use the addLog() export to collect logs here"), e;
|
|
6135
6141
|
})();
|
|
6136
6142
|
},
|
|
6137
6143
|
children: (t) => t.itemType === "marker" ? (() => {
|
|
6138
|
-
var n =
|
|
6144
|
+
var n = Ns(), r = n.firstChild, i = r.nextSibling;
|
|
6139
6145
|
return R(r, () => e(t.marker.time).format("HH:mm:ss")), R(n, A(V, { name: "flag" }), i), R(i, () => t.marker.label), n;
|
|
6140
|
-
})() : A(
|
|
6146
|
+
})() : A(Ks, {
|
|
6141
6147
|
get log() {
|
|
6142
6148
|
return t.log;
|
|
6143
6149
|
},
|
|
@@ -6150,31 +6156,31 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6150
6156
|
})
|
|
6151
6157
|
})), O(() => g.value = a()), d;
|
|
6152
6158
|
})();
|
|
6153
|
-
},
|
|
6154
|
-
var n =
|
|
6159
|
+
}, Ks = (t) => (() => {
|
|
6160
|
+
var n = Rs();
|
|
6155
6161
|
return R(n, A(z, {
|
|
6156
6162
|
class: "row",
|
|
6157
6163
|
onClick: () => t.onToggleExpanded(),
|
|
6158
6164
|
get children() {
|
|
6159
6165
|
return [
|
|
6160
6166
|
(() => {
|
|
6161
|
-
var n =
|
|
6167
|
+
var n = Ps();
|
|
6162
6168
|
return R(n, () => e(t.log.time).format("HH:mm:ss")), O(() => F(n, "title", e(t.log.time).format("YYYY-MM-DD HH:mm:ss.SSS"))), n;
|
|
6163
6169
|
})(),
|
|
6164
6170
|
(() => {
|
|
6165
|
-
var e =
|
|
6171
|
+
var e = Fs();
|
|
6166
6172
|
return R(e, () => t.log.severity), e;
|
|
6167
6173
|
})(),
|
|
6168
6174
|
N(() => N(() => !!t.log.category)() && (() => {
|
|
6169
|
-
var e =
|
|
6175
|
+
var e = zs();
|
|
6170
6176
|
return R(e, () => t.log.category), e;
|
|
6171
6177
|
})()),
|
|
6172
6178
|
(() => {
|
|
6173
|
-
var e =
|
|
6179
|
+
var e = Is();
|
|
6174
6180
|
return R(e, () => t.log.message), e;
|
|
6175
6181
|
})(),
|
|
6176
6182
|
(() => {
|
|
6177
|
-
var e =
|
|
6183
|
+
var e = Ls();
|
|
6178
6184
|
return e.$$click = (e) => {
|
|
6179
6185
|
e.stopPropagation(), Or(Dr(t.log));
|
|
6180
6186
|
}, R(e, A(V, { name: "copy" })), e;
|
|
@@ -6184,12 +6190,12 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6184
6190
|
}), null), R(n, (() => {
|
|
6185
6191
|
var e = N(() => !!t.expanded);
|
|
6186
6192
|
return () => e() && (() => {
|
|
6187
|
-
var e =
|
|
6193
|
+
var e = Bs();
|
|
6188
6194
|
return R(e, (() => {
|
|
6189
6195
|
var e = N(() => t.log.details !== void 0);
|
|
6190
6196
|
return () => e() ? A(X, { get value() {
|
|
6191
6197
|
return t.log.details;
|
|
6192
|
-
} }) :
|
|
6198
|
+
} }) : Vs();
|
|
6193
6199
|
})()), e;
|
|
6194
6200
|
})();
|
|
6195
6201
|
})(), null), O((e) => ct(n, {
|
|
@@ -6199,8 +6205,51 @@ var ks = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6199
6205
|
})();
|
|
6200
6206
|
it(["input", "click"]);
|
|
6201
6207
|
//#endregion
|
|
6208
|
+
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/getCompositeKey.mjs
|
|
6209
|
+
function qs(e, t = 3, n) {
|
|
6210
|
+
let r = Js(t, n);
|
|
6211
|
+
if (typeof e == "string" || !e || typeof e != "object") {
|
|
6212
|
+
let t = r.stringify?.(e);
|
|
6213
|
+
return t === void 0 ? typeof e == "string" ? `"${e}` : `$${e}` : t;
|
|
6214
|
+
}
|
|
6215
|
+
return Ys(e, r, 0, /* @__PURE__ */ new WeakSet());
|
|
6216
|
+
}
|
|
6217
|
+
function Js(e, t) {
|
|
6218
|
+
return typeof e == "number" ? {
|
|
6219
|
+
maxSortingDepth: e,
|
|
6220
|
+
stringify: t
|
|
6221
|
+
} : {
|
|
6222
|
+
maxSortingDepth: e.maxSortingDepth ?? 3,
|
|
6223
|
+
stringify: e.stringify
|
|
6224
|
+
};
|
|
6225
|
+
}
|
|
6226
|
+
function Ys(e, t, n, r) {
|
|
6227
|
+
let i = t.stringify?.(e);
|
|
6228
|
+
if (i !== void 0) return i;
|
|
6229
|
+
let a = e && typeof e == "object";
|
|
6230
|
+
if (a) {
|
|
6231
|
+
if (r.has(e)) throw Error("Circular reference detected");
|
|
6232
|
+
r.add(e);
|
|
6233
|
+
}
|
|
6234
|
+
let o;
|
|
6235
|
+
if (Array.isArray(e)) {
|
|
6236
|
+
o = "[";
|
|
6237
|
+
for (let i of e) o.length > 1 && (o += ","), o += Ys(i, t, n + 1, r);
|
|
6238
|
+
o += "]";
|
|
6239
|
+
} else if (Ci(e)) {
|
|
6240
|
+
let i = Object.entries(e);
|
|
6241
|
+
if (i.length === 0) o = "{}";
|
|
6242
|
+
else {
|
|
6243
|
+
n < t.maxSortingDepth && (i = i.sort(([e], [t]) => e < t ? -1 : +(e > t))), o = "{";
|
|
6244
|
+
for (let [e, a] of i) a !== void 0 && (o.length > 1 && (o += ","), o += `${e}:${Ys(a, t, n + 1, r)}`);
|
|
6245
|
+
o += "}";
|
|
6246
|
+
}
|
|
6247
|
+
} else o = JSON.stringify(e);
|
|
6248
|
+
return a && r.delete(e), o;
|
|
6249
|
+
}
|
|
6250
|
+
//#endregion
|
|
6202
6251
|
//#region src/pages/stats/StatsPage.tsx
|
|
6203
|
-
var
|
|
6252
|
+
var Xs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>requests</span><span class=value></span></div><div><span class=label>errors</span><span class=value></span></div><div><span class=label>warnings</span><span class=value></span></div><div><span class=label>pending</span><span class=value></span></div><div><span class=label>avg duration</span><span class=value> ms</span></div></div><div><h2>Slowest requests</h2></div><div><h2>Heaviest responses</h2></div><div><h2>Duplicated requests</h2><div class=hint>requests with the same payload and url params repeated within 10s</div></div><div><h2>Unused response data</h2><div class=hint>response fields reported as not used by the app, an opportunity to reduce payload sizes"), Zs = /*#__PURE__*/ P("<div class=empty>no completed requests"), Qs = /*#__PURE__*/ P("<div class=bar>"), $s = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=metric> ms"), ec = /*#__PURE__*/ P("<div class=empty>no responses received"), tc = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=metric>"), nc = /*#__PURE__*/ P("<div class=empty>no duplicated requests detected"), rc = /*#__PURE__*/ P("<div class=\"bar warning\">"), ic = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=\"metric warning\">x in <!>s"), ac = /*#__PURE__*/ P("<span class=detail>same response"), oc = /*#__PURE__*/ P("<div class=empty>no unused response data reported"), sc = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=\"metric warning\"> field"), cc = B`
|
|
6204
6253
|
&&& {
|
|
6205
6254
|
${W({ align: "stretch" })};
|
|
6206
6255
|
overflow-y: auto;
|
|
@@ -6214,7 +6263,7 @@ var Gs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
|
|
|
6214
6263
|
padding-bottom: 4px;
|
|
6215
6264
|
}
|
|
6216
6265
|
}
|
|
6217
|
-
`,
|
|
6266
|
+
`, lc = B`
|
|
6218
6267
|
&&& {
|
|
6219
6268
|
${U({ gap: 12 })};
|
|
6220
6269
|
flex-wrap: wrap;
|
|
@@ -6253,7 +6302,7 @@ var Gs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
|
|
|
6253
6302
|
}
|
|
6254
6303
|
}
|
|
6255
6304
|
}
|
|
6256
|
-
`,
|
|
6305
|
+
`, uc = B`
|
|
6257
6306
|
&&& {
|
|
6258
6307
|
${W({ align: "stretch" })};
|
|
6259
6308
|
gap: 6px;
|
|
@@ -6276,7 +6325,7 @@ var Gs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
|
|
|
6276
6325
|
margin-top: -4px;
|
|
6277
6326
|
}
|
|
6278
6327
|
}
|
|
6279
|
-
`,
|
|
6328
|
+
`, dc = B`
|
|
6280
6329
|
&&& {
|
|
6281
6330
|
${W({ align: "stretch" })};
|
|
6282
6331
|
position: relative;
|
|
@@ -6338,11 +6387,11 @@ var Gs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
|
|
|
6338
6387
|
}
|
|
6339
6388
|
}
|
|
6340
6389
|
}
|
|
6341
|
-
`,
|
|
6342
|
-
function
|
|
6390
|
+
`, fc = 1e4;
|
|
6391
|
+
function pc(e) {
|
|
6343
6392
|
return nn(() => e.response === void 0 ? 0 : JSON.stringify(e.response).length) || 0;
|
|
6344
6393
|
}
|
|
6345
|
-
function
|
|
6394
|
+
function mc(e) {
|
|
6346
6395
|
return Y(e, {
|
|
6347
6396
|
unit: "byte",
|
|
6348
6397
|
style: "unit",
|
|
@@ -6350,10 +6399,10 @@ function lc(e) {
|
|
|
6350
6399
|
unitDisplay: "narrow"
|
|
6351
6400
|
});
|
|
6352
6401
|
}
|
|
6353
|
-
function
|
|
6402
|
+
function hc(e) {
|
|
6354
6403
|
return e.request.alias || (e.request.payload ? JSON.stringify(e.request.payload) : "");
|
|
6355
6404
|
}
|
|
6356
|
-
function
|
|
6405
|
+
function gc(e) {
|
|
6357
6406
|
Qr({
|
|
6358
6407
|
selectedPage: "explorer",
|
|
6359
6408
|
selectedCall: e.callID,
|
|
@@ -6361,7 +6410,7 @@ function dc(e) {
|
|
|
6361
6410
|
selectedSubitem: null
|
|
6362
6411
|
});
|
|
6363
6412
|
}
|
|
6364
|
-
var
|
|
6413
|
+
var _c = () => {
|
|
6365
6414
|
let e = k(() => {
|
|
6366
6415
|
let e = [];
|
|
6367
6416
|
for (let [t, n] of Object.entries(H.calls)) for (let r of n.requests) e.push({
|
|
@@ -6382,11 +6431,15 @@ var fc = () => {
|
|
|
6382
6431
|
};
|
|
6383
6432
|
}), r = k(() => t().filter((e) => e.request.status !== "pending").sort((e, t) => t.request.duration - e.request.duration).slice(0, 10)), i = k(() => t().map((e) => ({
|
|
6384
6433
|
...e,
|
|
6385
|
-
size:
|
|
6434
|
+
size: pc(e.request)
|
|
6386
6435
|
})).filter((e) => e.size > 0).sort((e, t) => t.size - e.size).slice(0, 10)), a = k(() => {
|
|
6387
6436
|
let e = /* @__PURE__ */ new Map();
|
|
6388
6437
|
for (let n of t()) {
|
|
6389
|
-
let t =
|
|
6438
|
+
let t = nn(() => qs({
|
|
6439
|
+
callID: n.callID,
|
|
6440
|
+
searchParams: n.request.searchParams,
|
|
6441
|
+
payload: n.request.payload
|
|
6442
|
+
})) || n.callID, r = e.get(t);
|
|
6390
6443
|
r ? r.push(n) : e.set(t, [n]);
|
|
6391
6444
|
}
|
|
6392
6445
|
let n = [];
|
|
@@ -6395,7 +6448,7 @@ var fc = () => {
|
|
|
6395
6448
|
let e = [...t].sort((e, t) => e.request.startTime - t.request.startTime), r = 0, i = 0, a = 0;
|
|
6396
6449
|
for (let t = 1; t < e.length; t++) {
|
|
6397
6450
|
let n = e[t], o = e[a];
|
|
6398
|
-
for (; n && o && n.request.startTime - o.request.startTime >
|
|
6451
|
+
for (; n && o && n.request.startTime - o.request.startTime > fc;) a++, o = e[a];
|
|
6399
6452
|
t - a > i - r && (r = a, i = t);
|
|
6400
6453
|
}
|
|
6401
6454
|
let o = i - r + 1;
|
|
@@ -6415,7 +6468,7 @@ var fc = () => {
|
|
|
6415
6468
|
let t = /* @__PURE__ */ new Map();
|
|
6416
6469
|
for (let n of e()) {
|
|
6417
6470
|
if (!n.request.unusedResponseData || n.request.unusedResponseData.length === 0) continue;
|
|
6418
|
-
let e =
|
|
6471
|
+
let e = oo(n.request.response, n.request.unusedResponseData), r = t.get(n.callID);
|
|
6419
6472
|
if (r) {
|
|
6420
6473
|
r.requestsCount++, r.item = n, r.unusedBytes += e;
|
|
6421
6474
|
for (let e of n.request.unusedResponseData) r.fields.add(e);
|
|
@@ -6429,26 +6482,26 @@ var fc = () => {
|
|
|
6429
6482
|
return [...t.values()].sort((e, t) => t.unusedBytes - e.unusedBytes || t.fields.size - e.fields.size);
|
|
6430
6483
|
}), s = k(() => r()[0]?.request.duration || 1), c = k(() => i()[0]?.size || 1);
|
|
6431
6484
|
return (() => {
|
|
6432
|
-
var e =
|
|
6485
|
+
var e = Xs(), t = e.firstChild.nextSibling, l = t.firstChild, u = l.firstChild.nextSibling, d = l.nextSibling, f = d.firstChild.nextSibling, p = d.nextSibling, m = p.firstChild.nextSibling, h = p.nextSibling, g = h.firstChild.nextSibling, _ = h.nextSibling.firstChild.nextSibling, v = _.firstChild, y = t.nextSibling;
|
|
6433
6486
|
y.firstChild;
|
|
6434
6487
|
var b = y.nextSibling;
|
|
6435
6488
|
b.firstChild;
|
|
6436
6489
|
var ee = b.nextSibling;
|
|
6437
6490
|
ee.firstChild.nextSibling;
|
|
6438
6491
|
var te = ee.nextSibling;
|
|
6439
|
-
return te.firstChild.nextSibling, I(e,
|
|
6492
|
+
return te.firstChild.nextSibling, I(e, cc), I(t, lc), R(u, () => Y(n().total)), R(f, () => Y(n().errors)), R(m, () => Y(n().warnings)), R(g, () => Y(n().pending)), R(_, () => Y(n().avgDuration, { maximumFractionDigits: 0 }), v), I(y, uc), R(y, A(j, {
|
|
6440
6493
|
get each() {
|
|
6441
6494
|
return r();
|
|
6442
6495
|
},
|
|
6443
6496
|
get fallback() {
|
|
6444
|
-
return
|
|
6497
|
+
return Zs();
|
|
6445
6498
|
},
|
|
6446
6499
|
children: (e) => A(z, {
|
|
6447
|
-
class:
|
|
6448
|
-
onClick: () =>
|
|
6500
|
+
class: dc,
|
|
6501
|
+
onClick: () => gc(e),
|
|
6449
6502
|
get children() {
|
|
6450
6503
|
return [(() => {
|
|
6451
|
-
var t =
|
|
6504
|
+
var t = Qs();
|
|
6452
6505
|
return O((n) => {
|
|
6453
6506
|
var r = e.request.duration > 1e3, i = `${e.request.duration / s() * 100}%`;
|
|
6454
6507
|
return r !== n.e && t.classList.toggle("error", n.e = r), i !== n.t && L(t, "width", n.t = i), n;
|
|
@@ -6457,70 +6510,70 @@ var fc = () => {
|
|
|
6457
6510
|
t: void 0
|
|
6458
6511
|
}), t;
|
|
6459
6512
|
})(), (() => {
|
|
6460
|
-
var t =
|
|
6461
|
-
return R(n, () => e.callName), R(r, () =>
|
|
6513
|
+
var t = $s(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild;
|
|
6514
|
+
return R(n, () => e.callName), R(r, () => hc(e)), R(i, () => Y(e.request.duration, { maximumFractionDigits: 0 }), a), O(() => i.classList.toggle("error", e.request.duration > 1e3)), t;
|
|
6462
6515
|
})()];
|
|
6463
6516
|
}
|
|
6464
6517
|
})
|
|
6465
|
-
}), null), I(b,
|
|
6518
|
+
}), null), I(b, uc), R(b, A(j, {
|
|
6466
6519
|
get each() {
|
|
6467
6520
|
return i();
|
|
6468
6521
|
},
|
|
6469
6522
|
get fallback() {
|
|
6470
|
-
return
|
|
6523
|
+
return ec();
|
|
6471
6524
|
},
|
|
6472
6525
|
children: (e) => A(z, {
|
|
6473
|
-
class:
|
|
6474
|
-
onClick: () =>
|
|
6526
|
+
class: dc,
|
|
6527
|
+
onClick: () => gc(e),
|
|
6475
6528
|
get children() {
|
|
6476
6529
|
return [(() => {
|
|
6477
|
-
var t =
|
|
6530
|
+
var t = Qs();
|
|
6478
6531
|
return O((n) => L(t, "width", `${e.size / c() * 100}%`)), t;
|
|
6479
6532
|
})(), (() => {
|
|
6480
|
-
var t =
|
|
6481
|
-
return R(n, () => e.callName), R(r, () =>
|
|
6533
|
+
var t = tc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling;
|
|
6534
|
+
return R(n, () => e.callName), R(r, () => hc(e)), R(i, () => mc(e.size)), t;
|
|
6482
6535
|
})()];
|
|
6483
6536
|
}
|
|
6484
6537
|
})
|
|
6485
|
-
}), null), I(ee,
|
|
6538
|
+
}), null), I(ee, uc), R(ee, A(j, {
|
|
6486
6539
|
get each() {
|
|
6487
6540
|
return a();
|
|
6488
6541
|
},
|
|
6489
6542
|
get fallback() {
|
|
6490
|
-
return
|
|
6543
|
+
return nc();
|
|
6491
6544
|
},
|
|
6492
6545
|
children: (e) => A(z, {
|
|
6493
|
-
class:
|
|
6494
|
-
onClick: () =>
|
|
6546
|
+
class: dc,
|
|
6547
|
+
onClick: () => gc(e.item),
|
|
6495
6548
|
get children() {
|
|
6496
6549
|
return [(() => {
|
|
6497
|
-
var t =
|
|
6550
|
+
var t = rc();
|
|
6498
6551
|
return O((n) => L(t, "width", `${Math.min(e.count * 10, 100)}%`)), t;
|
|
6499
6552
|
})(), (() => {
|
|
6500
|
-
var t =
|
|
6501
|
-
return o.nextSibling, R(n, () => e.item.callName), R(r, () =>
|
|
6553
|
+
var t = ic(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild, o = a.nextSibling;
|
|
6554
|
+
return o.nextSibling, R(n, () => e.item.callName), R(r, () => hc(e.item)), R(t, (() => {
|
|
6502
6555
|
var t = N(() => !!e.sameResponse);
|
|
6503
|
-
return () => t() &&
|
|
6556
|
+
return () => t() && ac();
|
|
6504
6557
|
})(), i), R(i, () => e.count, a), R(i, () => Y(e.windowMs / 1e3, { maximumFractionDigits: 1 }), o), t;
|
|
6505
6558
|
})()];
|
|
6506
6559
|
}
|
|
6507
6560
|
})
|
|
6508
|
-
}), null), I(te,
|
|
6561
|
+
}), null), I(te, uc), R(te, A(j, {
|
|
6509
6562
|
get each() {
|
|
6510
6563
|
return o();
|
|
6511
6564
|
},
|
|
6512
6565
|
get fallback() {
|
|
6513
|
-
return
|
|
6566
|
+
return oc();
|
|
6514
6567
|
},
|
|
6515
6568
|
children: (e) => A(z, {
|
|
6516
|
-
class:
|
|
6517
|
-
onClick: () =>
|
|
6569
|
+
class: dc,
|
|
6570
|
+
onClick: () => gc(e.item),
|
|
6518
6571
|
get children() {
|
|
6519
6572
|
return [(() => {
|
|
6520
|
-
var t =
|
|
6573
|
+
var t = rc();
|
|
6521
6574
|
return O((n) => L(t, "width", `${Math.min(e.fields.size * 10, 100)}%`)), t;
|
|
6522
6575
|
})(), (() => {
|
|
6523
|
-
var t =
|
|
6576
|
+
var t = sc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild;
|
|
6524
6577
|
return R(n, () => e.item.callName), R(r, () => [...e.fields].join(", ")), R(i, () => e.fields.size, a), R(i, () => e.fields.size === 1 ? "" : "s", null), R(i, (() => {
|
|
6525
6578
|
var t = N(() => e.unusedBytes > 0);
|
|
6526
6579
|
return () => t() && ` · ${Y(e.unusedBytes, {
|
|
@@ -6542,7 +6595,7 @@ var fc = () => {
|
|
|
6542
6595
|
a: void 0
|
|
6543
6596
|
}), e;
|
|
6544
6597
|
})();
|
|
6545
|
-
},
|
|
6598
|
+
}, vc = /*#__PURE__*/ P("<div><h1>timeline"), yc = /*#__PURE__*/ P("<div class=empty>no requests tracked yet"), bc = /*#__PURE__*/ P("<div title=\"Drag to filter a time range, click to reset\">"), xc = /*#__PURE__*/ P("<div><span></span><span> requests</span><span>"), Sc = /*#__PURE__*/ P("<div><div class=content>"), Cc = /*#__PURE__*/ P("<div class=tick>"), wc = /*#__PURE__*/ P("<div class=\"tick marker\">"), Tc = /*#__PURE__*/ P("<div class=shade style=left:0>"), Ec = /*#__PURE__*/ P("<div class=shade style=right:0>"), Dc = /*#__PURE__*/ P("<div class=handle data-handle=start>"), Oc = /*#__PURE__*/ P("<div class=handle data-handle=end>"), kc = /*#__PURE__*/ P("<div>"), Ac = /*#__PURE__*/ P("<div class=marker-line><button>"), jc = /*#__PURE__*/ P("<div class=row role=button tabindex=0><div class=label><span class=name></span></div><div class=track><div class=bar></div><span class=duration>"), Mc = /*#__PURE__*/ P("<span class=alias>"), Nc = 220, Pc = B`
|
|
6546
6599
|
&&& {
|
|
6547
6600
|
${W({ align: "stretch" })};
|
|
6548
6601
|
overflow: hidden;
|
|
@@ -6566,7 +6619,7 @@ var fc = () => {
|
|
|
6566
6619
|
padding-top: 20px;
|
|
6567
6620
|
}
|
|
6568
6621
|
}
|
|
6569
|
-
`,
|
|
6622
|
+
`, Fc = B`
|
|
6570
6623
|
&&& {
|
|
6571
6624
|
position: relative;
|
|
6572
6625
|
height: 44px;
|
|
@@ -6631,7 +6684,7 @@ var fc = () => {
|
|
|
6631
6684
|
}
|
|
6632
6685
|
}
|
|
6633
6686
|
}
|
|
6634
|
-
`,
|
|
6687
|
+
`, Ic = B`
|
|
6635
6688
|
&&& {
|
|
6636
6689
|
${U({ gap: 6 })};
|
|
6637
6690
|
flex-wrap: wrap;
|
|
@@ -6662,7 +6715,7 @@ var fc = () => {
|
|
|
6662
6715
|
}
|
|
6663
6716
|
}
|
|
6664
6717
|
}
|
|
6665
|
-
`,
|
|
6718
|
+
`, Lc = B`
|
|
6666
6719
|
&&& {
|
|
6667
6720
|
${U()};
|
|
6668
6721
|
justify-content: space-between;
|
|
@@ -6671,7 +6724,7 @@ var fc = () => {
|
|
|
6671
6724
|
color: ${G.white.alpha(.5)};
|
|
6672
6725
|
flex-shrink: 0;
|
|
6673
6726
|
}
|
|
6674
|
-
`,
|
|
6727
|
+
`, Rc = B`
|
|
6675
6728
|
&&& {
|
|
6676
6729
|
flex: 1 1;
|
|
6677
6730
|
overflow-y: auto;
|
|
@@ -6707,7 +6760,7 @@ var fc = () => {
|
|
|
6707
6760
|
|
|
6708
6761
|
> .row {
|
|
6709
6762
|
display: grid;
|
|
6710
|
-
grid-template-columns: ${String(
|
|
6763
|
+
grid-template-columns: ${String(Nc)}px 1fr;
|
|
6711
6764
|
height: 22px;
|
|
6712
6765
|
align-items: center;
|
|
6713
6766
|
border-radius: 3px;
|
|
@@ -6792,10 +6845,10 @@ var fc = () => {
|
|
|
6792
6845
|
}
|
|
6793
6846
|
}
|
|
6794
6847
|
`;
|
|
6795
|
-
function
|
|
6848
|
+
function zc(e, t, n) {
|
|
6796
6849
|
return Math.min(Math.max(e, t), n);
|
|
6797
6850
|
}
|
|
6798
|
-
var
|
|
6851
|
+
var Bc = 400, Vc = () => {
|
|
6799
6852
|
let [t, n] = D(Date.now()), r = window.setInterval(() => {
|
|
6800
6853
|
n(() => Date.now());
|
|
6801
6854
|
}, 1e3);
|
|
@@ -6824,7 +6877,7 @@ var Fc = 400, Ic = () => {
|
|
|
6824
6877
|
function p(e) {
|
|
6825
6878
|
if (!l) return 0;
|
|
6826
6879
|
let t = l.getBoundingClientRect();
|
|
6827
|
-
return t.width === 0 ? 0 :
|
|
6880
|
+
return t.width === 0 ? 0 : zc((e.clientX - t.left) / t.width, 0, 1);
|
|
6828
6881
|
}
|
|
6829
6882
|
function m(e) {
|
|
6830
6883
|
return f ? f.start + (f.end - f.start) * p(e) : 0;
|
|
@@ -6878,30 +6931,30 @@ var Fc = 400, Ic = () => {
|
|
|
6878
6931
|
});
|
|
6879
6932
|
function te(e) {
|
|
6880
6933
|
let t = v();
|
|
6881
|
-
return t ?
|
|
6934
|
+
return t ? zc((e - t.start) / (t.end - t.start), 0, 1) : 0;
|
|
6882
6935
|
}
|
|
6883
6936
|
function ne(e) {
|
|
6884
6937
|
let t = o();
|
|
6885
|
-
return t ?
|
|
6938
|
+
return t ? zc((e - t.start) / (t.end - t.start), 0, 1) : 0;
|
|
6886
6939
|
}
|
|
6887
6940
|
function x(e) {
|
|
6888
|
-
return `calc(${String(
|
|
6941
|
+
return `calc(${String(Nc)}px + (100% - ${String(Nc)}px) * ${te(e.time)})`;
|
|
6889
6942
|
}
|
|
6890
6943
|
return (() => {
|
|
6891
|
-
var t =
|
|
6892
|
-
return t.firstChild, I(t,
|
|
6944
|
+
var t = vc();
|
|
6945
|
+
return t.firstChild, I(t, Pc), R(t, (() => {
|
|
6893
6946
|
var t = N(() => !o());
|
|
6894
|
-
return () => t() ?
|
|
6947
|
+
return () => t() ? yc() : [
|
|
6895
6948
|
(() => {
|
|
6896
|
-
var e =
|
|
6949
|
+
var e = bc();
|
|
6897
6950
|
e.$$pointerup = _, e.$$pointermove = g, e.$$pointerdown = h;
|
|
6898
6951
|
var t = l;
|
|
6899
|
-
return typeof t == "function" ? dt(t, e) : l = e, I(e,
|
|
6952
|
+
return typeof t == "function" ? dt(t, e) : l = e, I(e, Fc), R(e, A(j, {
|
|
6900
6953
|
get each() {
|
|
6901
6954
|
return i();
|
|
6902
6955
|
},
|
|
6903
6956
|
children: (e) => (() => {
|
|
6904
|
-
var t =
|
|
6957
|
+
var t = Cc();
|
|
6905
6958
|
return O((n) => {
|
|
6906
6959
|
var r = !!e.request.isError, i = !!(!e.request.isError && e.request.warnings?.length), a = e.request.status === "pending", o = `${ne(e.request.startTime) * 100}%`;
|
|
6907
6960
|
return r !== n.e && t.classList.toggle("error", n.e = r), i !== n.t && t.classList.toggle("warning", n.t = i), a !== n.a && t.classList.toggle("pending", n.a = a), o !== n.o && L(t, "left", n.o = o), n;
|
|
@@ -6917,7 +6970,7 @@ var Fc = 400, Ic = () => {
|
|
|
6917
6970
|
return H.markers;
|
|
6918
6971
|
},
|
|
6919
6972
|
children: (e) => (() => {
|
|
6920
|
-
var t =
|
|
6973
|
+
var t = wc();
|
|
6921
6974
|
return O((n) => L(t, "left", `${ne(e.time) * 100}%`)), t;
|
|
6922
6975
|
})()
|
|
6923
6976
|
}), null), R(e, A(M, {
|
|
@@ -6926,35 +6979,35 @@ var Fc = 400, Ic = () => {
|
|
|
6926
6979
|
},
|
|
6927
6980
|
children: (e) => [
|
|
6928
6981
|
(() => {
|
|
6929
|
-
var t =
|
|
6982
|
+
var t = Tc();
|
|
6930
6983
|
return O((n) => L(t, "width", `${ne(e().start) * 100}%`)), t;
|
|
6931
6984
|
})(),
|
|
6932
6985
|
(() => {
|
|
6933
|
-
var t =
|
|
6986
|
+
var t = Ec();
|
|
6934
6987
|
return O((n) => L(t, "left", `${ne(e().end) * 100}%`)), t;
|
|
6935
6988
|
})(),
|
|
6936
6989
|
(() => {
|
|
6937
|
-
var t =
|
|
6990
|
+
var t = Dc();
|
|
6938
6991
|
return O((n) => L(t, "left", `${ne(e().start) * 100}%`)), t;
|
|
6939
6992
|
})(),
|
|
6940
6993
|
(() => {
|
|
6941
|
-
var t =
|
|
6994
|
+
var t = Oc();
|
|
6942
6995
|
return O((n) => L(t, "left", `${ne(e().end) * 100}%`)), t;
|
|
6943
6996
|
})()
|
|
6944
6997
|
]
|
|
6945
6998
|
}), null), e;
|
|
6946
6999
|
})(),
|
|
6947
7000
|
(() => {
|
|
6948
|
-
var t =
|
|
6949
|
-
return I(t,
|
|
7001
|
+
var t = xc(), n = t.firstChild, r = n.nextSibling, i = r.firstChild, a = r.nextSibling;
|
|
7002
|
+
return I(t, Lc), R(n, () => e(v()?.start).format("HH:mm:ss.SSS")), R(r, () => y().length, i), R(r, () => y().length > Bc && ` (showing last ${Bc})`, null), R(a, () => e(v()?.end).format("HH:mm:ss.SSS")), t;
|
|
6950
7003
|
})(),
|
|
6951
7004
|
A(M, {
|
|
6952
7005
|
get when() {
|
|
6953
7006
|
return s();
|
|
6954
7007
|
},
|
|
6955
7008
|
children: (e) => (() => {
|
|
6956
|
-
var t =
|
|
6957
|
-
return I(t,
|
|
7009
|
+
var t = kc();
|
|
7010
|
+
return I(t, Ic), R(t, A(z, {
|
|
6958
7011
|
class: "danger",
|
|
6959
7012
|
title: "Remove all requests that ended before the selection",
|
|
6960
7013
|
onClick: () => Fn(e().start),
|
|
@@ -6991,13 +7044,13 @@ var Fc = 400, Ic = () => {
|
|
|
6991
7044
|
})()
|
|
6992
7045
|
}),
|
|
6993
7046
|
(() => {
|
|
6994
|
-
var t =
|
|
6995
|
-
return I(t,
|
|
7047
|
+
var t = Sc(), n = t.firstChild;
|
|
7048
|
+
return I(t, Rc), R(n, A(j, {
|
|
6996
7049
|
get each() {
|
|
6997
7050
|
return ee();
|
|
6998
7051
|
},
|
|
6999
7052
|
children: (t) => (() => {
|
|
7000
|
-
var n =
|
|
7053
|
+
var n = Ac(), r = n.firstChild;
|
|
7001
7054
|
return r.$$click = () => jn(t.id), R(r, () => t.label), O((i) => {
|
|
7002
7055
|
var a = x(t), o = `${t.label} · ${e(t.time).format("HH:mm:ss.SSS")} · click to remove`;
|
|
7003
7056
|
return a !== i.e && L(n, "left", i.e = a), o !== i.t && F(r, "title", i.t = o), i;
|
|
@@ -7013,7 +7066,7 @@ var Fc = 400, Ic = () => {
|
|
|
7013
7066
|
children: (e) => {
|
|
7014
7067
|
let t = k(() => te(e.request.startTime) * 100), n = k(() => te(a(e.request)) * 100);
|
|
7015
7068
|
return (() => {
|
|
7016
|
-
var r =
|
|
7069
|
+
var r = jc(), i = r.firstChild, a = i.firstChild, o = i.nextSibling.firstChild, s = o.nextSibling;
|
|
7017
7070
|
return r.$$click = () => {
|
|
7018
7071
|
Qr({
|
|
7019
7072
|
selectedPage: "explorer",
|
|
@@ -7024,7 +7077,7 @@ var Fc = 400, Ic = () => {
|
|
|
7024
7077
|
}, R(a, () => e.callName), R(i, (() => {
|
|
7025
7078
|
var t = N(() => !!e.request.alias);
|
|
7026
7079
|
return () => t() && (() => {
|
|
7027
|
-
var t =
|
|
7080
|
+
var t = Mc();
|
|
7028
7081
|
return R(t, () => e.request.alias), t;
|
|
7029
7082
|
})();
|
|
7030
7083
|
})(), null), R(s, (() => {
|
|
@@ -7059,7 +7112,7 @@ it([
|
|
|
7059
7112
|
]);
|
|
7060
7113
|
//#endregion
|
|
7061
7114
|
//#region src/style/globalStyle.ts
|
|
7062
|
-
var
|
|
7115
|
+
var Hc = `
|
|
7063
7116
|
font-family: ${K.primary};
|
|
7064
7117
|
color: ${G.textPrimary.var};
|
|
7065
7118
|
|
|
@@ -7110,7 +7163,7 @@ var Lc = `
|
|
|
7110
7163
|
h3 {
|
|
7111
7164
|
font-weight: normal;
|
|
7112
7165
|
}
|
|
7113
|
-
`,
|
|
7166
|
+
`, Uc = "\n display: flex;\n align-items: center;\n justify-content: center;\n", Wc = "\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n min-height: 0;\n min-width: 0;\n flex-shrink: 0;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n/* Remove default padding */\nul[class],\nol[class] {\n padding: 0;\n}\n\n/* Remove default margin */\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nul[class],\nol[class],\nli,\nfigure,\nfigcaption,\nblockquote,\ndl,\ndd {\n margin: 0;\n}\n\n/* Set core body defaults */\nbody {\n scroll-behavior: smooth;\n}\n\n/* Natural flow and rhythm in articles by default */\narticle > * + * {\n margin-top: 1em;\n}\n\n/* Inherit fonts for inputs and buttons */\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n cursor: pointer;\n}\n\na:visited {\n color: inherit;\n}\n\nbutton {\n background: transparent;\n border: 0;\n outline: none;\n cursor: pointer;\n -webkit-appearance: none;\n}\n", Gc = [
|
|
7114
7167
|
"beforeinput",
|
|
7115
7168
|
"click",
|
|
7116
7169
|
"dblclick",
|
|
@@ -7133,13 +7186,13 @@ var Lc = `
|
|
|
7133
7186
|
"touchend",
|
|
7134
7187
|
"touchmove",
|
|
7135
7188
|
"touchstart"
|
|
7136
|
-
],
|
|
7137
|
-
function
|
|
7138
|
-
|
|
7189
|
+
], Kc = null;
|
|
7190
|
+
function qc() {
|
|
7191
|
+
Kc && !Kc.closed && Kc.close(), Kc = null, sl();
|
|
7139
7192
|
}
|
|
7140
|
-
function
|
|
7141
|
-
if (
|
|
7142
|
-
|
|
7193
|
+
function Jc() {
|
|
7194
|
+
if (Kc && !Kc.closed) {
|
|
7195
|
+
Kc.focus(), cl();
|
|
7143
7196
|
return;
|
|
7144
7197
|
}
|
|
7145
7198
|
let e = window.open("", "app-devtools-window", "width=1400,height=900,popup=yes");
|
|
@@ -7147,7 +7200,7 @@ function Uc() {
|
|
|
7147
7200
|
dr("The popup was blocked by the browser");
|
|
7148
7201
|
return;
|
|
7149
7202
|
}
|
|
7150
|
-
|
|
7203
|
+
Kc = e;
|
|
7151
7204
|
let t = e.document;
|
|
7152
7205
|
t.head.innerHTML = "", t.body.innerHTML = "", t.title = `App DevTools · ${window.location.host}`, t.body.style.margin = "0", t.body.style.background = "#0F172A";
|
|
7153
7206
|
let n = document.documentElement.style;
|
|
@@ -7160,10 +7213,10 @@ function Uc() {
|
|
|
7160
7213
|
source: e,
|
|
7161
7214
|
mirror: n
|
|
7162
7215
|
});
|
|
7163
|
-
}), it(
|
|
7216
|
+
}), it(Gc, t);
|
|
7164
7217
|
let i = t.createElement("div");
|
|
7165
7218
|
t.body.appendChild(i);
|
|
7166
|
-
let a = rt(() => A(
|
|
7219
|
+
let a = rt(() => A(tl, { standalone: !0 }), i), o = window.setInterval(() => {
|
|
7167
7220
|
if (e.closed) {
|
|
7168
7221
|
s();
|
|
7169
7222
|
return;
|
|
@@ -7171,15 +7224,15 @@ function Uc() {
|
|
|
7171
7224
|
for (let { source: e, mirror: t } of r) t.textContent !== e.textContent && (t.textContent = e.textContent);
|
|
7172
7225
|
}, 300);
|
|
7173
7226
|
function s() {
|
|
7174
|
-
window.clearInterval(o), a(),
|
|
7227
|
+
window.clearInterval(o), a(), Kc = null;
|
|
7175
7228
|
}
|
|
7176
|
-
e.addEventListener("pagehide", s),
|
|
7229
|
+
e.addEventListener("pagehide", s), cl();
|
|
7177
7230
|
}
|
|
7178
7231
|
//#endregion
|
|
7179
7232
|
//#region src/pages/app/App.tsx
|
|
7180
|
-
var
|
|
7181
|
-
${
|
|
7182
|
-
${
|
|
7233
|
+
var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-actions></div></nav><main>"), Xc = /*#__PURE__*/ P("<div>"), Zc = B`
|
|
7234
|
+
${Wc};
|
|
7235
|
+
${Hc};
|
|
7183
7236
|
|
|
7184
7237
|
position: fixed;
|
|
7185
7238
|
inset: 32px;
|
|
@@ -7194,7 +7247,7 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7194
7247
|
padding-bottom: 8px;
|
|
7195
7248
|
|
|
7196
7249
|
button {
|
|
7197
|
-
${
|
|
7250
|
+
${Uc};
|
|
7198
7251
|
width: 100%;
|
|
7199
7252
|
aspect-ratio: 1 / 1;
|
|
7200
7253
|
color: ${G.white.alpha(.55)};
|
|
@@ -7255,17 +7308,17 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7255
7308
|
${Dt};
|
|
7256
7309
|
}
|
|
7257
7310
|
}
|
|
7258
|
-
`,
|
|
7311
|
+
`, Qc = B`
|
|
7259
7312
|
&&& {
|
|
7260
7313
|
inset: 0;
|
|
7261
7314
|
border-radius: 0;
|
|
7262
7315
|
}
|
|
7263
|
-
`,
|
|
7316
|
+
`, $c = B`
|
|
7264
7317
|
${Dt};
|
|
7265
7318
|
position: fixed;
|
|
7266
7319
|
inset: 0;
|
|
7267
7320
|
backdrop-filter: blur(5px);
|
|
7268
|
-
`,
|
|
7321
|
+
`, el = [
|
|
7269
7322
|
{
|
|
7270
7323
|
id: "explorer",
|
|
7271
7324
|
title: "API Explorer",
|
|
@@ -7291,13 +7344,13 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7291
7344
|
title: "Request Caller",
|
|
7292
7345
|
icon: "send"
|
|
7293
7346
|
}
|
|
7294
|
-
],
|
|
7295
|
-
var e =
|
|
7296
|
-
return st(e, "click",
|
|
7347
|
+
], tl = (e) => [N(() => N(() => !e.standalone)() && (() => {
|
|
7348
|
+
var e = Xc();
|
|
7349
|
+
return st(e, "click", cl, !0), I(e, $c), e;
|
|
7297
7350
|
})()), (() => {
|
|
7298
|
-
var t =
|
|
7351
|
+
var t = Yc(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
|
|
7299
7352
|
return R(n, A(j, {
|
|
7300
|
-
each:
|
|
7353
|
+
each: el,
|
|
7301
7354
|
children: (e) => A(z, {
|
|
7302
7355
|
get title() {
|
|
7303
7356
|
return e.title;
|
|
@@ -7349,13 +7402,13 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7349
7402
|
var t = N(() => !!e.standalone);
|
|
7350
7403
|
return () => t() ? A(z, {
|
|
7351
7404
|
title: "Move devtools back to the app page",
|
|
7352
|
-
onClick:
|
|
7405
|
+
onClick: qc,
|
|
7353
7406
|
get children() {
|
|
7354
7407
|
return A(V, { name: "minimize-2" });
|
|
7355
7408
|
}
|
|
7356
7409
|
}) : A(z, {
|
|
7357
7410
|
title: "Open in a new window",
|
|
7358
|
-
onClick:
|
|
7411
|
+
onClick: Jc,
|
|
7359
7412
|
get children() {
|
|
7360
7413
|
return A(V, { name: "external-link" });
|
|
7361
7414
|
}
|
|
@@ -7376,7 +7429,7 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7376
7429
|
return q.selectedPage === "explorer";
|
|
7377
7430
|
},
|
|
7378
7431
|
get children() {
|
|
7379
|
-
return A(
|
|
7432
|
+
return A(Zo, {});
|
|
7380
7433
|
}
|
|
7381
7434
|
}),
|
|
7382
7435
|
A(qe, {
|
|
@@ -7384,7 +7437,7 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7384
7437
|
return q.selectedPage === "timeline";
|
|
7385
7438
|
},
|
|
7386
7439
|
get children() {
|
|
7387
|
-
return A(
|
|
7440
|
+
return A(Vc, {});
|
|
7388
7441
|
}
|
|
7389
7442
|
}),
|
|
7390
7443
|
A(qe, {
|
|
@@ -7392,7 +7445,7 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7392
7445
|
return q.selectedPage === "stats";
|
|
7393
7446
|
},
|
|
7394
7447
|
get children() {
|
|
7395
|
-
return A(
|
|
7448
|
+
return A(_c, {});
|
|
7396
7449
|
}
|
|
7397
7450
|
}),
|
|
7398
7451
|
A(qe, {
|
|
@@ -7400,7 +7453,7 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7400
7453
|
return q.selectedPage === "logs";
|
|
7401
7454
|
},
|
|
7402
7455
|
get children() {
|
|
7403
|
-
return A(
|
|
7456
|
+
return A(Gs, {});
|
|
7404
7457
|
}
|
|
7405
7458
|
}),
|
|
7406
7459
|
A(qe, {
|
|
@@ -7408,7 +7461,7 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7408
7461
|
return q.selectedPage === "caller";
|
|
7409
7462
|
},
|
|
7410
7463
|
get children() {
|
|
7411
|
-
return A(
|
|
7464
|
+
return A(ks, {});
|
|
7412
7465
|
}
|
|
7413
7466
|
})
|
|
7414
7467
|
];
|
|
@@ -7426,48 +7479,48 @@ var Wc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7426
7479
|
get children() {
|
|
7427
7480
|
return A(vr, {});
|
|
7428
7481
|
}
|
|
7429
|
-
}), null), R(t, A(Gr, {}), null), O(() => I(t,
|
|
7482
|
+
}), null), R(t, A(Gr, {}), null), O(() => I(t, wa(Zc, e.standalone && Qc))), t;
|
|
7430
7483
|
})()];
|
|
7431
7484
|
it(["click"]);
|
|
7432
7485
|
//#endregion
|
|
7433
7486
|
//#region src/Root.tsx
|
|
7434
|
-
var
|
|
7435
|
-
function
|
|
7436
|
-
if (
|
|
7437
|
-
|
|
7487
|
+
var nl = () => A(tl, {}), rl = !1;
|
|
7488
|
+
function il() {
|
|
7489
|
+
if (rl) return;
|
|
7490
|
+
rl = !0;
|
|
7438
7491
|
let e = document.getElementsByTagName("head")[0], t = document.createElement("link");
|
|
7439
7492
|
t.type = "text/css", t.rel = "stylesheet", t.href = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap", e?.appendChild(t);
|
|
7440
7493
|
}
|
|
7441
7494
|
//#endregion
|
|
7442
7495
|
//#region src/initializeApp.tsx
|
|
7443
|
-
var
|
|
7444
|
-
function
|
|
7445
|
-
if (
|
|
7446
|
-
|
|
7496
|
+
var al = () => {}, ol = !1;
|
|
7497
|
+
function sl() {
|
|
7498
|
+
if (ol) return;
|
|
7499
|
+
ol = !0, e.extend(St.default), il(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
|
|
7447
7500
|
let t = document.getElementById("dev-tools-root") || document.createElement("div");
|
|
7448
|
-
t.id = "dev-tools-root", document.body.appendChild(t),
|
|
7501
|
+
t.id = "dev-tools-root", document.body.appendChild(t), al = rt(() => A(nl, {}), t);
|
|
7449
7502
|
}
|
|
7450
|
-
function
|
|
7451
|
-
|
|
7503
|
+
function cl() {
|
|
7504
|
+
ol && (ol = !1, al());
|
|
7452
7505
|
}
|
|
7453
|
-
function
|
|
7454
|
-
|
|
7506
|
+
function ll() {
|
|
7507
|
+
ol ? cl() : sl();
|
|
7455
7508
|
}
|
|
7456
|
-
function
|
|
7457
|
-
return
|
|
7509
|
+
function ul() {
|
|
7510
|
+
return ol;
|
|
7458
7511
|
}
|
|
7459
7512
|
//#endregion
|
|
7460
7513
|
//#region src/initializeDevTools.ts
|
|
7461
|
-
function
|
|
7514
|
+
function dl({ callsProcessor: e, shortcut: t, requestCallers: n, visibleRequestHeaders: r, sensitiveDataFields: a, maxRequestsSizeMb: o, maxLogsSizeMb: s }) {
|
|
7462
7515
|
i(window, { [t]: (e) => {
|
|
7463
7516
|
let t = document.activeElement;
|
|
7464
|
-
t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA") || (e.preventDefault(),
|
|
7517
|
+
t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA") || (e.preventDefault(), ll());
|
|
7465
7518
|
} }), Xn({
|
|
7466
7519
|
...e ? { callsProcessor: e } : {},
|
|
7467
7520
|
...r ? { visibleRequestHeaders: r } : {},
|
|
7468
7521
|
...a ? { sensitiveDataFields: a } : {},
|
|
7469
7522
|
...o === void 0 ? {} : { maxRequestsSizeMb: o }
|
|
7470
|
-
}), s !== void 0 && xr(s), n &&
|
|
7523
|
+
}), s !== void 0 && xr(s), n && Ba(n);
|
|
7471
7524
|
}
|
|
7472
7525
|
//#endregion
|
|
7473
|
-
export { Qn as addCall, Tr as addLog, An as addMarker, Zn as addWebsocketEvent, Mn as clearHistory, Er as clearLogs,
|
|
7526
|
+
export { Qn as addCall, Tr as addLog, An as addMarker, Zn as addWebsocketEvent, Mn as clearHistory, Er as clearLogs, cl as closeDevTools, ul as devToolsIsOpen, dl as initializeDevTools, sl as openDevTools, ll as toggleDevTools };
|