app-devtools 1.2.1 → 1.4.0
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.d.ts +9 -3
- package/dist/main.js +802 -825
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -1351,30 +1351,51 @@ function rn(e, t) {
|
|
|
1351
1351
|
return r;
|
|
1352
1352
|
}
|
|
1353
1353
|
//#endregion
|
|
1354
|
-
//#region
|
|
1354
|
+
//#region src/utils/getUnusedResponseData.ts
|
|
1355
1355
|
function an(e) {
|
|
1356
|
+
if (!e) return;
|
|
1357
|
+
let t = [];
|
|
1358
|
+
for (let n of e) n && t.push({
|
|
1359
|
+
field: n.field,
|
|
1360
|
+
data: n.data
|
|
1361
|
+
});
|
|
1362
|
+
return t.length > 0 ? t : void 0;
|
|
1363
|
+
}
|
|
1364
|
+
function on(e) {
|
|
1365
|
+
let t = {};
|
|
1366
|
+
for (let n of e) t[n.field] = n.data;
|
|
1367
|
+
return t;
|
|
1368
|
+
}
|
|
1369
|
+
function sn(e) {
|
|
1370
|
+
let t = 0;
|
|
1371
|
+
for (let n of e) n.data !== void 0 && (t += tn(() => JSON.stringify(n.data).length) || 0);
|
|
1372
|
+
return t;
|
|
1373
|
+
}
|
|
1374
|
+
//#endregion
|
|
1375
|
+
//#region node_modules/.pnpm/klona@2.0.6/node_modules/klona/json/index.mjs
|
|
1376
|
+
function cn(e) {
|
|
1356
1377
|
var t, n, r;
|
|
1357
1378
|
if (Array.isArray(e)) {
|
|
1358
|
-
for (n = Array(t = e.length); t--;) n[t] = (r = e[t]) && typeof r == "object" ?
|
|
1379
|
+
for (n = Array(t = e.length); t--;) n[t] = (r = e[t]) && typeof r == "object" ? cn(r) : r;
|
|
1359
1380
|
return n;
|
|
1360
1381
|
}
|
|
1361
1382
|
if (Object.prototype.toString.call(e) === "[object Object]") {
|
|
1362
1383
|
for (t in n = {}, e) t === "__proto__" ? Object.defineProperty(n, t, {
|
|
1363
|
-
value:
|
|
1384
|
+
value: cn(e[t]),
|
|
1364
1385
|
configurable: !0,
|
|
1365
1386
|
enumerable: !0,
|
|
1366
1387
|
writable: !0
|
|
1367
|
-
}) : n[t] = (r = e[t]) && typeof r == "object" ?
|
|
1388
|
+
}) : n[t] = (r = e[t]) && typeof r == "object" ? cn(r) : r;
|
|
1368
1389
|
return n;
|
|
1369
1390
|
}
|
|
1370
1391
|
return e;
|
|
1371
1392
|
}
|
|
1372
1393
|
//#endregion
|
|
1373
1394
|
//#region node_modules/.pnpm/solid-js@1.9.14/node_modules/solid-js/store/dist/store.js
|
|
1374
|
-
var
|
|
1375
|
-
function
|
|
1395
|
+
var ln = Symbol("store-raw"), un = Symbol("store-node"), dn = Symbol("store-has"), fn = Symbol("store-self");
|
|
1396
|
+
function pn(e) {
|
|
1376
1397
|
let t = e[v];
|
|
1377
|
-
if (!t && (Object.defineProperty(e, v, { value: t = new Proxy(e,
|
|
1398
|
+
if (!t && (Object.defineProperty(e, v, { value: t = new Proxy(e, xn) }), !Array.isArray(e))) {
|
|
1378
1399
|
let n = Object.keys(e), r = Object.getOwnPropertyDescriptors(e), i = Object.getPrototypeOf(e), a = i !== null && typeof e == "object" && !!e && !Array.isArray(e) && i !== Object.prototype;
|
|
1379
1400
|
if (a) {
|
|
1380
1401
|
let e = Object.getOwnPropertyDescriptors(i);
|
|
@@ -1391,29 +1412,29 @@ function un(e) {
|
|
|
1391
1412
|
}
|
|
1392
1413
|
return t;
|
|
1393
1414
|
}
|
|
1394
|
-
function
|
|
1415
|
+
function mn(e) {
|
|
1395
1416
|
let t;
|
|
1396
1417
|
return typeof e == "object" && !!e && (e[v] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
|
|
1397
1418
|
}
|
|
1398
|
-
function
|
|
1419
|
+
function hn(e, t = /* @__PURE__ */ new Set()) {
|
|
1399
1420
|
let n, r, i, a;
|
|
1400
|
-
if (n = e != null && e[
|
|
1401
|
-
if (!
|
|
1421
|
+
if (n = e != null && e[ln]) return n;
|
|
1422
|
+
if (!mn(e) || t.has(e)) return e;
|
|
1402
1423
|
if (Array.isArray(e)) {
|
|
1403
1424
|
Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
|
|
1404
|
-
for (let n = 0, a = e.length; n < a; n++) i = e[n], (r =
|
|
1425
|
+
for (let n = 0, a = e.length; n < a; n++) i = e[n], (r = hn(i, t)) !== i && (e[n] = r);
|
|
1405
1426
|
} else {
|
|
1406
1427
|
Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
|
|
1407
1428
|
let n = Object.keys(e), o = Object.getOwnPropertyDescriptors(e);
|
|
1408
|
-
for (let s = 0, c = n.length; s < c; s++) a = n[s], !o[a].get && (i = e[a], (r =
|
|
1429
|
+
for (let s = 0, c = n.length; s < c; s++) a = n[s], !o[a].get && (i = e[a], (r = hn(i, t)) !== i && (e[a] = r));
|
|
1409
1430
|
}
|
|
1410
1431
|
return e;
|
|
1411
1432
|
}
|
|
1412
|
-
function
|
|
1433
|
+
function gn(e, t) {
|
|
1413
1434
|
let n = e[t];
|
|
1414
1435
|
return n || Object.defineProperty(e, t, { value: n = Object.create(null) }), n;
|
|
1415
1436
|
}
|
|
1416
|
-
function
|
|
1437
|
+
function _n(e, t, n) {
|
|
1417
1438
|
if (e[t]) return e[t];
|
|
1418
1439
|
let [r, i] = D(n, {
|
|
1419
1440
|
equals: !1,
|
|
@@ -1421,31 +1442,31 @@ function mn(e, t, n) {
|
|
|
1421
1442
|
});
|
|
1422
1443
|
return r.$ = i, e[t] = r;
|
|
1423
1444
|
}
|
|
1424
|
-
function
|
|
1445
|
+
function vn(e, t) {
|
|
1425
1446
|
let n = Reflect.getOwnPropertyDescriptor(e, t);
|
|
1426
|
-
return !n || n.get || !n.configurable || t === v || t ===
|
|
1447
|
+
return !n || n.get || !n.configurable || t === v || t === un ? n : (delete n.value, delete n.writable, n.get = () => e[v][t], n);
|
|
1427
1448
|
}
|
|
1428
|
-
function
|
|
1429
|
-
de() &&
|
|
1449
|
+
function yn(e) {
|
|
1450
|
+
de() && _n(gn(e, un), fn)();
|
|
1430
1451
|
}
|
|
1431
|
-
function
|
|
1432
|
-
return
|
|
1452
|
+
function bn(e) {
|
|
1453
|
+
return yn(e), Reflect.ownKeys(e);
|
|
1433
1454
|
}
|
|
1434
|
-
var
|
|
1455
|
+
var xn = {
|
|
1435
1456
|
get(e, t, n) {
|
|
1436
|
-
if (t ===
|
|
1457
|
+
if (t === ln) return e;
|
|
1437
1458
|
if (t === v) return n;
|
|
1438
|
-
if (t === ee) return
|
|
1439
|
-
let r =
|
|
1440
|
-
if (t ===
|
|
1459
|
+
if (t === ee) return yn(e), n;
|
|
1460
|
+
let r = gn(e, un), i = r[t], a = i ? i() : e[t];
|
|
1461
|
+
if (t === un || t === dn || t === "__proto__") return a;
|
|
1441
1462
|
if (!i) {
|
|
1442
1463
|
let n = Object.getOwnPropertyDescriptor(e, t);
|
|
1443
|
-
de() && (typeof a != "function" || Object.prototype.hasOwnProperty.call(e, t)) && !(n && n.get) && (a =
|
|
1464
|
+
de() && (typeof a != "function" || Object.prototype.hasOwnProperty.call(e, t)) && !(n && n.get) && (a = _n(r, t, a)());
|
|
1444
1465
|
}
|
|
1445
|
-
return
|
|
1466
|
+
return mn(a) ? pn(a) : a;
|
|
1446
1467
|
},
|
|
1447
1468
|
has(e, t) {
|
|
1448
|
-
return t ===
|
|
1469
|
+
return t === ln || t === v || t === ee || t === un || t === dn || t === "__proto__" ? !0 : (de() && _n(gn(e, dn), t)(), t in e);
|
|
1449
1470
|
},
|
|
1450
1471
|
set() {
|
|
1451
1472
|
return !0;
|
|
@@ -1453,107 +1474,107 @@ var vn = {
|
|
|
1453
1474
|
deleteProperty() {
|
|
1454
1475
|
return !0;
|
|
1455
1476
|
},
|
|
1456
|
-
ownKeys:
|
|
1457
|
-
getOwnPropertyDescriptor:
|
|
1477
|
+
ownKeys: bn,
|
|
1478
|
+
getOwnPropertyDescriptor: vn
|
|
1458
1479
|
};
|
|
1459
|
-
function
|
|
1480
|
+
function Sn(e, t, n, r = !1) {
|
|
1460
1481
|
if (t === "__proto__" || !r && e[t] === n) return;
|
|
1461
1482
|
let i = e[t], a = e.length;
|
|
1462
|
-
n === void 0 ? (delete e[t], e[
|
|
1463
|
-
let o =
|
|
1464
|
-
if ((s =
|
|
1483
|
+
n === void 0 ? (delete e[t], e[dn] && e[dn][t] && i !== void 0 && e[dn][t].$()) : (e[t] = n, e[dn] && e[dn][t] && i === void 0 && e[dn][t].$());
|
|
1484
|
+
let o = gn(e, un), s;
|
|
1485
|
+
if ((s = _n(o, t, i)) && s.$(() => n), Array.isArray(e) && e.length !== a) {
|
|
1465
1486
|
for (let t = e.length; t < a; t++) (s = o[t]) && s.$();
|
|
1466
|
-
(s =
|
|
1487
|
+
(s = _n(o, "length", a)) && s.$(e.length);
|
|
1467
1488
|
}
|
|
1468
|
-
(s = o[
|
|
1489
|
+
(s = o[fn]) && s.$();
|
|
1469
1490
|
}
|
|
1470
|
-
function
|
|
1491
|
+
function Cn(e, t) {
|
|
1471
1492
|
let n = Object.keys(t);
|
|
1472
1493
|
for (let r = 0; r < n.length; r += 1) {
|
|
1473
1494
|
let i = n[r];
|
|
1474
|
-
|
|
1495
|
+
wn(i) || Sn(e, i, t[i]);
|
|
1475
1496
|
}
|
|
1476
1497
|
}
|
|
1477
|
-
function
|
|
1498
|
+
function wn(e) {
|
|
1478
1499
|
return e === "__proto__" || e === "constructor" || e === "prototype";
|
|
1479
1500
|
}
|
|
1480
|
-
function
|
|
1481
|
-
if (typeof t == "function" && (t = t(e)), t =
|
|
1501
|
+
function Tn(e, t) {
|
|
1502
|
+
if (typeof t == "function" && (t = t(e)), t = hn(t), Array.isArray(t)) {
|
|
1482
1503
|
if (e === t) return;
|
|
1483
1504
|
let n = 0, r = t.length;
|
|
1484
1505
|
for (; n < r; n++) {
|
|
1485
1506
|
let r = t[n];
|
|
1486
|
-
e[n] !== r &&
|
|
1507
|
+
e[n] !== r && Sn(e, n, r);
|
|
1487
1508
|
}
|
|
1488
|
-
|
|
1489
|
-
} else
|
|
1509
|
+
Sn(e, "length", r);
|
|
1510
|
+
} else Cn(e, t);
|
|
1490
1511
|
}
|
|
1491
|
-
function
|
|
1512
|
+
function En(e, t, n = []) {
|
|
1492
1513
|
let r, i = e;
|
|
1493
1514
|
if (t.length > 1) {
|
|
1494
1515
|
r = t.shift();
|
|
1495
1516
|
let a = typeof r, o = Array.isArray(e);
|
|
1496
|
-
if (a === "string" && (r === "__proto__" || t.length > 1 &&
|
|
1517
|
+
if (a === "string" && (r === "__proto__" || t.length > 1 && wn(r))) return;
|
|
1497
1518
|
if (Array.isArray(r)) {
|
|
1498
|
-
for (let i = 0; i < r.length; i++)
|
|
1519
|
+
for (let i = 0; i < r.length; i++) En(e, [r[i]].concat(t), n);
|
|
1499
1520
|
return;
|
|
1500
1521
|
} else if (o && a === "function") {
|
|
1501
|
-
for (let i = 0; i < e.length; i++) r(e[i], i) &&
|
|
1522
|
+
for (let i = 0; i < e.length; i++) r(e[i], i) && En(e, [i].concat(t), n);
|
|
1502
1523
|
return;
|
|
1503
1524
|
} else if (o && a === "object") {
|
|
1504
1525
|
let { from: i = 0, to: a = e.length - 1, by: o = 1 } = r;
|
|
1505
|
-
for (let r = i; r <= a; r += o)
|
|
1526
|
+
for (let r = i; r <= a; r += o) En(e, [r].concat(t), n);
|
|
1506
1527
|
return;
|
|
1507
1528
|
} else if (t.length > 1) {
|
|
1508
|
-
|
|
1529
|
+
En(e[r], t, [r].concat(n));
|
|
1509
1530
|
return;
|
|
1510
1531
|
}
|
|
1511
1532
|
i = e[r], n = [r].concat(n);
|
|
1512
1533
|
}
|
|
1513
1534
|
let a = t[0];
|
|
1514
|
-
typeof a == "function" && (a = a(i, n), a === i) || r === void 0 && a == null || (a =
|
|
1535
|
+
typeof a == "function" && (a = a(i, n), a === i) || r === void 0 && a == null || (a = hn(a), r === void 0 || mn(i) && mn(a) && !Array.isArray(a) ? Cn(i, a) : Sn(e, r, a));
|
|
1515
1536
|
}
|
|
1516
|
-
function
|
|
1517
|
-
let n =
|
|
1537
|
+
function Dn(...[e, t]) {
|
|
1538
|
+
let n = hn(e || {}), r = Array.isArray(n), i = pn(n);
|
|
1518
1539
|
function a(...e) {
|
|
1519
1540
|
ce(() => {
|
|
1520
|
-
r && e.length === 1 ?
|
|
1541
|
+
r && e.length === 1 ? Tn(n, e[0]) : En(n, e);
|
|
1521
1542
|
});
|
|
1522
1543
|
}
|
|
1523
1544
|
return [i, a];
|
|
1524
1545
|
}
|
|
1525
|
-
var
|
|
1546
|
+
var On = /* @__PURE__ */ new WeakMap(), kn = {
|
|
1526
1547
|
get(e, t) {
|
|
1527
|
-
if (t ===
|
|
1548
|
+
if (t === ln) return e;
|
|
1528
1549
|
let n = e[t];
|
|
1529
|
-
if (t === v || t === ee || t ===
|
|
1550
|
+
if (t === v || t === ee || t === un || t === dn || t === "__proto__") return n;
|
|
1530
1551
|
let r;
|
|
1531
|
-
return
|
|
1552
|
+
return mn(n) ? On.get(n) || (On.set(n, r = new Proxy(n, kn)), r) : n;
|
|
1532
1553
|
},
|
|
1533
1554
|
set(e, t, n) {
|
|
1534
|
-
return
|
|
1555
|
+
return Sn(e, t, hn(n)), !0;
|
|
1535
1556
|
},
|
|
1536
1557
|
deleteProperty(e, t) {
|
|
1537
|
-
return
|
|
1558
|
+
return Sn(e, t, void 0, !0), !0;
|
|
1538
1559
|
}
|
|
1539
1560
|
};
|
|
1540
|
-
function
|
|
1561
|
+
function An(e) {
|
|
1541
1562
|
return (t) => {
|
|
1542
|
-
if (
|
|
1563
|
+
if (mn(t)) {
|
|
1543
1564
|
let n;
|
|
1544
|
-
(n =
|
|
1565
|
+
(n = On.get(t)) || On.set(t, n = new Proxy(t, kn)), e(n);
|
|
1545
1566
|
}
|
|
1546
1567
|
return t;
|
|
1547
1568
|
};
|
|
1548
1569
|
}
|
|
1549
1570
|
//#endregion
|
|
1550
1571
|
//#region src/stores/callsStore.ts
|
|
1551
|
-
var [U,
|
|
1572
|
+
var [U, jn] = Dn({
|
|
1552
1573
|
calls: {},
|
|
1553
1574
|
markers: []
|
|
1554
1575
|
});
|
|
1555
|
-
function
|
|
1556
|
-
|
|
1576
|
+
function Mn(e, t) {
|
|
1577
|
+
jn(An((n) => {
|
|
1557
1578
|
n.markers.push({
|
|
1558
1579
|
id: r(),
|
|
1559
1580
|
label: e || `Marker ${n.markers.length + 1}`,
|
|
@@ -1561,68 +1582,68 @@ function kn(e, t) {
|
|
|
1561
1582
|
});
|
|
1562
1583
|
}));
|
|
1563
1584
|
}
|
|
1564
|
-
function
|
|
1565
|
-
|
|
1585
|
+
function Nn(e) {
|
|
1586
|
+
jn(An((t) => {
|
|
1566
1587
|
t.markers = t.markers.filter((t) => t.id !== e);
|
|
1567
1588
|
}));
|
|
1568
1589
|
}
|
|
1569
|
-
function
|
|
1590
|
+
function Pn() {
|
|
1570
1591
|
ce(() => {
|
|
1571
|
-
|
|
1592
|
+
jn({
|
|
1572
1593
|
calls: {},
|
|
1573
1594
|
markers: []
|
|
1574
|
-
}),
|
|
1595
|
+
}), Xn.value = "";
|
|
1575
1596
|
});
|
|
1576
1597
|
}
|
|
1577
|
-
function
|
|
1598
|
+
function Fn(e) {
|
|
1578
1599
|
return e.status === "pending" ? Infinity : e.startTime + e.duration;
|
|
1579
1600
|
}
|
|
1580
|
-
function
|
|
1601
|
+
function In(e) {
|
|
1581
1602
|
ce(() => {
|
|
1582
|
-
|
|
1603
|
+
jn(An((t) => {
|
|
1583
1604
|
for (let [n, r] of Object.entries(t.calls)) r.requests = r.requests.filter((t) => !e(t)), r.requests.length === 0 && delete t.calls[n];
|
|
1584
|
-
})), U.calls[
|
|
1605
|
+
})), U.calls[Xn.value] || (Xn.value = "");
|
|
1585
1606
|
});
|
|
1586
1607
|
}
|
|
1587
|
-
function
|
|
1588
|
-
|
|
1608
|
+
function Ln(e) {
|
|
1609
|
+
In((t) => Fn(t) < e);
|
|
1589
1610
|
}
|
|
1590
|
-
function
|
|
1591
|
-
|
|
1611
|
+
function Rn(e) {
|
|
1612
|
+
In((t) => t.startTime > e);
|
|
1592
1613
|
}
|
|
1593
|
-
function
|
|
1594
|
-
|
|
1614
|
+
function zn(e, t) {
|
|
1615
|
+
In((n) => n.startTime <= t && Fn(n) >= e);
|
|
1595
1616
|
}
|
|
1596
|
-
function
|
|
1617
|
+
function Bn(e) {
|
|
1597
1618
|
if (!e.headers) return null;
|
|
1598
|
-
let t = new Set(
|
|
1619
|
+
let t = new Set(Zn.visibleRequestHeaders.map((e) => e.toLowerCase())), n = {};
|
|
1599
1620
|
for (let [r, i] of Object.entries(e.headers)) n[r] = t.has(r.toLowerCase()) ? i : Ht(i);
|
|
1600
1621
|
return n;
|
|
1601
1622
|
}
|
|
1602
|
-
function
|
|
1603
|
-
return
|
|
1623
|
+
function Vn(e) {
|
|
1624
|
+
return Zn.visibleRequestHeaders.some((t) => t.toLowerCase() === e.toLowerCase());
|
|
1604
1625
|
}
|
|
1605
|
-
function
|
|
1626
|
+
function Hn(e) {
|
|
1606
1627
|
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
1607
1628
|
}
|
|
1608
|
-
function
|
|
1629
|
+
function Un(e) {
|
|
1609
1630
|
return Array.isArray(e);
|
|
1610
1631
|
}
|
|
1611
|
-
function
|
|
1632
|
+
function Wn(e) {
|
|
1612
1633
|
return e.toLowerCase().replaceAll("_", "").replaceAll("-", "");
|
|
1613
1634
|
}
|
|
1614
|
-
function
|
|
1615
|
-
let t = new Set(
|
|
1635
|
+
function Gn(e) {
|
|
1636
|
+
let t = new Set(Zn.sensitiveDataFields.map(Wn));
|
|
1616
1637
|
if (t.size === 0) return {
|
|
1617
1638
|
value: e,
|
|
1618
1639
|
hasMaskedFields: !1
|
|
1619
1640
|
};
|
|
1620
1641
|
let n = { maskedFields: 0 };
|
|
1621
1642
|
function r(e) {
|
|
1622
|
-
if (
|
|
1623
|
-
if (
|
|
1643
|
+
if (Un(e)) return e.map(r);
|
|
1644
|
+
if (Hn(e)) {
|
|
1624
1645
|
let i = {};
|
|
1625
|
-
for (let [a, o] of Object.entries(e)) t.has(
|
|
1646
|
+
for (let [a, o] of Object.entries(e)) t.has(Wn(a)) ? (n.maskedFields++, i[a] = Ht(o)) : i[a] = r(o);
|
|
1626
1647
|
return i;
|
|
1627
1648
|
}
|
|
1628
1649
|
return e;
|
|
@@ -1636,24 +1657,24 @@ function Hn(e) {
|
|
|
1636
1657
|
hasMaskedFields: !1
|
|
1637
1658
|
};
|
|
1638
1659
|
}
|
|
1639
|
-
function
|
|
1660
|
+
function Kn(e) {
|
|
1640
1661
|
if (!e) return;
|
|
1641
1662
|
let t = {}, n = !1;
|
|
1642
1663
|
for (let [r, i] of Object.entries(e)) typeof i == "string" && (t[r] = i, n = !0);
|
|
1643
1664
|
return n ? t : void 0;
|
|
1644
1665
|
}
|
|
1645
|
-
function
|
|
1666
|
+
function qn(e) {
|
|
1646
1667
|
if (!e) return;
|
|
1647
1668
|
let t = [];
|
|
1648
1669
|
for (let n of e) n && (typeof n == "string" ? t.push({ message: n }) : t.push({
|
|
1649
1670
|
message: n.message,
|
|
1650
|
-
details: n.details === void 0 ? void 0 :
|
|
1671
|
+
details: n.details === void 0 ? void 0 : cn(n.details)
|
|
1651
1672
|
}));
|
|
1652
1673
|
return t.length > 0 ? t : void 0;
|
|
1653
1674
|
}
|
|
1654
|
-
var
|
|
1655
|
-
function
|
|
1656
|
-
let t =
|
|
1675
|
+
var Jn = 500;
|
|
1676
|
+
function Yn(e) {
|
|
1677
|
+
let t = Zn.maxRequestsSizeMb * 1024 * 1024, n = 0, r = 0;
|
|
1657
1678
|
for (let t of Object.values(e.calls)) {
|
|
1658
1679
|
n += t.requests.length;
|
|
1659
1680
|
for (let e of t.requests) r += e.approxSize;
|
|
@@ -1671,7 +1692,7 @@ function Kn(e) {
|
|
|
1671
1692
|
n--, r -= o ? o.approxSize : 0, a.requests.length === 0 && delete e.calls[t];
|
|
1672
1693
|
}
|
|
1673
1694
|
}
|
|
1674
|
-
var
|
|
1695
|
+
var Xn = H(""), Zn = {
|
|
1675
1696
|
callsProcessor: [],
|
|
1676
1697
|
visibleRequestHeaders: [],
|
|
1677
1698
|
sensitiveDataFields: [
|
|
@@ -1688,14 +1709,14 @@ var qn = H(""), Jn = {
|
|
|
1688
1709
|
],
|
|
1689
1710
|
maxRequestsSizeMb: 30
|
|
1690
1711
|
};
|
|
1691
|
-
function
|
|
1692
|
-
|
|
1693
|
-
...
|
|
1712
|
+
function Qn(e) {
|
|
1713
|
+
Zn = {
|
|
1714
|
+
...Zn,
|
|
1694
1715
|
...e
|
|
1695
1716
|
};
|
|
1696
1717
|
}
|
|
1697
|
-
function
|
|
1698
|
-
|
|
1718
|
+
function $n({ type: e, response: t, payload: n, event: r, startTime: i }) {
|
|
1719
|
+
er({
|
|
1699
1720
|
type: "ws",
|
|
1700
1721
|
path: r,
|
|
1701
1722
|
payload: n,
|
|
@@ -1707,12 +1728,12 @@ function Xn({ type: e, response: t, payload: n, event: r, startTime: i }) {
|
|
|
1707
1728
|
response: t
|
|
1708
1729
|
});
|
|
1709
1730
|
}
|
|
1710
|
-
function
|
|
1731
|
+
function er(e) {
|
|
1711
1732
|
let t = e.startTime || Date.now(), n = r(), i = null;
|
|
1712
|
-
return
|
|
1733
|
+
return jn(An((r) => {
|
|
1713
1734
|
let a = tn(() => new URL(e.path, "http://localhost"));
|
|
1714
1735
|
Jt(a);
|
|
1715
|
-
let o = a.searchParams.toString() === "" ? null : Object.fromEntries(a.searchParams.entries()), s = null, c =
|
|
1736
|
+
let o = a.searchParams.toString() === "" ? null : Object.fromEntries(a.searchParams.entries()), s = null, c = Zn.callsProcessor.find((t) => {
|
|
1716
1737
|
if (typeof t.match == "string") {
|
|
1717
1738
|
if (t.matchType && t.matchType !== e.type || t.matchSubType && e.subType && t.matchSubType.includes(e.subType)) return !1;
|
|
1718
1739
|
let n = nn(a.pathname, t.match);
|
|
@@ -1736,7 +1757,7 @@ function Zn(e) {
|
|
|
1736
1757
|
requests: [],
|
|
1737
1758
|
type: e.type,
|
|
1738
1759
|
subType: e.subType
|
|
1739
|
-
},
|
|
1760
|
+
}, Xn.value = u);
|
|
1740
1761
|
let f = r.calls[u];
|
|
1741
1762
|
Jt(f), f.lastRequestStartTime = t;
|
|
1742
1763
|
let p = {
|
|
@@ -1748,7 +1769,7 @@ function Zn(e) {
|
|
|
1748
1769
|
metadata: void 0,
|
|
1749
1770
|
response: void 0,
|
|
1750
1771
|
path: e.path.replace(/^\//, ""),
|
|
1751
|
-
payload:
|
|
1772
|
+
payload: cn(e.payload),
|
|
1752
1773
|
searchParams: o,
|
|
1753
1774
|
startTime: t,
|
|
1754
1775
|
type: e.type,
|
|
@@ -1756,36 +1777,36 @@ function Zn(e) {
|
|
|
1756
1777
|
subType: e.subType,
|
|
1757
1778
|
code: void 0,
|
|
1758
1779
|
tags: Kt(Gt(e.tags, [])),
|
|
1759
|
-
warnings:
|
|
1760
|
-
headers:
|
|
1780
|
+
warnings: qn(e.warnings),
|
|
1781
|
+
headers: Kn(e.headers),
|
|
1761
1782
|
unusedResponseData: void 0,
|
|
1762
|
-
approxSize:
|
|
1783
|
+
approxSize: Jn + Ut(e.payload)
|
|
1763
1784
|
}, m = tn(() => c?.payloadAlias?.(p.payload, p));
|
|
1764
|
-
m && (p.alias = m), f.requests.push(p),
|
|
1785
|
+
m && (p.alias = m), f.requests.push(p), Yn(r);
|
|
1765
1786
|
})), ({ isError: r, status: a, response: o, metadata: s, tags: c, warnings: l, unusedResponseData: u }) => {
|
|
1766
1787
|
let d = e.duration || Date.now() - t;
|
|
1767
|
-
|
|
1788
|
+
jn(An((e) => {
|
|
1768
1789
|
let t = (i ? e.calls[i] : void 0)?.requests.find((e) => e.id === n);
|
|
1769
1790
|
if (t) {
|
|
1770
|
-
if (t.status = r ? "error" : "success", t.isError = r, t.duration = d, t.code = a, t.response =
|
|
1771
|
-
let e =
|
|
1772
|
-
t.unusedResponseData = e
|
|
1791
|
+
if (t.status = r ? "error" : "success", t.isError = r, t.duration = d, t.code = a, t.response = cn(o), t.metadata = cn(s), t.approxSize += Ut(o) + Ut(s), t.tags = Kt(Gt(t.tags, c)), t.warnings = qn(Gt(t.warnings, l)), u) {
|
|
1792
|
+
let e = an(u);
|
|
1793
|
+
t.unusedResponseData = e ? cn(e) : void 0;
|
|
1773
1794
|
}
|
|
1774
|
-
|
|
1795
|
+
Yn(e);
|
|
1775
1796
|
}
|
|
1776
1797
|
}));
|
|
1777
1798
|
};
|
|
1778
1799
|
}
|
|
1779
1800
|
//#endregion
|
|
1780
1801
|
//#region src/style/helpers/inline.ts
|
|
1781
|
-
var
|
|
1802
|
+
var tr = {
|
|
1782
1803
|
left: "flex-start",
|
|
1783
1804
|
center: "center",
|
|
1784
1805
|
right: "flex-end",
|
|
1785
1806
|
spaceBetween: "space-between",
|
|
1786
1807
|
spaceAround: "space-around",
|
|
1787
1808
|
spaceEvenly: "space-evenly"
|
|
1788
|
-
},
|
|
1809
|
+
}, nr = {
|
|
1789
1810
|
top: "flex-start",
|
|
1790
1811
|
bottom: "flex-end",
|
|
1791
1812
|
center: "center",
|
|
@@ -1794,16 +1815,16 @@ var Qn = {
|
|
|
1794
1815
|
display: flex;
|
|
1795
1816
|
column-gap: ${n}px;
|
|
1796
1817
|
flex-direction: row;
|
|
1797
|
-
justify-content: ${
|
|
1798
|
-
align-items: ${
|
|
1799
|
-
`,
|
|
1818
|
+
justify-content: ${tr[e]};
|
|
1819
|
+
align-items: ${nr[t]};
|
|
1820
|
+
`, rr = {
|
|
1800
1821
|
top: "flex-start",
|
|
1801
1822
|
center: "center",
|
|
1802
1823
|
bottom: "flex-end",
|
|
1803
1824
|
spaceBetween: "space-between",
|
|
1804
1825
|
spaceAround: "space-around",
|
|
1805
1826
|
spaceEvenly: "space-evenly"
|
|
1806
|
-
},
|
|
1827
|
+
}, ir = {
|
|
1807
1828
|
left: "flex-start",
|
|
1808
1829
|
right: "flex-end",
|
|
1809
1830
|
center: "center",
|
|
@@ -1812,28 +1833,28 @@ var Qn = {
|
|
|
1812
1833
|
row-gap: ${n}px;
|
|
1813
1834
|
display: flex;
|
|
1814
1835
|
flex-direction: column;
|
|
1815
|
-
justify-content: ${
|
|
1816
|
-
align-items: ${
|
|
1836
|
+
justify-content: ${rr[e]};
|
|
1837
|
+
align-items: ${ir[t]};
|
|
1817
1838
|
`;
|
|
1818
1839
|
//#endregion
|
|
1819
1840
|
//#region utils/hexToRgb.ts
|
|
1820
|
-
function
|
|
1841
|
+
function ar(e) {
|
|
1821
1842
|
if (e.length < 4) throw Error("Invalid hex value");
|
|
1822
1843
|
return (e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (e, t, n, r) => `#${t}${t}${n}${n}${r}${r}`).substring(1).match(/.{2}/g) || []).map((e) => parseInt(e, 16));
|
|
1823
1844
|
}
|
|
1824
1845
|
//#endregion
|
|
1825
1846
|
//#region utils/typed.ts
|
|
1826
|
-
function
|
|
1847
|
+
function or(e) {
|
|
1827
1848
|
return Object.entries(e);
|
|
1828
1849
|
}
|
|
1829
1850
|
//#endregion
|
|
1830
1851
|
//#region utils/createThemev2.ts
|
|
1831
|
-
var
|
|
1832
|
-
function
|
|
1852
|
+
var sr = document.documentElement.style, cr = 1;
|
|
1853
|
+
function lr(e) {
|
|
1833
1854
|
let t = {};
|
|
1834
|
-
for (let [n, r] of
|
|
1835
|
-
let [e, i, a] =
|
|
1836
|
-
|
|
1855
|
+
for (let [n, r] of or(e)) {
|
|
1856
|
+
let [e, i, a] = ar(r), o = `c${cr}`;
|
|
1857
|
+
cr++, sr.setProperty(`--${o}-r`, String(e)), sr.setProperty(`--${o}-g`, String(i)), sr.setProperty(`--${o}-b`, String(a)), sr.setProperty(`--${o}`, r), t[n] = {
|
|
1837
1858
|
red: e,
|
|
1838
1859
|
green: i,
|
|
1839
1860
|
blue: a,
|
|
@@ -1862,7 +1883,7 @@ function or(e) {
|
|
|
1862
1883
|
}
|
|
1863
1884
|
//#endregion
|
|
1864
1885
|
//#region src/style/theme.ts
|
|
1865
|
-
var K =
|
|
1886
|
+
var K = lr({
|
|
1866
1887
|
bgPrimary: "#0F172A",
|
|
1867
1888
|
bgSecondary: "#1E293B",
|
|
1868
1889
|
textPrimary: "#fff",
|
|
@@ -1875,26 +1896,26 @@ var K = or({
|
|
|
1875
1896
|
bg: "#EAEFFF",
|
|
1876
1897
|
white: "#fff",
|
|
1877
1898
|
black: "#000"
|
|
1878
|
-
}),
|
|
1899
|
+
}), ur = {
|
|
1879
1900
|
modal: "0px 8px 16px rgba(26, 34, 46, 0.04)",
|
|
1880
1901
|
button: "0px 1px 8px rgba(26, 34, 46, 0.06)",
|
|
1881
1902
|
hardShadow: "0px 1px 8px rgba(26, 34, 46, 0.16)"
|
|
1882
1903
|
}, q = {
|
|
1883
1904
|
primary: "\"Work Sans\", sans-serif",
|
|
1884
1905
|
decorative: "\"Fira Code\", monospace"
|
|
1885
|
-
},
|
|
1886
|
-
function
|
|
1887
|
-
|
|
1888
|
-
|
|
1906
|
+
}, dr = H(null), fr;
|
|
1907
|
+
function pr(e) {
|
|
1908
|
+
dr.value = e, clearTimeout(fr), fr = window.setTimeout(() => {
|
|
1909
|
+
dr.value = null;
|
|
1889
1910
|
}, 2e3);
|
|
1890
1911
|
}
|
|
1891
1912
|
//#endregion
|
|
1892
1913
|
//#region src/components/AddMarkerDialog.tsx
|
|
1893
|
-
var
|
|
1894
|
-
function
|
|
1895
|
-
|
|
1914
|
+
var mr = /*#__PURE__*/ P("<div><div><h1>add marker</h1><input type=text placeholder=\"Marker label (optional)\"><div class=actions>"), hr = /*#__PURE__*/ P("<span class=time>at "), gr = H(null);
|
|
1915
|
+
function _r(e) {
|
|
1916
|
+
gr.value = { time: e };
|
|
1896
1917
|
}
|
|
1897
|
-
var
|
|
1918
|
+
var vr = B`
|
|
1898
1919
|
&&& {
|
|
1899
1920
|
position: absolute;
|
|
1900
1921
|
inset: 0;
|
|
@@ -1902,7 +1923,7 @@ var hr = B`
|
|
|
1902
1923
|
background: ${K.black.alpha(.5)};
|
|
1903
1924
|
${W({ justify: "center" })};
|
|
1904
1925
|
}
|
|
1905
|
-
`,
|
|
1926
|
+
`, yr = B`
|
|
1906
1927
|
&&& {
|
|
1907
1928
|
${G({ align: "stretch" })};
|
|
1908
1929
|
width: 360px;
|
|
@@ -1910,7 +1931,7 @@ var hr = B`
|
|
|
1910
1931
|
background: ${K.bgSecondary.var};
|
|
1911
1932
|
border: 1px solid ${K.white.alpha(.1)};
|
|
1912
1933
|
border-radius: 8px;
|
|
1913
|
-
box-shadow: ${
|
|
1934
|
+
box-shadow: ${ur.modal};
|
|
1914
1935
|
padding: 16px;
|
|
1915
1936
|
gap: 12px;
|
|
1916
1937
|
|
|
@@ -1967,24 +1988,24 @@ var hr = B`
|
|
|
1967
1988
|
}
|
|
1968
1989
|
}
|
|
1969
1990
|
}
|
|
1970
|
-
`,
|
|
1971
|
-
let [t, n] = D(""), r = k(() =>
|
|
1991
|
+
`, br = () => {
|
|
1992
|
+
let [t, n] = D(""), r = k(() => gr.value?.time);
|
|
1972
1993
|
function i() {
|
|
1973
|
-
|
|
1994
|
+
gr.value = null;
|
|
1974
1995
|
}
|
|
1975
1996
|
function a() {
|
|
1976
|
-
|
|
1997
|
+
Mn(t().trim() || void 0, r()), pr("Marker added"), i();
|
|
1977
1998
|
}
|
|
1978
1999
|
return (() => {
|
|
1979
|
-
var o =
|
|
2000
|
+
var o = mr(), s = o.firstChild, c = s.firstChild;
|
|
1980
2001
|
c.firstChild;
|
|
1981
2002
|
var l = c.nextSibling, u = l.nextSibling;
|
|
1982
2003
|
return o.$$click = (e) => {
|
|
1983
2004
|
e.target === e.currentTarget && i();
|
|
1984
|
-
}, I(o,
|
|
2005
|
+
}, I(o, vr), I(s, yr), R(c, (() => {
|
|
1985
2006
|
var t = N(() => r() !== void 0);
|
|
1986
2007
|
return () => t() && (() => {
|
|
1987
|
-
var t =
|
|
2008
|
+
var t = hr();
|
|
1988
2009
|
return t.firstChild, R(t, () => e(r()).format("HH:mm:ss.SSS"), null), t;
|
|
1989
2010
|
})();
|
|
1990
2011
|
})(), null), l.$$keydown = (e) => {
|
|
@@ -2012,12 +2033,12 @@ it([
|
|
|
2012
2033
|
]);
|
|
2013
2034
|
//#endregion
|
|
2014
2035
|
//#region src/stores/logsStore.ts
|
|
2015
|
-
var
|
|
2016
|
-
function
|
|
2017
|
-
|
|
2036
|
+
var xr = 100, Sr = 10;
|
|
2037
|
+
function Cr(e) {
|
|
2038
|
+
Sr = e, Er(An(wr));
|
|
2018
2039
|
}
|
|
2019
|
-
function
|
|
2020
|
-
let t =
|
|
2040
|
+
function wr(e) {
|
|
2041
|
+
let t = Sr * 1024 * 1024, n = 0;
|
|
2021
2042
|
for (let t of e.logs) n += t.approxSize;
|
|
2022
2043
|
let r = 0;
|
|
2023
2044
|
for (; n > t && r < e.logs.length - 1;) {
|
|
@@ -2027,27 +2048,27 @@ function xr(e) {
|
|
|
2027
2048
|
}
|
|
2028
2049
|
r > 0 && e.logs.splice(0, r);
|
|
2029
2050
|
}
|
|
2030
|
-
var [
|
|
2031
|
-
function
|
|
2032
|
-
|
|
2051
|
+
var [Tr, Er] = Dn({ logs: [] });
|
|
2052
|
+
function Dr(e) {
|
|
2053
|
+
Er(An((t) => {
|
|
2033
2054
|
t.logs.push({
|
|
2034
2055
|
id: r(),
|
|
2035
2056
|
severity: e.severity || "info",
|
|
2036
2057
|
message: e.message,
|
|
2037
2058
|
category: e.category,
|
|
2038
|
-
details: e.details === void 0 ? void 0 :
|
|
2059
|
+
details: e.details === void 0 ? void 0 : cn(e.details),
|
|
2039
2060
|
time: e.time || Date.now(),
|
|
2040
|
-
approxSize:
|
|
2041
|
-
}),
|
|
2061
|
+
approxSize: xr + e.message.length + Ut(e.details)
|
|
2062
|
+
}), wr(t);
|
|
2042
2063
|
}));
|
|
2043
2064
|
}
|
|
2044
|
-
function
|
|
2045
|
-
|
|
2065
|
+
function Or() {
|
|
2066
|
+
Er({ logs: [] });
|
|
2046
2067
|
}
|
|
2047
|
-
function
|
|
2048
|
-
|
|
2068
|
+
function kr(e) {
|
|
2069
|
+
Er("logs", (t) => t.filter((t) => t.id !== e));
|
|
2049
2070
|
}
|
|
2050
|
-
function
|
|
2071
|
+
function Ar(e, t = (e) => e) {
|
|
2051
2072
|
return {
|
|
2052
2073
|
time: e.time,
|
|
2053
2074
|
timeISO: new Date(e.time).toISOString(),
|
|
@@ -2059,19 +2080,19 @@ function Dr(e, t = (e) => e) {
|
|
|
2059
2080
|
}
|
|
2060
2081
|
//#endregion
|
|
2061
2082
|
//#region src/utils/copyToClipboard.ts
|
|
2062
|
-
async function
|
|
2083
|
+
async function jr(e) {
|
|
2063
2084
|
let t = typeof e == "string" ? e : typeof e == "object" && e ? JSON.stringify(e, null, 2) : String(e);
|
|
2064
|
-
await navigator.clipboard.writeText(t),
|
|
2085
|
+
await navigator.clipboard.writeText(t), pr("Copied to clipboard");
|
|
2065
2086
|
}
|
|
2066
2087
|
//#endregion
|
|
2067
2088
|
//#region src/utils/downloadJson.ts
|
|
2068
|
-
function
|
|
2089
|
+
function Mr(e, t) {
|
|
2069
2090
|
let n = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), r = URL.createObjectURL(n), i = document.createElement("a");
|
|
2070
2091
|
i.href = r, i.download = `${t}-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.json`, i.click(), URL.revokeObjectURL(r);
|
|
2071
2092
|
}
|
|
2072
2093
|
//#endregion
|
|
2073
2094
|
//#region src/components/ExportHistoryDialog.tsx
|
|
2074
|
-
var
|
|
2095
|
+
var Nr = /*#__PURE__*/ P("<div><div><h1>export history"), Pr = /*#__PURE__*/ P("<div class=empty>no requests to export"), Fr = /*#__PURE__*/ P("<h2>Calls to include"), Ir = /*#__PURE__*/ P("<div class=select-buttons>"), Lr = /*#__PURE__*/ P("<div class=calls-list>"), Rr = /*#__PURE__*/ P("<div class=options><label><input type=checkbox><span>Include responses</span></label><label><input type=checkbox><span>Privacy mode</span><span class=description>values are replaced by type descriptions"), zr = /*#__PURE__*/ P("<div class=actions>"), Br = /*#__PURE__*/ P("<label><input type=checkbox><span></span><span class=count> request"), Vr = /*#__PURE__*/ P("<label><input type=checkbox><span>Include logs</span><span class=count> logs"), Hr = H(!1), Ur = B`
|
|
2075
2096
|
&&& {
|
|
2076
2097
|
position: absolute;
|
|
2077
2098
|
inset: 0;
|
|
@@ -2079,7 +2100,7 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
|
|
|
2079
2100
|
background: ${K.black.alpha(.5)};
|
|
2080
2101
|
${W({ justify: "center" })};
|
|
2081
2102
|
}
|
|
2082
|
-
`,
|
|
2103
|
+
`, Wr = B`
|
|
2083
2104
|
&&& {
|
|
2084
2105
|
${G({ align: "stretch" })};
|
|
2085
2106
|
width: 480px;
|
|
@@ -2088,7 +2109,7 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
|
|
|
2088
2109
|
background: ${K.bgSecondary.var};
|
|
2089
2110
|
border: 1px solid ${K.white.alpha(.1)};
|
|
2090
2111
|
border-radius: 8px;
|
|
2091
|
-
box-shadow: ${
|
|
2112
|
+
box-shadow: ${ur.modal};
|
|
2092
2113
|
padding: 16px;
|
|
2093
2114
|
gap: 12px;
|
|
2094
2115
|
|
|
@@ -2185,10 +2206,10 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
|
|
|
2185
2206
|
font-size: 13px;
|
|
2186
2207
|
}
|
|
2187
2208
|
}
|
|
2188
|
-
`,
|
|
2209
|
+
`, Gr = () => {
|
|
2189
2210
|
let e = {};
|
|
2190
2211
|
for (let t of Object.keys(U.calls)) e[t] = !0;
|
|
2191
|
-
let [t, n] =
|
|
2212
|
+
let [t, n] = Dn(e), [r, i] = D(!0), [a, o] = D(!0), [s, c] = D(!1), l = k(() => Object.entries(U.calls));
|
|
2192
2213
|
function u(e) {
|
|
2193
2214
|
return s() ? Ht(e) : e;
|
|
2194
2215
|
}
|
|
@@ -2224,26 +2245,26 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
|
|
|
2224
2245
|
alias: e.alias,
|
|
2225
2246
|
payload: u(e.payload),
|
|
2226
2247
|
searchParams: e.searchParams,
|
|
2227
|
-
headers: e.headers ? u(
|
|
2248
|
+
headers: e.headers ? u(Bn(e)) : void 0,
|
|
2228
2249
|
...r() ? { response: u(e.response) } : {}
|
|
2229
2250
|
}))
|
|
2230
2251
|
})),
|
|
2231
|
-
...a() &&
|
|
2252
|
+
...a() && Tr.logs.length > 0 ? { logs: Tr.logs.map((e) => Ar(e, u)) } : {}
|
|
2232
2253
|
};
|
|
2233
2254
|
}
|
|
2234
2255
|
function f() {
|
|
2235
|
-
|
|
2256
|
+
Mr(d(), "devtools-history"), pr("History downloaded"), Hr.value = !1;
|
|
2236
2257
|
}
|
|
2237
2258
|
return (() => {
|
|
2238
|
-
var e =
|
|
2259
|
+
var e = Nr(), u = e.firstChild;
|
|
2239
2260
|
return u.firstChild, e.$$click = (e) => {
|
|
2240
|
-
e.target === e.currentTarget && (
|
|
2241
|
-
}, I(e,
|
|
2261
|
+
e.target === e.currentTarget && (Hr.value = !1);
|
|
2262
|
+
}, I(e, Ur), I(u, Wr), R(u, (() => {
|
|
2242
2263
|
var e = N(() => l().length === 0);
|
|
2243
|
-
return () => e() ?
|
|
2244
|
-
|
|
2264
|
+
return () => e() ? Pr() : [
|
|
2265
|
+
Fr(),
|
|
2245
2266
|
(() => {
|
|
2246
|
-
var e =
|
|
2267
|
+
var e = Ir();
|
|
2247
2268
|
return R(e, A(z, {
|
|
2248
2269
|
onClick: () => {
|
|
2249
2270
|
for (let [e] of l()) n(e, !0);
|
|
@@ -2257,13 +2278,13 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
|
|
|
2257
2278
|
}), null), e;
|
|
2258
2279
|
})(),
|
|
2259
2280
|
(() => {
|
|
2260
|
-
var e =
|
|
2281
|
+
var e = Lr();
|
|
2261
2282
|
return R(e, A(j, {
|
|
2262
2283
|
get each() {
|
|
2263
2284
|
return l();
|
|
2264
2285
|
},
|
|
2265
2286
|
children: ([e, r]) => (() => {
|
|
2266
|
-
var i =
|
|
2287
|
+
var i = Br(), a = i.firstChild, o = a.nextSibling, s = o.nextSibling, c = s.firstChild;
|
|
2267
2288
|
return a.addEventListener("change", (t) => {
|
|
2268
2289
|
n(e, t.currentTarget.checked);
|
|
2269
2290
|
}), R(o, () => r.name), R(s, () => r.requests.length, c), R(s, () => r.requests.length === 1 ? "" : "s", null), O(() => a.checked = !!t[e]), i;
|
|
@@ -2271,26 +2292,26 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
|
|
|
2271
2292
|
})), e;
|
|
2272
2293
|
})(),
|
|
2273
2294
|
(() => {
|
|
2274
|
-
var e =
|
|
2295
|
+
var e = Rr(), t = e.firstChild, n = t.firstChild, l = t.nextSibling, u = l.firstChild;
|
|
2275
2296
|
return n.addEventListener("change", (e) => {
|
|
2276
2297
|
i(() => e.currentTarget.checked);
|
|
2277
2298
|
}), R(e, (() => {
|
|
2278
|
-
var e = N(() =>
|
|
2299
|
+
var e = N(() => Tr.logs.length > 0);
|
|
2279
2300
|
return () => e() && (() => {
|
|
2280
|
-
var e =
|
|
2301
|
+
var e = Vr(), t = e.firstChild, n = t.nextSibling.nextSibling, r = n.firstChild;
|
|
2281
2302
|
return t.addEventListener("change", (e) => {
|
|
2282
2303
|
o(() => e.currentTarget.checked);
|
|
2283
|
-
}), R(n, () =>
|
|
2304
|
+
}), R(n, () => Tr.logs.length, r), O(() => t.checked = a()), e;
|
|
2284
2305
|
})();
|
|
2285
2306
|
})(), l), u.addEventListener("change", (e) => {
|
|
2286
2307
|
c(() => e.currentTarget.checked);
|
|
2287
2308
|
}), O(() => n.checked = r()), O(() => u.checked = s()), e;
|
|
2288
2309
|
})(),
|
|
2289
2310
|
(() => {
|
|
2290
|
-
var e =
|
|
2311
|
+
var e = zr();
|
|
2291
2312
|
return R(e, A(z, {
|
|
2292
2313
|
onClick: () => {
|
|
2293
|
-
|
|
2314
|
+
Hr.value = !1;
|
|
2294
2315
|
},
|
|
2295
2316
|
children: "Cancel"
|
|
2296
2317
|
}), null), R(e, A(z, {
|
|
@@ -2301,8 +2322,8 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
|
|
|
2301
2322
|
}), null), R(e, A(z, {
|
|
2302
2323
|
class: "primary",
|
|
2303
2324
|
onClick: () => {
|
|
2304
|
-
|
|
2305
|
-
|
|
2325
|
+
jr(JSON.stringify(d(), null, 2)).then(() => {
|
|
2326
|
+
Hr.value = !1;
|
|
2306
2327
|
});
|
|
2307
2328
|
},
|
|
2308
2329
|
get children() {
|
|
@@ -2317,7 +2338,7 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
|
|
|
2317
2338
|
it(["click"]);
|
|
2318
2339
|
//#endregion
|
|
2319
2340
|
//#region src/components/Toast.tsx
|
|
2320
|
-
var
|
|
2341
|
+
var Kr = /*#__PURE__*/ P("<div>"), qr = B`
|
|
2321
2342
|
&&& {
|
|
2322
2343
|
position: absolute;
|
|
2323
2344
|
bottom: 16px;
|
|
@@ -2331,18 +2352,18 @@ var Ur = /*#__PURE__*/ P("<div>"), Wr = B`
|
|
|
2331
2352
|
padding: 8px 16px;
|
|
2332
2353
|
font-size: 13px;
|
|
2333
2354
|
font-family: ${q.decorative};
|
|
2334
|
-
box-shadow: ${
|
|
2355
|
+
box-shadow: ${ur.hardShadow};
|
|
2335
2356
|
pointer-events: none;
|
|
2336
2357
|
}
|
|
2337
|
-
`,
|
|
2358
|
+
`, Jr = () => A(M, {
|
|
2338
2359
|
get when() {
|
|
2339
|
-
return
|
|
2360
|
+
return dr.value;
|
|
2340
2361
|
},
|
|
2341
2362
|
get children() {
|
|
2342
|
-
var e =
|
|
2343
|
-
return I(e,
|
|
2363
|
+
var e = Kr();
|
|
2364
|
+
return I(e, qr), R(e, () => dr.value), e;
|
|
2344
2365
|
}
|
|
2345
|
-
}),
|
|
2366
|
+
}), Yr = /*#__PURE__*/ P("<div>"), Xr = B`
|
|
2346
2367
|
&&& {
|
|
2347
2368
|
position: relative;
|
|
2348
2369
|
z-index: 10;
|
|
@@ -2365,13 +2386,13 @@ var Ur = /*#__PURE__*/ P("<div>"), Wr = B`
|
|
|
2365
2386
|
}
|
|
2366
2387
|
}
|
|
2367
2388
|
`;
|
|
2368
|
-
function
|
|
2389
|
+
function Zr(e) {
|
|
2369
2390
|
return Array.isArray(e);
|
|
2370
2391
|
}
|
|
2371
|
-
function
|
|
2372
|
-
return
|
|
2392
|
+
function Qr(e) {
|
|
2393
|
+
return Zr(e) && e.every((e) => typeof e == "number" && Number.isFinite(e));
|
|
2373
2394
|
}
|
|
2374
|
-
function
|
|
2395
|
+
function $r({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
|
|
2375
2396
|
let r = `app-devtools-panels-${e}`;
|
|
2376
2397
|
function i(e) {
|
|
2377
2398
|
let t = e.reduce((e, t) => e + t, 0);
|
|
@@ -2382,7 +2403,7 @@ function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
|
|
|
2382
2403
|
let e = window.localStorage.getItem(r);
|
|
2383
2404
|
if (!e) return null;
|
|
2384
2405
|
let n = JSON.parse(e);
|
|
2385
|
-
return !
|
|
2406
|
+
return !Qr(n) || n.length !== t.length ? null : i(n);
|
|
2386
2407
|
} catch {
|
|
2387
2408
|
return null;
|
|
2388
2409
|
}
|
|
@@ -2399,7 +2420,7 @@ function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
|
|
|
2399
2420
|
function l(e) {
|
|
2400
2421
|
let r = H(!1);
|
|
2401
2422
|
return (() => {
|
|
2402
|
-
var a =
|
|
2423
|
+
var a = Yr();
|
|
2403
2424
|
return a.$$pointerdown = (t) => {
|
|
2404
2425
|
let i = t.currentTarget.parentElement;
|
|
2405
2426
|
if (!i) return;
|
|
@@ -2419,7 +2440,7 @@ function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
|
|
|
2419
2440
|
a.addEventListener("pointermove", d), a.addEventListener("pointerup", f), a.addEventListener("pointercancel", f);
|
|
2420
2441
|
}, a.$$dblclick = () => {
|
|
2421
2442
|
s.value = i(t), o(s.value);
|
|
2422
|
-
}, I(a,
|
|
2443
|
+
}, I(a, Xr), O(() => a.classList.toggle("dragging", !!r.value)), a;
|
|
2423
2444
|
})();
|
|
2424
2445
|
}
|
|
2425
2446
|
return {
|
|
@@ -2430,13 +2451,13 @@ function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
|
|
|
2430
2451
|
it(["dblclick", "pointerdown"]);
|
|
2431
2452
|
//#endregion
|
|
2432
2453
|
//#region src/stores/uiStore.ts
|
|
2433
|
-
var
|
|
2454
|
+
var ei = H(!1), [J, ti] = Dn({
|
|
2434
2455
|
selectedPage: "explorer",
|
|
2435
2456
|
selectedCall: null,
|
|
2436
2457
|
selectedRequest: null,
|
|
2437
2458
|
selectedTab: null,
|
|
2438
2459
|
selectedSubitem: null
|
|
2439
|
-
}), Y = "\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: norma;\n max-width: 100%;\n",
|
|
2460
|
+
}), Y = "\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: norma;\n max-width: 100%;\n", ni = B`
|
|
2440
2461
|
font-size: 10px;
|
|
2441
2462
|
font-family: ${q.decorative};
|
|
2442
2463
|
font-weight: 600;
|
|
@@ -2482,14 +2503,14 @@ var Zr = H(!1), [J, Qr] = wn({
|
|
|
2482
2503
|
color: ${K.secondary.var};
|
|
2483
2504
|
background: ${K.secondary.alpha(.14)};
|
|
2484
2505
|
}
|
|
2485
|
-
`,
|
|
2506
|
+
`, ri = [
|
|
2486
2507
|
"get",
|
|
2487
2508
|
"post",
|
|
2488
2509
|
"put",
|
|
2489
2510
|
"patch",
|
|
2490
2511
|
"delete"
|
|
2491
2512
|
];
|
|
2492
|
-
function
|
|
2513
|
+
function ii({ type: e, subType: t, method: n }) {
|
|
2493
2514
|
if (e === "ws") return t === "send" ? {
|
|
2494
2515
|
label: "↑ send",
|
|
2495
2516
|
class: "ws-send",
|
|
@@ -2503,7 +2524,7 @@ function ti({ type: e, subType: t, method: n }) {
|
|
|
2503
2524
|
let t = n.toLowerCase();
|
|
2504
2525
|
return {
|
|
2505
2526
|
label: n,
|
|
2506
|
-
class:
|
|
2527
|
+
class: ri.includes(t) ? t : "",
|
|
2507
2528
|
description: `${e} (${n})`
|
|
2508
2529
|
};
|
|
2509
2530
|
}
|
|
@@ -2531,7 +2552,7 @@ function ti({ type: e, subType: t, method: n }) {
|
|
|
2531
2552
|
}
|
|
2532
2553
|
//#endregion
|
|
2533
2554
|
//#region src/pages/api-explorer/ApiExplorerMenuItem.tsx
|
|
2534
|
-
var
|
|
2555
|
+
var ai = /*#__PURE__*/ P("<div>"), oi = /*#__PURE__*/ P("<span>"), si = /*#__PURE__*/ P("<div><div class=call>"), ci = B`
|
|
2535
2556
|
&&& {
|
|
2536
2557
|
font-size: 14px;
|
|
2537
2558
|
${G()};
|
|
@@ -2601,35 +2622,35 @@ var ni = /*#__PURE__*/ P("<div>"), ri = /*#__PURE__*/ P("<span>"), ii = /*#__PUR
|
|
|
2601
2622
|
}
|
|
2602
2623
|
}
|
|
2603
2624
|
}
|
|
2604
|
-
`,
|
|
2605
|
-
let t = k(() => e.item), n = k(() => e.currentCallId), r = H(e.item.subitemsWithAlias.length < 4), i =
|
|
2625
|
+
`, li = (e) => {
|
|
2626
|
+
let t = k(() => e.item), n = k(() => e.currentCallId), r = H(e.item.subitemsWithAlias.length < 4), i = ii({
|
|
2606
2627
|
type: e.item.type,
|
|
2607
2628
|
subType: e.item.subType,
|
|
2608
2629
|
method: e.item.requests.at(-1)?.method
|
|
2609
2630
|
});
|
|
2610
2631
|
return (() => {
|
|
2611
|
-
var e =
|
|
2612
|
-
return I(e,
|
|
2632
|
+
var e = si(), a = e.firstChild;
|
|
2633
|
+
return I(e, ci), R(a, A(z, {
|
|
2613
2634
|
onClick: () => {
|
|
2614
|
-
|
|
2635
|
+
ti({
|
|
2615
2636
|
selectedCall: t().id,
|
|
2616
2637
|
selectedSubitem: null,
|
|
2617
|
-
selectedRequest:
|
|
2638
|
+
selectedRequest: ui(t())
|
|
2618
2639
|
});
|
|
2619
2640
|
},
|
|
2620
2641
|
class: "call-button",
|
|
2621
2642
|
get children() {
|
|
2622
2643
|
return [(() => {
|
|
2623
|
-
var e =
|
|
2644
|
+
var e = ai();
|
|
2624
2645
|
return R(e, () => i.label), O((t) => {
|
|
2625
|
-
var n = `${
|
|
2646
|
+
var n = `${ni} ${i.class}`, r = i.description;
|
|
2626
2647
|
return n !== t.e && I(e, t.e = n), r !== t.t && F(e, "title", t.t = r), t;
|
|
2627
2648
|
}, {
|
|
2628
2649
|
e: void 0,
|
|
2629
2650
|
t: void 0
|
|
2630
2651
|
}), e;
|
|
2631
2652
|
})(), (() => {
|
|
2632
|
-
var e =
|
|
2653
|
+
var e = oi();
|
|
2633
2654
|
return R(e, () => t().name), O(() => F(e, "title", t().name)), e;
|
|
2634
2655
|
})()];
|
|
2635
2656
|
}
|
|
@@ -2662,14 +2683,14 @@ var ni = /*#__PURE__*/ P("<div>"), ri = /*#__PURE__*/ P("<span>"), ii = /*#__PUR
|
|
|
2662
2683
|
return { selected: n() === t().id && J.selectedSubitem === e };
|
|
2663
2684
|
},
|
|
2664
2685
|
onClick: () => {
|
|
2665
|
-
|
|
2686
|
+
ti({
|
|
2666
2687
|
selectedCall: t().id,
|
|
2667
2688
|
selectedSubitem: e,
|
|
2668
|
-
selectedRequest:
|
|
2689
|
+
selectedRequest: ui(t(), e)
|
|
2669
2690
|
});
|
|
2670
2691
|
},
|
|
2671
2692
|
get children() {
|
|
2672
|
-
var t =
|
|
2693
|
+
var t = oi();
|
|
2673
2694
|
return R(t, e), t;
|
|
2674
2695
|
}
|
|
2675
2696
|
})
|
|
@@ -2678,26 +2699,26 @@ var ni = /*#__PURE__*/ P("<div>"), ri = /*#__PURE__*/ P("<span>"), ii = /*#__PUR
|
|
|
2678
2699
|
}), null), O(() => a.classList.toggle("selected", n() === t().id)), e;
|
|
2679
2700
|
})();
|
|
2680
2701
|
};
|
|
2681
|
-
function
|
|
2702
|
+
function ui(e, t) {
|
|
2682
2703
|
let n = t ? e.requests.filter((e) => e.alias === t) : e.requests;
|
|
2683
2704
|
return (n.findLast((e) => e.status !== "pending") || n.at(-1))?.id ?? null;
|
|
2684
2705
|
}
|
|
2685
2706
|
//#endregion
|
|
2686
2707
|
//#region src/style/helpers/transition.ts
|
|
2687
|
-
var
|
|
2708
|
+
var di = {
|
|
2688
2709
|
short: 160,
|
|
2689
2710
|
medium: 240,
|
|
2690
2711
|
long: 360
|
|
2691
|
-
},
|
|
2712
|
+
}, fi = {
|
|
2692
2713
|
inOut: "cubic-bezier(0.4, 0.0, 0.2, 1)",
|
|
2693
2714
|
out: "cubic-bezier(0.0, 0.0, 0.2, 1)",
|
|
2694
2715
|
in: "cubic-bezier(0.4, 0.0, 1, 1)",
|
|
2695
2716
|
linear: "linear"
|
|
2696
|
-
},
|
|
2697
|
-
function
|
|
2717
|
+
}, pi = (e) => e === void 0 ? "" : `${e}ms`;
|
|
2718
|
+
function mi(e = {}) {
|
|
2698
2719
|
let { properties: t, duration: n, ease: r, delay: i } = e;
|
|
2699
2720
|
return `
|
|
2700
|
-
transition: ${
|
|
2721
|
+
transition: ${pi(typeof n == "number" ? n : di[n || "medium"])} ${fi[r || "inOut"]} ${pi(i)};
|
|
2701
2722
|
${t ? `
|
|
2702
2723
|
transition-property: ${t.join(", ") || ""};
|
|
2703
2724
|
` : ""}
|
|
@@ -2705,11 +2726,11 @@ function di(e = {}) {
|
|
|
2705
2726
|
}
|
|
2706
2727
|
//#endregion
|
|
2707
2728
|
//#region utils/normalizeString.ts
|
|
2708
|
-
var
|
|
2729
|
+
var hi = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
|
|
2709
2730
|
//#endregion
|
|
2710
2731
|
//#region utils/searchQueryMatch.ts
|
|
2711
|
-
function
|
|
2712
|
-
let n =
|
|
2732
|
+
function gi(e, t) {
|
|
2733
|
+
let n = hi(String(t)).indexOf(hi(String(e)));
|
|
2713
2734
|
return {
|
|
2714
2735
|
matched: n !== -1,
|
|
2715
2736
|
matchedIndex: n
|
|
@@ -2717,7 +2738,7 @@ function pi(e, t) {
|
|
|
2717
2738
|
}
|
|
2718
2739
|
//#endregion
|
|
2719
2740
|
//#region utils/sortBy.ts
|
|
2720
|
-
function
|
|
2741
|
+
function _i(e, t, { lowerFirst: n } = {}) {
|
|
2721
2742
|
return [...e].sort((e, r) => {
|
|
2722
2743
|
let i = t(e), a = t(r);
|
|
2723
2744
|
return i < a ? n ? -1 : 1 : i > a ? n ? 1 : -1 : 0;
|
|
@@ -2725,20 +2746,20 @@ function mi(e, t, { lowerFirst: n } = {}) {
|
|
|
2725
2746
|
}
|
|
2726
2747
|
//#endregion
|
|
2727
2748
|
//#region utils/searchItems.ts
|
|
2728
|
-
function
|
|
2749
|
+
function vi({ items: e, searchQuery: t, getStringToMatch: n }) {
|
|
2729
2750
|
let r = [];
|
|
2730
2751
|
for (let i of e) {
|
|
2731
|
-
let e =
|
|
2752
|
+
let e = gi(t, n(i));
|
|
2732
2753
|
e.matched && r.push({
|
|
2733
2754
|
item: i,
|
|
2734
2755
|
matchedIndex: e.matchedIndex
|
|
2735
2756
|
});
|
|
2736
2757
|
}
|
|
2737
|
-
return
|
|
2758
|
+
return _i(r, (e) => e.matchedIndex, { lowerFirst: !0 }).map(({ item: e }) => e);
|
|
2738
2759
|
}
|
|
2739
2760
|
//#endregion
|
|
2740
2761
|
//#region src/pages/api-explorer/ApiExplorerMenu.tsx
|
|
2741
|
-
var
|
|
2762
|
+
var yi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><button>WebSocket</button><button>All</button></div><label><input type=text placeholder=Search></label><div>"), bi = B`
|
|
2742
2763
|
&&& {
|
|
2743
2764
|
${G()};
|
|
2744
2765
|
border-right: 1px solid ${K.white.alpha(.1)};
|
|
@@ -2752,14 +2773,14 @@ var gi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
|
|
|
2752
2773
|
padding-bottom: 12px;
|
|
2753
2774
|
}
|
|
2754
2775
|
}
|
|
2755
|
-
`,
|
|
2776
|
+
`, xi = B`
|
|
2756
2777
|
&&& {
|
|
2757
2778
|
${G()};
|
|
2758
2779
|
flex: 1 1;
|
|
2759
2780
|
overflow-y: auto;
|
|
2760
2781
|
padding-bottom: 16px;
|
|
2761
2782
|
}
|
|
2762
|
-
`,
|
|
2783
|
+
`, Si = B`
|
|
2763
2784
|
&&& {
|
|
2764
2785
|
${W({ gap: 8 })};
|
|
2765
2786
|
margin: 0 10px;
|
|
@@ -2787,7 +2808,7 @@ var gi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
|
|
|
2787
2808
|
}
|
|
2788
2809
|
}
|
|
2789
2810
|
}
|
|
2790
|
-
`,
|
|
2811
|
+
`, Ci = B`
|
|
2791
2812
|
&&& {
|
|
2792
2813
|
${W({ gap: 16 })};
|
|
2793
2814
|
padding-left: 15px;
|
|
@@ -2796,7 +2817,7 @@ var gi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
|
|
|
2796
2817
|
> button {
|
|
2797
2818
|
font-size: 14px;
|
|
2798
2819
|
opacity: 0.5;
|
|
2799
|
-
${
|
|
2820
|
+
${mi()};
|
|
2800
2821
|
|
|
2801
2822
|
&:hover {
|
|
2802
2823
|
opacity: 1;
|
|
@@ -2808,16 +2829,16 @@ var gi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
|
|
|
2808
2829
|
}
|
|
2809
2830
|
}
|
|
2810
2831
|
}
|
|
2811
|
-
`,
|
|
2832
|
+
`, wi = H("api"), Ti = () => {
|
|
2812
2833
|
let e = H(""), t = H(!1), n = /* @__PURE__ */ new Map(), r = $t(() => {
|
|
2813
2834
|
let [r = "", i = ""] = e.value.split(">"), a = Object.entries(U.calls), o = [];
|
|
2814
2835
|
for (let [e, t] of a) {
|
|
2815
2836
|
let n = /* @__PURE__ */ new Set();
|
|
2816
|
-
if (!(
|
|
2837
|
+
if (!(wi.value === "api" && t.type !== "fetch" && t.type !== "mutation") && !(wi.value === "ws" && t.type !== "ws")) {
|
|
2817
2838
|
for (let e of t.requests) e.alias && n.add(e.alias);
|
|
2818
2839
|
o.push({
|
|
2819
2840
|
id: e,
|
|
2820
|
-
subitemsWithAlias:
|
|
2841
|
+
subitemsWithAlias: vi({
|
|
2821
2842
|
items: [...n],
|
|
2822
2843
|
searchQuery: i.trim(),
|
|
2823
2844
|
getStringToMatch(e) {
|
|
@@ -2831,7 +2852,7 @@ var gi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
|
|
|
2831
2852
|
return t.value ? o.sort((e, t) => {
|
|
2832
2853
|
let r = n.get(e.id), i = n.get(t.id);
|
|
2833
2854
|
return r !== void 0 && i !== void 0 ? r - i : r === void 0 && i === void 0 ? t.lastRequestStartTime - e.lastRequestStartTime : r === void 0 ? 1 : -1;
|
|
2834
|
-
}) : (o.sort((e, t) => t.lastRequestStartTime - e.lastRequestStartTime), n = new Map(o.map((e, t) => [e.id, t]))),
|
|
2855
|
+
}) : (o.sort((e, t) => t.lastRequestStartTime - e.lastRequestStartTime), n = new Map(o.map((e, t) => [e.id, t]))), vi({
|
|
2835
2856
|
items: o,
|
|
2836
2857
|
searchQuery: r.trim(),
|
|
2837
2858
|
getStringToMatch(e) {
|
|
@@ -2840,18 +2861,18 @@ var gi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
|
|
|
2840
2861
|
});
|
|
2841
2862
|
}, "id"), i = k(() => J.selectedCall);
|
|
2842
2863
|
return (() => {
|
|
2843
|
-
var n =
|
|
2844
|
-
return I(n,
|
|
2864
|
+
var n = yi(), a = n.firstChild.nextSibling, o = a.firstChild, s = o.nextSibling, c = s.nextSibling, l = a.nextSibling, u = l.firstChild, d = l.nextSibling;
|
|
2865
|
+
return I(n, bi), I(a, Ci), o.$$click = () => wi.set("api"), s.$$click = () => wi.set("ws"), c.$$click = () => wi.set("all"), I(l, Si), R(l, A(V, { name: "search" }), u), u.$$input = (t) => {
|
|
2845
2866
|
e.value = t.currentTarget.value;
|
|
2846
2867
|
}, d.addEventListener("mouseleave", () => {
|
|
2847
2868
|
t.value = !1;
|
|
2848
2869
|
}), d.addEventListener("mouseenter", () => {
|
|
2849
2870
|
t.value = !0;
|
|
2850
|
-
}), I(d,
|
|
2871
|
+
}), I(d, xi), R(d, A(j, {
|
|
2851
2872
|
get each() {
|
|
2852
2873
|
return r();
|
|
2853
2874
|
},
|
|
2854
|
-
children: (e, t) => A(
|
|
2875
|
+
children: (e, t) => A(li, {
|
|
2855
2876
|
get index() {
|
|
2856
2877
|
return t();
|
|
2857
2878
|
},
|
|
@@ -2861,7 +2882,7 @@ var gi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
|
|
|
2861
2882
|
}
|
|
2862
2883
|
})
|
|
2863
2884
|
})), O((e) => {
|
|
2864
|
-
var t =
|
|
2885
|
+
var t = wi.value === "api", n = wi.value === "ws", r = wi.value === "all";
|
|
2865
2886
|
return t !== e.e && o.classList.toggle("active", e.e = t), n !== e.t && s.classList.toggle("active", e.t = n), r !== e.a && c.classList.toggle("active", e.a = r), e;
|
|
2866
2887
|
}, {
|
|
2867
2888
|
e: void 0,
|
|
@@ -2873,10 +2894,10 @@ var gi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
|
|
|
2873
2894
|
it(["click", "input"]);
|
|
2874
2895
|
//#endregion
|
|
2875
2896
|
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/typeGuards-CjiEoecn.mjs
|
|
2876
|
-
function
|
|
2897
|
+
function Ei(e) {
|
|
2877
2898
|
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
2878
2899
|
}
|
|
2879
|
-
function
|
|
2900
|
+
function Di(e) {
|
|
2880
2901
|
if (!e || typeof e != "object") return !1;
|
|
2881
2902
|
let t = Object.getPrototypeOf(e);
|
|
2882
2903
|
if (t === null) return !0;
|
|
@@ -2887,10 +2908,10 @@ function wi(e) {
|
|
|
2887
2908
|
}
|
|
2888
2909
|
//#endregion
|
|
2889
2910
|
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/assertions--46HN4J7.mjs
|
|
2890
|
-
var
|
|
2911
|
+
var Oi = Ei;
|
|
2891
2912
|
//#endregion
|
|
2892
2913
|
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/arrayUtils.mjs
|
|
2893
|
-
function
|
|
2914
|
+
function ki(e, t, n = "asc") {
|
|
2894
2915
|
let r = Array.isArray(n) || typeof n == "string" ? n : n.order ?? "asc";
|
|
2895
2916
|
return [...e].sort((e, n) => {
|
|
2896
2917
|
let i = t(e), a = t(n), o = Array.isArray(i) ? i : [i], s = Array.isArray(a) ? a : [a];
|
|
@@ -2906,8 +2927,8 @@ function Ei(e, t, n = "asc") {
|
|
|
2906
2927
|
}
|
|
2907
2928
|
//#endregion
|
|
2908
2929
|
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/filterObjectOrArrayKeys.mjs
|
|
2909
|
-
var
|
|
2910
|
-
function
|
|
2930
|
+
var Ai = /^(id_|key_|id-|key-)|(_id|_key|-id|-key)$/i;
|
|
2931
|
+
function ji(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0, sortKeys: i = "simpleValuesFirst", sortPatterns: a }) {
|
|
2911
2932
|
function o(e, t) {
|
|
2912
2933
|
let n = t.split("."), r = e;
|
|
2913
2934
|
for (let e of n) {
|
|
@@ -2932,13 +2953,13 @@ function Oi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
2932
2953
|
default: return !1;
|
|
2933
2954
|
}
|
|
2934
2955
|
}
|
|
2935
|
-
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(
|
|
2956
|
+
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(Fi), m = u.flatMap(Fi), { filterOnlyPatterns: h, combinedPatterns: g } = Pi(p), _ = h.map(Ii), v = m.map(Ii), y = c(a).flatMap(Fi).map(Ii), ee = e;
|
|
2936
2957
|
if (g.length > 0) {
|
|
2937
2958
|
let t = /* @__PURE__ */ new Map();
|
|
2938
2959
|
for (let { filterPart: e, fieldPart: n } of g) t.has(e) || t.set(e, []), t.get(e).push(n);
|
|
2939
2960
|
let i = Array.isArray(e) ? [] : {};
|
|
2940
2961
|
for (let [a, o] of t) {
|
|
2941
|
-
let t =
|
|
2962
|
+
let t = ji(ji(e, {
|
|
2942
2963
|
filterKeys: [a],
|
|
2943
2964
|
rejectKeys: n,
|
|
2944
2965
|
rejectEmptyObjectsInArray: r
|
|
@@ -2992,9 +3013,9 @@ function Oi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
2992
3013
|
return y.length;
|
|
2993
3014
|
}
|
|
2994
3015
|
function re(e, t, n) {
|
|
2995
|
-
return n === "asc" ? [...e].sort() : n === "desc" ? [...e].sort().reverse() :
|
|
3016
|
+
return n === "asc" ? [...e].sort() : n === "desc" ? [...e].sort().reverse() : ki(ki(e, (e) => e), (e) => {
|
|
2996
3017
|
let n = t[e];
|
|
2997
|
-
return n == null || Array.isArray(n) && n.length === 0 ? 0 :
|
|
3018
|
+
return n == null || Array.isArray(n) && n.length === 0 ? 0 : Di(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 : Ai.test(e) ? 4.5 : typeof n == "boolean" ? 4 : typeof n == "number" ? 3.5 : typeof n == "string" && n.length < 20 ? 3 : 2;
|
|
2998
3019
|
}, "desc");
|
|
2999
3020
|
}
|
|
3000
3021
|
function ie(e, t, n) {
|
|
@@ -3023,16 +3044,16 @@ function Oi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
3023
3044
|
}), a = e[n];
|
|
3024
3045
|
if (f && ne(r, a)) continue;
|
|
3025
3046
|
let c = d ? te(r, a) : !0, l = s || c;
|
|
3026
|
-
if (
|
|
3047
|
+
if (Di(a) || Array.isArray(a)) {
|
|
3027
3048
|
let e = S(a, r, l, i, !1, !0);
|
|
3028
3049
|
e !== void 0 && o.push(e);
|
|
3029
3050
|
} else l && o.push(a);
|
|
3030
3051
|
}
|
|
3031
3052
|
i.delete(e);
|
|
3032
|
-
let c = r ? o.filter((e) => !(
|
|
3053
|
+
let c = r ? o.filter((e) => !(Di(e) && Object.keys(e).length === 0)) : o;
|
|
3033
3054
|
return c.length === 0 && !n && !a ? void 0 : c;
|
|
3034
3055
|
}
|
|
3035
|
-
if (
|
|
3056
|
+
if (Di(e)) {
|
|
3036
3057
|
if (i.has(e)) throw TypeError("Circular references are not supported");
|
|
3037
3058
|
i.add(e);
|
|
3038
3059
|
let s = {}, c = n || !d, l = ie(Object.keys(e), e, t);
|
|
@@ -3043,9 +3064,9 @@ function Oi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
3043
3064
|
});
|
|
3044
3065
|
if (f && ne(r)) continue;
|
|
3045
3066
|
let a = e[n], o = d ? te(r) : !0, l = c || o;
|
|
3046
|
-
if (
|
|
3067
|
+
if (Di(a) || Array.isArray(a)) {
|
|
3047
3068
|
let e = S(a, r, l, i, !1, !1);
|
|
3048
|
-
if (e === void 0 || Array.isArray(e) && e.length === 0 && !l ||
|
|
3069
|
+
if (e === void 0 || Array.isArray(e) && e.length === 0 && !l || Di(e) && Object.keys(e).length === 0 && !l) continue;
|
|
3049
3070
|
s[n] = e;
|
|
3050
3071
|
} else l && (s[n] = a);
|
|
3051
3072
|
}
|
|
@@ -3055,7 +3076,7 @@ function Oi(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
|
|
|
3055
3076
|
}, C = S(ee, [], !d, /* @__PURE__ */ new WeakSet(), !0, !1);
|
|
3056
3077
|
return C === void 0 ? Array.isArray(ee) ? [] : {} : C;
|
|
3057
3078
|
}
|
|
3058
|
-
function
|
|
3079
|
+
function Mi(e) {
|
|
3059
3080
|
let t = [], n = "AND", r = e.startsWith("i"), i = r ? e.slice(1) : e, a = i.includes("&&"), o = i.includes(" || ");
|
|
3060
3081
|
if (a && o) throw Error("Mixing && and || operators in the same filter is not supported. Use separate filter patterns instead.");
|
|
3061
3082
|
let s = i.split("&&").map((e) => e.trim());
|
|
@@ -3063,11 +3084,11 @@ function ki(e) {
|
|
|
3063
3084
|
n = "OR";
|
|
3064
3085
|
let i = e.split(" || ").map((e) => e.trim());
|
|
3065
3086
|
for (let e of i) {
|
|
3066
|
-
let n =
|
|
3087
|
+
let n = Ni(e, r);
|
|
3067
3088
|
n && t.push(n);
|
|
3068
3089
|
}
|
|
3069
3090
|
} else {
|
|
3070
|
-
let n =
|
|
3091
|
+
let n = Ni(e, r);
|
|
3071
3092
|
n && t.push(n);
|
|
3072
3093
|
}
|
|
3073
3094
|
return t.length === 0 ? null : {
|
|
@@ -3076,7 +3097,7 @@ function ki(e) {
|
|
|
3076
3097
|
logic: n
|
|
3077
3098
|
};
|
|
3078
3099
|
}
|
|
3079
|
-
function
|
|
3100
|
+
function Ni(e, t = !1) {
|
|
3080
3101
|
let n = e.startsWith("%") ? e.slice(1) : e, r = null, i = -1, a = 0;
|
|
3081
3102
|
for (let [e, t] of [
|
|
3082
3103
|
["!*=", "!*="],
|
|
@@ -3113,7 +3134,7 @@ function Ai(e, t = !1) {
|
|
|
3113
3134
|
caseInsensitive: t
|
|
3114
3135
|
};
|
|
3115
3136
|
}
|
|
3116
|
-
function
|
|
3137
|
+
function Pi(e) {
|
|
3117
3138
|
let t = [], n = [];
|
|
3118
3139
|
for (let r of e) {
|
|
3119
3140
|
let e = r.match(/^(.+\[[i%][^[\]]*\])\.(.+)$/);
|
|
@@ -3130,7 +3151,7 @@ function ji(e) {
|
|
|
3130
3151
|
combinedPatterns: n
|
|
3131
3152
|
};
|
|
3132
3153
|
}
|
|
3133
|
-
function
|
|
3154
|
+
function Fi(e) {
|
|
3134
3155
|
function t(e) {
|
|
3135
3156
|
let n = e.indexOf("(");
|
|
3136
3157
|
if (n === -1) return [e];
|
|
@@ -3147,7 +3168,7 @@ function Mi(e) {
|
|
|
3147
3168
|
}
|
|
3148
3169
|
return t(e);
|
|
3149
3170
|
}
|
|
3150
|
-
function
|
|
3171
|
+
function Ii(e) {
|
|
3151
3172
|
let t = [], n = 0, r = e.length, i = (e) => {
|
|
3152
3173
|
e.length !== 0 && t.push({
|
|
3153
3174
|
type: "KEY",
|
|
@@ -3165,7 +3186,7 @@ function Ni(e) {
|
|
|
3165
3186
|
if (a.startsWith("%") || a.startsWith("i%")) {
|
|
3166
3187
|
let e;
|
|
3167
3188
|
e = a.startsWith("i%") ? `i${a.slice(2)}` : a.startsWith("%") ? a.slice(1) : a;
|
|
3168
|
-
let n =
|
|
3189
|
+
let n = Mi(e);
|
|
3169
3190
|
n && t.push(n);
|
|
3170
3191
|
} else if (a === "*") t.push({ type: "INDEX_ANY" });
|
|
3171
3192
|
else if (a.includes("-")) {
|
|
@@ -3211,74 +3232,74 @@ function Ni(e) {
|
|
|
3211
3232
|
}
|
|
3212
3233
|
//#endregion
|
|
3213
3234
|
//#region src/components/JsonViewer/jsonSearch.ts
|
|
3214
|
-
function
|
|
3235
|
+
function Li(e) {
|
|
3215
3236
|
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
3216
3237
|
}
|
|
3217
|
-
var
|
|
3218
|
-
function
|
|
3238
|
+
var Ri = "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\"]", zi = /[\n,]/, Bi = "__original_index", Vi = { matched: !1 };
|
|
3239
|
+
function Hi(e) {
|
|
3219
3240
|
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]";
|
|
3220
3241
|
}
|
|
3221
|
-
function
|
|
3222
|
-
return
|
|
3242
|
+
function Ui(e) {
|
|
3243
|
+
return Li(e) || Array.isArray(e) && e.every(Li);
|
|
3223
3244
|
}
|
|
3224
|
-
function
|
|
3225
|
-
return e.split(
|
|
3245
|
+
function Wi(e) {
|
|
3246
|
+
return e.split(zi).map((e) => e.trim()).filter((e) => e.length > 0);
|
|
3226
3247
|
}
|
|
3227
|
-
function
|
|
3228
|
-
return
|
|
3248
|
+
function Gi(e) {
|
|
3249
|
+
return Li(e) && Object.keys(e).length === 0;
|
|
3229
3250
|
}
|
|
3230
|
-
function
|
|
3251
|
+
function Ki(e) {
|
|
3231
3252
|
return e.match.matched;
|
|
3232
3253
|
}
|
|
3233
|
-
function
|
|
3234
|
-
return
|
|
3235
|
-
[
|
|
3254
|
+
function qi(e, t) {
|
|
3255
|
+
return Li(e) ? {
|
|
3256
|
+
[Bi]: t,
|
|
3236
3257
|
...e
|
|
3237
3258
|
} : {
|
|
3238
|
-
[
|
|
3259
|
+
[Bi]: t,
|
|
3239
3260
|
value: e
|
|
3240
3261
|
};
|
|
3241
3262
|
}
|
|
3242
|
-
function
|
|
3243
|
-
return n ?
|
|
3263
|
+
function Ji(e, t, n) {
|
|
3264
|
+
return n ? qi(e, t) : e;
|
|
3244
3265
|
}
|
|
3245
|
-
function
|
|
3266
|
+
function Yi(e, t) {
|
|
3246
3267
|
if (Array.isArray(e)) {
|
|
3247
3268
|
let n = [];
|
|
3248
3269
|
for (let [r, i] of e.entries()) {
|
|
3249
|
-
let e =
|
|
3250
|
-
|
|
3270
|
+
let e = Yi(i, t);
|
|
3271
|
+
Gi(e) || n.push({
|
|
3251
3272
|
index: r,
|
|
3252
3273
|
value: e
|
|
3253
3274
|
});
|
|
3254
3275
|
}
|
|
3255
3276
|
let r = n.length !== e.length;
|
|
3256
|
-
return n.map((e) => r ?
|
|
3277
|
+
return n.map((e) => r ? Ji(e.value, e.index, t) : e.value);
|
|
3257
3278
|
}
|
|
3258
|
-
if (
|
|
3279
|
+
if (Li(e)) {
|
|
3259
3280
|
let n = {};
|
|
3260
3281
|
for (let [r, i] of Object.entries(e)) {
|
|
3261
|
-
let e =
|
|
3262
|
-
|
|
3282
|
+
let e = Yi(i, t);
|
|
3283
|
+
Gi(e) || (n[r] = e);
|
|
3263
3284
|
}
|
|
3264
3285
|
return n;
|
|
3265
3286
|
}
|
|
3266
3287
|
return e;
|
|
3267
3288
|
}
|
|
3268
|
-
function
|
|
3289
|
+
function Xi(e, t, n) {
|
|
3269
3290
|
let r = t.toLowerCase();
|
|
3270
3291
|
function i(e, t) {
|
|
3271
3292
|
if (Array.isArray(e)) {
|
|
3272
3293
|
let r = e.map((e, n) => ({
|
|
3273
3294
|
index: n,
|
|
3274
3295
|
match: i(e, [...t, `[${n}]`])
|
|
3275
|
-
})).filter(
|
|
3296
|
+
})).filter(Ki), a = r.length !== e.length, o = r.map((e) => a ? Ji(e.match.value, e.index, n) : e.match.value);
|
|
3276
3297
|
return r.length > 0 ? {
|
|
3277
3298
|
matched: !0,
|
|
3278
3299
|
value: o
|
|
3279
|
-
} :
|
|
3300
|
+
} : Vi;
|
|
3280
3301
|
}
|
|
3281
|
-
if (
|
|
3302
|
+
if (Li(e)) {
|
|
3282
3303
|
let n = {};
|
|
3283
3304
|
for (let [a, o] of Object.entries(e)) {
|
|
3284
3305
|
let e = [...t, a];
|
|
@@ -3292,16 +3313,16 @@ function qi(e, t, n) {
|
|
|
3292
3313
|
return Object.keys(n).length > 0 ? {
|
|
3293
3314
|
matched: !0,
|
|
3294
3315
|
value: n
|
|
3295
|
-
} :
|
|
3316
|
+
} : Vi;
|
|
3296
3317
|
}
|
|
3297
|
-
return
|
|
3318
|
+
return Hi(e).toLowerCase().includes(r) ? {
|
|
3298
3319
|
matched: !0,
|
|
3299
3320
|
value: e
|
|
3300
|
-
} :
|
|
3321
|
+
} : Vi;
|
|
3301
3322
|
}
|
|
3302
3323
|
return i(e, []);
|
|
3303
3324
|
}
|
|
3304
|
-
function
|
|
3325
|
+
function Zi(e, t, n, r) {
|
|
3305
3326
|
let i = t.trim();
|
|
3306
3327
|
if (!i) return {
|
|
3307
3328
|
value: e,
|
|
@@ -3309,7 +3330,7 @@ function Ji(e, t, n, r) {
|
|
|
3309
3330
|
message: void 0
|
|
3310
3331
|
};
|
|
3311
3332
|
if (n === "text") {
|
|
3312
|
-
let t =
|
|
3333
|
+
let t = Xi(e, i, r);
|
|
3313
3334
|
return t.matched ? {
|
|
3314
3335
|
value: t.value,
|
|
3315
3336
|
isEmpty: !1,
|
|
@@ -3320,14 +3341,14 @@ function Ji(e, t, n, r) {
|
|
|
3320
3341
|
message: void 0
|
|
3321
3342
|
};
|
|
3322
3343
|
}
|
|
3323
|
-
if (!
|
|
3344
|
+
if (!Ui(e)) return {
|
|
3324
3345
|
value: void 0,
|
|
3325
3346
|
isEmpty: !0,
|
|
3326
3347
|
message: "Key filters support objects and arrays of objects."
|
|
3327
3348
|
};
|
|
3328
|
-
let a =
|
|
3349
|
+
let a = Wi(i), o;
|
|
3329
3350
|
try {
|
|
3330
|
-
o =
|
|
3351
|
+
o = ji(e, {
|
|
3331
3352
|
filterKeys: a,
|
|
3332
3353
|
rejectEmptyObjectsInArray: !1,
|
|
3333
3354
|
sortKeys: !1
|
|
@@ -3339,32 +3360,32 @@ function Ji(e, t, n, r) {
|
|
|
3339
3360
|
message: e instanceof Error ? e.message : "Invalid key filter"
|
|
3340
3361
|
};
|
|
3341
3362
|
}
|
|
3342
|
-
let s =
|
|
3363
|
+
let s = Yi(o, r);
|
|
3343
3364
|
return {
|
|
3344
3365
|
value: s,
|
|
3345
|
-
isEmpty: Array.isArray(s) && s.length === 0 ||
|
|
3366
|
+
isEmpty: Array.isArray(s) && s.length === 0 || Li(s) && Object.keys(s).length === 0,
|
|
3346
3367
|
message: void 0
|
|
3347
3368
|
};
|
|
3348
3369
|
}
|
|
3349
3370
|
//#endregion
|
|
3350
3371
|
//#region src/style/helpers/allowTextSelection.ts
|
|
3351
|
-
var
|
|
3352
|
-
function
|
|
3372
|
+
var Qi = "\n user-select: text;\n\n *, *::before, *::after {\n user-select: text;\n }\n", $i = /* @__PURE__ */ new Map();
|
|
3373
|
+
function ea(e, t) {
|
|
3353
3374
|
let n = JSON.stringify(t);
|
|
3354
|
-
return (
|
|
3375
|
+
return ($i.get(n) ?? $i.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
|
|
3355
3376
|
}
|
|
3356
3377
|
//#endregion
|
|
3357
3378
|
//#region utils/objectUtils.ts
|
|
3358
|
-
function
|
|
3379
|
+
function ta(e) {
|
|
3359
3380
|
return typeof e == "object" && !!e;
|
|
3360
3381
|
}
|
|
3361
3382
|
//#endregion
|
|
3362
3383
|
//#region src/components/JsonViewer/JsonViewer.tsx
|
|
3363
|
-
var
|
|
3384
|
+
var na = /*#__PURE__*/ P("<div class=key><span>"), ra = /*#__PURE__*/ P("<div class=collapsed>"), ia = /*#__PURE__*/ P("<div class=delimiter>[]"), aa = /*#__PURE__*/ P("<div class=delimiter>{}"), oa = /*#__PURE__*/ P("<div class=delimiter>"), sa = /*#__PURE__*/ P("<div class=childs>"), ca = /*#__PURE__*/ P("<div class=\"delimiter end\">"), la = /*#__PURE__*/ P("<div class=child>"), ua = /*#__PURE__*/ P("<div class=value>"), da = /*#__PURE__*/ P("<span class=string-quotes>\""), fa = /*#__PURE__*/ P("<div>"), pa = /*#__PURE__*/ P("<div><label><input type=text>"), ma = /*#__PURE__*/ P("<div>No matches"), ha = /*#__PURE__*/ P("<span> · id: "), ga = B`
|
|
3364
3385
|
&&& {
|
|
3365
3386
|
${G({ gap: 4 })};
|
|
3366
3387
|
}
|
|
3367
|
-
`,
|
|
3388
|
+
`, _a = B`
|
|
3368
3389
|
&&& {
|
|
3369
3390
|
${W({ gap: 6 })};
|
|
3370
3391
|
position: sticky;
|
|
@@ -3413,7 +3434,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3413
3434
|
--icon-size: 14px;
|
|
3414
3435
|
font-size: 12px;
|
|
3415
3436
|
white-space: nowrap;
|
|
3416
|
-
${
|
|
3437
|
+
${mi()};
|
|
3417
3438
|
|
|
3418
3439
|
&:hover {
|
|
3419
3440
|
background: ${K.white.alpha(.08)};
|
|
@@ -3426,23 +3447,23 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3426
3447
|
}
|
|
3427
3448
|
}
|
|
3428
3449
|
}
|
|
3429
|
-
`,
|
|
3450
|
+
`, va = B`
|
|
3430
3451
|
&&& {
|
|
3431
3452
|
font-size: 12px;
|
|
3432
3453
|
color: ${K.warning.var};
|
|
3433
3454
|
padding: 2px 0;
|
|
3434
3455
|
}
|
|
3435
|
-
`,
|
|
3456
|
+
`, ya = B`
|
|
3436
3457
|
&&& {
|
|
3437
3458
|
font-size: 13px;
|
|
3438
3459
|
opacity: 0.5;
|
|
3439
3460
|
padding: 6px 0;
|
|
3440
3461
|
}
|
|
3441
|
-
`,
|
|
3462
|
+
`, ba = B`
|
|
3442
3463
|
&&& {
|
|
3443
3464
|
font-family: ${q.decorative};
|
|
3444
3465
|
font-size: 13px;
|
|
3445
|
-
${
|
|
3466
|
+
${Qi};
|
|
3446
3467
|
${G({ gap: 2 })};
|
|
3447
3468
|
padding-left: 8px;
|
|
3448
3469
|
|
|
@@ -3578,19 +3599,19 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3578
3599
|
display: inline-flex;
|
|
3579
3600
|
}
|
|
3580
3601
|
}
|
|
3581
|
-
`,
|
|
3602
|
+
`, xa = 14, Sa = 600, Ca = (e) => A(z, {
|
|
3582
3603
|
class: "copy-value",
|
|
3583
3604
|
title: "Copy value",
|
|
3584
3605
|
onClick: (t) => {
|
|
3585
|
-
t.stopPropagation(),
|
|
3606
|
+
t.stopPropagation(), jr(e.value);
|
|
3586
3607
|
},
|
|
3587
3608
|
get children() {
|
|
3588
3609
|
return A(V, { name: "copy" });
|
|
3589
3610
|
}
|
|
3590
|
-
}),
|
|
3591
|
-
let [t, n] = D(e.ctx.getInitialExpanded(e.indent)), [r, i] = D(!e.ctx.compact), a = e.indent >= 2 ? 5 :
|
|
3611
|
+
}), wa = (e) => {
|
|
3612
|
+
let [t, n] = D(e.ctx.getInitialExpanded(e.indent)), [r, i] = D(!e.ctx.compact), a = e.indent >= 2 ? 5 : xa;
|
|
3592
3613
|
return N(() => {
|
|
3593
|
-
let o = e.value, s = Array.isArray(o), c = !s &&
|
|
3614
|
+
let o = e.value, s = Array.isArray(o), c = !s && ta(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, {
|
|
3594
3615
|
onClick: () => {
|
|
3595
3616
|
n(() => !t());
|
|
3596
3617
|
},
|
|
@@ -3606,9 +3627,9 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3606
3627
|
}
|
|
3607
3628
|
});
|
|
3608
3629
|
return [l && (() => {
|
|
3609
|
-
var t =
|
|
3630
|
+
var t = na(), n = t.firstChild;
|
|
3610
3631
|
return t.$$click = (e) => {
|
|
3611
|
-
e.shiftKey &&
|
|
3632
|
+
e.shiftKey && jr(o);
|
|
3612
3633
|
}, R(t, s || c ? d : null, n), R(n, () => e.key || e.index), O((n) => {
|
|
3613
3634
|
var r = `${e.key ? `${e.key}\n` : ""}Shift + Click to copy value`, i = e.index !== void 0;
|
|
3614
3635
|
return r !== n.e && F(t, "title", n.e = r), i !== n.t && t.classList.toggle("index", n.t = i), n;
|
|
@@ -3617,30 +3638,30 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3617
3638
|
t: void 0
|
|
3618
3639
|
}), t;
|
|
3619
3640
|
})(), N(() => N(() => !!(l && u && !t()))() ? (() => {
|
|
3620
|
-
var e =
|
|
3641
|
+
var e = ra();
|
|
3621
3642
|
return e.$$click = () => {
|
|
3622
3643
|
n(() => !0);
|
|
3623
|
-
}, R(e, () => s ? `[…] ${o.length} items` : [N(() => `{…} ${Object.keys(o).length} props`), N(() =>
|
|
3644
|
+
}, R(e, () => s ? `[…] ${o.length} items` : [N(() => `{…} ${Object.keys(o).length} props`), N(() => ka(o))], null), R(e, A(Ca, { value: o }), null), e;
|
|
3624
3645
|
})() : (() => {
|
|
3625
|
-
if (s && o.length === 0) return
|
|
3626
|
-
if (c && Object.keys(o).length === 0) return
|
|
3646
|
+
if (s && o.length === 0) return ia();
|
|
3647
|
+
if (c && Object.keys(o).length === 0) return aa();
|
|
3627
3648
|
if (s || c) {
|
|
3628
3649
|
let c = s ? o.map((e) => [null, e]) : Object.entries(o), u = s ? ["[", "]"] : ["{", "}"], f = s ? `[…] ${c.length} items` : `{…} ${c.length} properties`;
|
|
3629
3650
|
return [(() => {
|
|
3630
|
-
var e =
|
|
3651
|
+
var e = oa();
|
|
3631
3652
|
return st(e, "click", l ? void 0 : (e) => {
|
|
3632
|
-
e.shiftKey ?
|
|
3653
|
+
e.shiftKey ? jr(o) : t() || n(() => !0);
|
|
3633
3654
|
}, !0), F(e, "title", l ? void 0 : "Shift + Click to copy value"), R(e, !l && d, null), R(e, (() => {
|
|
3634
3655
|
var e = N(() => !!t());
|
|
3635
3656
|
return () => e() ? u[0] : f;
|
|
3636
|
-
})(), null), R(e, A(
|
|
3657
|
+
})(), null), R(e, A(Ca, { value: o }), null), e;
|
|
3637
3658
|
})(), N(() => N(() => !!t())() && [(() => {
|
|
3638
|
-
var t =
|
|
3659
|
+
var t = sa();
|
|
3639
3660
|
return R(t, () => {
|
|
3640
3661
|
let t = c, n = t.length;
|
|
3641
3662
|
return r() || (t = t.slice(0, a)), [N(() => t.map(([t, n], r) => (() => {
|
|
3642
|
-
var i =
|
|
3643
|
-
return R(i, A(
|
|
3663
|
+
var i = la();
|
|
3664
|
+
return R(i, A(wa, {
|
|
3644
3665
|
value: n,
|
|
3645
3666
|
get indent() {
|
|
3646
3667
|
return e.indent + 1;
|
|
@@ -3666,29 +3687,29 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3666
3687
|
}))];
|
|
3667
3688
|
}), t;
|
|
3668
3689
|
})(), (() => {
|
|
3669
|
-
var e =
|
|
3690
|
+
var e = ca();
|
|
3670
3691
|
return R(e, () => u[1]), e;
|
|
3671
3692
|
})()])];
|
|
3672
3693
|
}
|
|
3673
|
-
return A(
|
|
3694
|
+
return A(Ta, { value: o });
|
|
3674
3695
|
})())];
|
|
3675
3696
|
});
|
|
3676
|
-
},
|
|
3677
|
-
let [t, n] = D(typeof e.value == "string" && e.value.length >
|
|
3697
|
+
}, Ta = (e) => {
|
|
3698
|
+
let [t, n] = D(typeof e.value == "string" && e.value.length > Sa);
|
|
3678
3699
|
return (() => {
|
|
3679
|
-
var r =
|
|
3700
|
+
var r = ua();
|
|
3680
3701
|
return r.$$click = (r) => {
|
|
3681
|
-
r.shiftKey ?
|
|
3702
|
+
r.shiftKey ? jr(typeof e.value == "string" ? e.value : String(e.value)) : t() && n(() => !1);
|
|
3682
3703
|
}, R(r, (() => {
|
|
3683
3704
|
var t = N(() => typeof e.value == "string");
|
|
3684
|
-
return () => t() &&
|
|
3705
|
+
return () => t() && da();
|
|
3685
3706
|
})(), null), R(r, (() => {
|
|
3686
3707
|
var t = N(() => typeof e.value == "number");
|
|
3687
|
-
return () => t() ?
|
|
3708
|
+
return () => t() ? ea(e.value) : N(() => typeof e.value == "string")() ? e.value : Hi(e.value);
|
|
3688
3709
|
})(), null), R(r, (() => {
|
|
3689
3710
|
var t = N(() => typeof e.value == "string");
|
|
3690
|
-
return () => t() &&
|
|
3691
|
-
})(), null), R(r, A(
|
|
3711
|
+
return () => t() && da();
|
|
3712
|
+
})(), null), R(r, A(Ca, { get value() {
|
|
3692
3713
|
return e.value;
|
|
3693
3714
|
} }), null), O((n) => {
|
|
3694
3715
|
var i = !!t(), a = typeof e.value, o = t() ? "Click to show full value\nShift + Click to copy value" : "Shift + Click to copy value";
|
|
@@ -3710,7 +3731,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3710
3731
|
function _(e) {
|
|
3711
3732
|
u(() => e), f(() => !0), m(() => p() + 1);
|
|
3712
3733
|
}
|
|
3713
|
-
let v = k(() =>
|
|
3734
|
+
let v = k(() => Zi(e.value, e.search ? r() : "", a(), s())), y = k(() => Oa(v().value)), ee = k(() => {
|
|
3714
3735
|
let t = r().trim() !== "", n = l(), i = !!e.compact, a = d() ? null : y();
|
|
3715
3736
|
return {
|
|
3716
3737
|
compact: i,
|
|
@@ -3720,17 +3741,17 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3720
3741
|
};
|
|
3721
3742
|
});
|
|
3722
3743
|
return (() => {
|
|
3723
|
-
var n =
|
|
3724
|
-
return I(n,
|
|
3744
|
+
var n = fa();
|
|
3745
|
+
return I(n, ga), R(n, (() => {
|
|
3725
3746
|
var n = N(() => !!e.search);
|
|
3726
3747
|
return () => n() && (() => {
|
|
3727
|
-
var n =
|
|
3728
|
-
return I(n,
|
|
3748
|
+
var n = pa(), r = n.firstChild, i = r.firstChild;
|
|
3749
|
+
return I(n, _a), R(r, A(V, { name: "search" }), i), i.$$input = (e) => g(e.currentTarget.value), R(n, A(z, {
|
|
3729
3750
|
class: "toolbar-button",
|
|
3730
3751
|
get classList() {
|
|
3731
3752
|
return { active: a() === "keys" };
|
|
3732
3753
|
},
|
|
3733
|
-
title:
|
|
3754
|
+
title: Ri,
|
|
3734
3755
|
onClick: () => {
|
|
3735
3756
|
o(() => a() === "keys" ? "text" : "keys");
|
|
3736
3757
|
},
|
|
@@ -3786,7 +3807,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3786
3807
|
class: "toolbar-button",
|
|
3787
3808
|
title: "Copy visible value as JSON",
|
|
3788
3809
|
onClick: () => {
|
|
3789
|
-
|
|
3810
|
+
jr(v().value);
|
|
3790
3811
|
},
|
|
3791
3812
|
get children() {
|
|
3792
3813
|
return A(V, { name: "copy" });
|
|
@@ -3796,14 +3817,14 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3796
3817
|
})(), null), R(n, (() => {
|
|
3797
3818
|
var e = N(() => !!v().message);
|
|
3798
3819
|
return () => e() && (() => {
|
|
3799
|
-
var e =
|
|
3800
|
-
return I(e,
|
|
3820
|
+
var e = fa();
|
|
3821
|
+
return I(e, va), R(e, () => v().message), e;
|
|
3801
3822
|
})();
|
|
3802
3823
|
})(), null), R(n, (() => {
|
|
3803
3824
|
var e = N(() => !!v().isEmpty);
|
|
3804
3825
|
return () => e() ? (() => {
|
|
3805
|
-
var e =
|
|
3806
|
-
return I(e,
|
|
3826
|
+
var e = ma();
|
|
3827
|
+
return I(e, ya), e;
|
|
3807
3828
|
})() : A(M, {
|
|
3808
3829
|
get when() {
|
|
3809
3830
|
return {
|
|
@@ -3814,8 +3835,8 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3814
3835
|
},
|
|
3815
3836
|
keyed: !0,
|
|
3816
3837
|
children: ({ result: e, treeCtx: t }) => (() => {
|
|
3817
|
-
var n =
|
|
3818
|
-
return I(n,
|
|
3838
|
+
var n = fa();
|
|
3839
|
+
return I(n, ba), R(n, A(wa, {
|
|
3819
3840
|
get value() {
|
|
3820
3841
|
return e.value;
|
|
3821
3842
|
},
|
|
@@ -3826,43 +3847,43 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
|
|
|
3826
3847
|
});
|
|
3827
3848
|
})(), null), n;
|
|
3828
3849
|
})();
|
|
3829
|
-
},
|
|
3830
|
-
function
|
|
3850
|
+
}, Ea = 500, Da = 30;
|
|
3851
|
+
function Oa(e) {
|
|
3831
3852
|
let t = [e], n = 0, r = 0;
|
|
3832
|
-
for (; t.length > 0 && r <
|
|
3853
|
+
for (; t.length > 0 && r < Da;) {
|
|
3833
3854
|
let e = [];
|
|
3834
3855
|
for (let i of t) {
|
|
3835
|
-
let t = Array.isArray(i) ? i :
|
|
3856
|
+
let t = Array.isArray(i) ? i : ta(i) ? Object.values(i) : null;
|
|
3836
3857
|
if (t) {
|
|
3837
|
-
for (let i of t) if (e.push(i), n + e.length >
|
|
3858
|
+
for (let i of t) if (e.push(i), n + e.length > Ea) return Math.max(r, 1);
|
|
3838
3859
|
}
|
|
3839
3860
|
}
|
|
3840
3861
|
n += e.length, t = e, r += 1;
|
|
3841
3862
|
}
|
|
3842
3863
|
return null;
|
|
3843
3864
|
}
|
|
3844
|
-
function
|
|
3865
|
+
function ka(e) {
|
|
3845
3866
|
if ("id" in e) return (() => {
|
|
3846
|
-
var t =
|
|
3867
|
+
var t = ha();
|
|
3847
3868
|
return t.firstChild, R(t, () => String(e.id), null), t;
|
|
3848
3869
|
})();
|
|
3849
3870
|
let t = Object.keys(e);
|
|
3850
3871
|
for (let n of t) if (n.startsWith("id_")) {
|
|
3851
3872
|
let t = e[n];
|
|
3852
3873
|
if (typeof t == "string" || typeof t == "number") return (() => {
|
|
3853
|
-
var e =
|
|
3874
|
+
var e = ha();
|
|
3854
3875
|
return e.firstChild, R(e, t, null), e;
|
|
3855
3876
|
})();
|
|
3856
3877
|
}
|
|
3857
3878
|
return "key" in e ? (() => {
|
|
3858
|
-
var t =
|
|
3879
|
+
var t = ha();
|
|
3859
3880
|
return t.firstChild, R(t, () => String(e.key), null), t;
|
|
3860
3881
|
})() : "";
|
|
3861
3882
|
}
|
|
3862
3883
|
it(["click", "input"]);
|
|
3863
3884
|
//#endregion
|
|
3864
3885
|
//#region utils/cx.ts
|
|
3865
|
-
function
|
|
3886
|
+
function Aa(...e) {
|
|
3866
3887
|
let t = [];
|
|
3867
3888
|
for (let n = 0; n < e.length; n++) {
|
|
3868
3889
|
let r = e[n];
|
|
@@ -3875,7 +3896,7 @@ function Da(...e) {
|
|
|
3875
3896
|
}
|
|
3876
3897
|
//#endregion
|
|
3877
3898
|
//#region src/components/Section.tsx
|
|
3878
|
-
var
|
|
3899
|
+
var ja = /*#__PURE__*/ P("<div><div class=content>"), Ma = /*#__PURE__*/ P("<h1>"), Na = B`
|
|
3879
3900
|
&&& {
|
|
3880
3901
|
${G()};
|
|
3881
3902
|
|
|
@@ -3910,15 +3931,15 @@ var Oa = /*#__PURE__*/ P("<div><div class=content>"), ka = /*#__PURE__*/ P("<h1>
|
|
|
3910
3931
|
}
|
|
3911
3932
|
}
|
|
3912
3933
|
`, Z = (e) => (() => {
|
|
3913
|
-
var t =
|
|
3934
|
+
var t = ja(), n = t.firstChild;
|
|
3914
3935
|
return R(t, (() => {
|
|
3915
3936
|
var t = N(() => !!e.title);
|
|
3916
3937
|
return () => t() && (() => {
|
|
3917
|
-
var t =
|
|
3938
|
+
var t = Ma();
|
|
3918
3939
|
return R(t, () => e.title), t;
|
|
3919
3940
|
})();
|
|
3920
|
-
})(), n), R(n, () => e.children), O(() => I(t,
|
|
3921
|
-
})(),
|
|
3941
|
+
})(), n), R(n, () => e.children), O(() => I(t, Aa(Na, e.class))), t;
|
|
3942
|
+
})(), Pa = /*#__PURE__*/ P("<div>"), Fa = /*#__PURE__*/ P("<div class=row><div class=name></div><div class=value>"), Ia = B`
|
|
3922
3943
|
&&& {
|
|
3923
3944
|
display: grid;
|
|
3924
3945
|
grid-template-columns: auto 1fr;
|
|
@@ -3946,24 +3967,24 @@ var Oa = /*#__PURE__*/ P("<div><div class=content>"), ka = /*#__PURE__*/ P("<h1>
|
|
|
3946
3967
|
opacity: 0.7;
|
|
3947
3968
|
}
|
|
3948
3969
|
}
|
|
3949
|
-
`,
|
|
3950
|
-
var t =
|
|
3951
|
-
return I(t,
|
|
3970
|
+
`, La = (e) => (() => {
|
|
3971
|
+
var t = Pa();
|
|
3972
|
+
return I(t, Ia), R(t, A(Ge, {
|
|
3952
3973
|
get each() {
|
|
3953
3974
|
return qt(e.rows);
|
|
3954
3975
|
},
|
|
3955
3976
|
children: (e) => (() => {
|
|
3956
|
-
var t =
|
|
3977
|
+
var t = Fa(), n = t.firstChild, r = n.nextSibling;
|
|
3957
3978
|
return R(n, () => e().name), R(r, () => e().value), t;
|
|
3958
3979
|
})()
|
|
3959
3980
|
})), t;
|
|
3960
|
-
})(),
|
|
3981
|
+
})(), Ra = [{
|
|
3961
3982
|
type: "json",
|
|
3962
3983
|
name: "payload"
|
|
3963
|
-
}],
|
|
3964
|
-
function
|
|
3984
|
+
}], za = 0, Ba = "app-devtools-caller-history";
|
|
3985
|
+
function Va(e) {
|
|
3965
3986
|
if (typeof e.payloadText == "string") return e.payloadText === "" ? {} : { payload: e.payloadText };
|
|
3966
|
-
if (
|
|
3987
|
+
if (Wa(e.inputValues)) {
|
|
3967
3988
|
let t = {};
|
|
3968
3989
|
for (let [n, r] of Object.entries(e.inputValues)) {
|
|
3969
3990
|
if (typeof r != "string") return null;
|
|
@@ -3973,18 +3994,18 @@ function Ra(e) {
|
|
|
3973
3994
|
}
|
|
3974
3995
|
return null;
|
|
3975
3996
|
}
|
|
3976
|
-
function
|
|
3997
|
+
function Ha() {
|
|
3977
3998
|
try {
|
|
3978
|
-
let e = window.sessionStorage.getItem(
|
|
3999
|
+
let e = window.sessionStorage.getItem(Ba);
|
|
3979
4000
|
if (!e) return [];
|
|
3980
4001
|
let t = JSON.parse(e);
|
|
3981
|
-
if (!
|
|
4002
|
+
if (!Ga(t)) return [];
|
|
3982
4003
|
let n = [];
|
|
3983
|
-
for (let e of t) if (
|
|
3984
|
-
let t =
|
|
4004
|
+
for (let e of t) if (Wa(e) && typeof e.path == "string" && typeof e.method == "string") {
|
|
4005
|
+
let t = Va(e);
|
|
3985
4006
|
if (!t) continue;
|
|
3986
|
-
|
|
3987
|
-
id:
|
|
4007
|
+
za += 1, n.push({
|
|
4008
|
+
id: za,
|
|
3988
4009
|
path: e.path,
|
|
3989
4010
|
method: e.method,
|
|
3990
4011
|
inputValues: t,
|
|
@@ -3996,9 +4017,9 @@ function za() {
|
|
|
3996
4017
|
return [];
|
|
3997
4018
|
}
|
|
3998
4019
|
}
|
|
3999
|
-
function
|
|
4020
|
+
function Ua(e) {
|
|
4000
4021
|
try {
|
|
4001
|
-
window.sessionStorage.setItem(
|
|
4022
|
+
window.sessionStorage.setItem(Ba, JSON.stringify(e.slice(0, 5).map(({ path: e, method: t, inputValues: n, callerName: r }) => ({
|
|
4002
4023
|
path: e,
|
|
4003
4024
|
method: t,
|
|
4004
4025
|
inputValues: n,
|
|
@@ -4006,13 +4027,13 @@ function Ba(e) {
|
|
|
4006
4027
|
}))));
|
|
4007
4028
|
} catch {}
|
|
4008
4029
|
}
|
|
4009
|
-
function
|
|
4030
|
+
function Wa(e) {
|
|
4010
4031
|
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
4011
4032
|
}
|
|
4012
|
-
function
|
|
4033
|
+
function Ga(e) {
|
|
4013
4034
|
return Array.isArray(e);
|
|
4014
4035
|
}
|
|
4015
|
-
var [Q, $] =
|
|
4036
|
+
var [Q, $] = Dn({
|
|
4016
4037
|
callers: [],
|
|
4017
4038
|
selectedCallerIdx: 0,
|
|
4018
4039
|
method: "GET",
|
|
@@ -4021,20 +4042,20 @@ var [Q, $] = wn({
|
|
|
4021
4042
|
isLoading: !1,
|
|
4022
4043
|
sendError: null,
|
|
4023
4044
|
selectedResultId: null,
|
|
4024
|
-
history:
|
|
4045
|
+
history: Ha(),
|
|
4025
4046
|
resultsHistory: []
|
|
4026
4047
|
});
|
|
4027
|
-
function
|
|
4048
|
+
function Ka(e) {
|
|
4028
4049
|
$("callers", e);
|
|
4029
4050
|
}
|
|
4030
|
-
var
|
|
4051
|
+
var qa = [
|
|
4031
4052
|
"GET",
|
|
4032
4053
|
"POST",
|
|
4033
4054
|
"PUT",
|
|
4034
4055
|
"PATCH",
|
|
4035
4056
|
"DELETE"
|
|
4036
|
-
],
|
|
4037
|
-
function
|
|
4057
|
+
], Ja = 30, Ya = 30, Xa = 0;
|
|
4058
|
+
function Za(e) {
|
|
4038
4059
|
let t = e.trim();
|
|
4039
4060
|
if (t === "") return null;
|
|
4040
4061
|
try {
|
|
@@ -4043,34 +4064,34 @@ function Ja(e) {
|
|
|
4043
4064
|
return `Invalid JSON: ${e instanceof Error ? e.message : String(e)}`;
|
|
4044
4065
|
}
|
|
4045
4066
|
}
|
|
4046
|
-
function
|
|
4067
|
+
function Qa(e) {
|
|
4047
4068
|
return e === void 0 ? "" : typeof e == "string" ? e : e.value;
|
|
4048
4069
|
}
|
|
4049
|
-
function
|
|
4070
|
+
function $a(e) {
|
|
4050
4071
|
let t = {};
|
|
4051
4072
|
for (let n of e) {
|
|
4052
4073
|
let e = Q.inputValues[n.name] ?? "";
|
|
4053
|
-
n.type === "json" ? e = e.trim() : n.type === "select" && e === "" && (e =
|
|
4074
|
+
n.type === "json" ? e = e.trim() : n.type === "select" && e === "" && (e = Qa(n.options[0])), t[n.name] = e;
|
|
4054
4075
|
}
|
|
4055
4076
|
return t;
|
|
4056
4077
|
}
|
|
4057
|
-
function
|
|
4078
|
+
function eo(e, t) {
|
|
4058
4079
|
let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
|
|
4059
4080
|
for (let r of n) if ((e[r] ?? "").trim() !== (t[r] ?? "").trim()) return !1;
|
|
4060
4081
|
return !0;
|
|
4061
4082
|
}
|
|
4062
|
-
async function
|
|
4083
|
+
async function to() {
|
|
4063
4084
|
if (Q.isLoading) return;
|
|
4064
4085
|
let e = Q.callers[Q.selectedCallerIdx];
|
|
4065
4086
|
if (!e) return;
|
|
4066
|
-
let t = Q.path.trim(), n = Q.method, r = e.name, i = !e.inputs, a = e.inputs ??
|
|
4087
|
+
let t = Q.path.trim(), n = Q.method, r = e.name, i = !e.inputs, a = e.inputs ?? Ra;
|
|
4067
4088
|
if (!t) {
|
|
4068
4089
|
$("sendError", "The request path is empty");
|
|
4069
4090
|
return;
|
|
4070
4091
|
}
|
|
4071
|
-
let o =
|
|
4092
|
+
let o = $a(a);
|
|
4072
4093
|
for (let e of a) if (e.type === "json") {
|
|
4073
|
-
let t =
|
|
4094
|
+
let t = Za(o[e.name] ?? "");
|
|
4074
4095
|
if (t) {
|
|
4075
4096
|
$("sendError", `${e.name}: ${t}`);
|
|
4076
4097
|
return;
|
|
@@ -4090,18 +4111,18 @@ async function Qa() {
|
|
|
4090
4111
|
s = e;
|
|
4091
4112
|
}
|
|
4092
4113
|
let c = Q.history[0];
|
|
4093
|
-
(!c || c.path !== t || c.method !== n || c.callerName !== r || !
|
|
4094
|
-
id:
|
|
4114
|
+
(!c || c.path !== t || c.method !== n || c.callerName !== r || !eo(c.inputValues, o)) && (za += 1, $("history", (e) => [{
|
|
4115
|
+
id: za,
|
|
4095
4116
|
path: t,
|
|
4096
4117
|
method: n,
|
|
4097
4118
|
inputValues: o,
|
|
4098
4119
|
callerName: r
|
|
4099
|
-
}, ...e].slice(0,
|
|
4120
|
+
}, ...e].slice(0, Ja)), Ua(Q.history)), $({ isLoading: !0 });
|
|
4100
4121
|
let l = Date.now();
|
|
4101
4122
|
function u(e) {
|
|
4102
|
-
|
|
4123
|
+
Xa += 1;
|
|
4103
4124
|
let i = {
|
|
4104
|
-
id:
|
|
4125
|
+
id: Xa,
|
|
4105
4126
|
path: t,
|
|
4106
4127
|
method: n,
|
|
4107
4128
|
inputValues: o,
|
|
@@ -4113,7 +4134,7 @@ async function Qa() {
|
|
|
4113
4134
|
$({
|
|
4114
4135
|
isLoading: !1,
|
|
4115
4136
|
selectedResultId: i.id
|
|
4116
|
-
}), $("resultsHistory", (e) => [i, ...e].slice(0,
|
|
4137
|
+
}), $("resultsHistory", (e) => [i, ...e].slice(0, Ya));
|
|
4117
4138
|
}
|
|
4118
4139
|
try {
|
|
4119
4140
|
let r = await e.call({
|
|
@@ -4136,19 +4157,19 @@ async function Qa() {
|
|
|
4136
4157
|
});
|
|
4137
4158
|
}
|
|
4138
4159
|
}
|
|
4139
|
-
function
|
|
4160
|
+
function no(e) {
|
|
4140
4161
|
let t = Q.callers.findIndex((t) => t.name === e);
|
|
4141
4162
|
t !== -1 && $("selectedCallerIdx", t);
|
|
4142
4163
|
}
|
|
4143
|
-
function
|
|
4164
|
+
function ro(e) {
|
|
4144
4165
|
$({
|
|
4145
4166
|
path: e.path,
|
|
4146
4167
|
method: e.method,
|
|
4147
4168
|
inputValues: { ...e.inputValues },
|
|
4148
4169
|
sendError: null
|
|
4149
|
-
}),
|
|
4170
|
+
}), no(e.callerName);
|
|
4150
4171
|
}
|
|
4151
|
-
function
|
|
4172
|
+
function io(e) {
|
|
4152
4173
|
let t = Q.callers[Q.selectedCallerIdx], n = e.method || "POST", r = e.path;
|
|
4153
4174
|
$({
|
|
4154
4175
|
method: n,
|
|
@@ -4159,75 +4180,31 @@ function to(e) {
|
|
|
4159
4180
|
payload: e.payload
|
|
4160
4181
|
}) : e.payload === void 0 || e.payload === null ? {} : { payload: JSON.stringify(e.payload, null, 2) },
|
|
4161
4182
|
sendError: null
|
|
4162
|
-
}),
|
|
4163
|
-
}
|
|
4164
|
-
//#endregion
|
|
4165
|
-
//#region src/utils/getUnusedResponseData.ts
|
|
4166
|
-
var no = Symbol("wildcard");
|
|
4167
|
-
function ro(e) {
|
|
4168
|
-
let t = [];
|
|
4169
|
-
for (let n of e.split(".")) {
|
|
4170
|
-
let e = n.indexOf("["), r = e === -1 ? n : n.slice(0, e);
|
|
4171
|
-
r && t.push(r);
|
|
4172
|
-
for (let e of n.matchAll(/\[(\*|\d+)\]/g)) {
|
|
4173
|
-
let n = e[1];
|
|
4174
|
-
n === "*" ? t.push(no) : n !== void 0 && t.push(Number(n));
|
|
4175
|
-
}
|
|
4176
|
-
}
|
|
4177
|
-
return t;
|
|
4178
|
-
}
|
|
4179
|
-
function io(e) {
|
|
4180
|
-
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
4181
|
-
}
|
|
4182
|
-
function ao(e) {
|
|
4183
|
-
return Array.isArray(e);
|
|
4184
|
-
}
|
|
4185
|
-
function oo(e, t, n) {
|
|
4186
|
-
let r = t[n];
|
|
4187
|
-
if (r === void 0) return e;
|
|
4188
|
-
if (r === no) return ao(e) ? e.map((e) => oo(e, t, n + 1)) : void 0;
|
|
4189
|
-
if (typeof r == "number") return ao(e) ? oo(e[r], t, n + 1) : void 0;
|
|
4190
|
-
if (io(e)) return oo(e[r], t, n + 1);
|
|
4191
|
-
}
|
|
4192
|
-
function so(e, t) {
|
|
4193
|
-
return oo(e, ro(t), 0);
|
|
4194
|
-
}
|
|
4195
|
-
function co(e, t) {
|
|
4196
|
-
let n = {};
|
|
4197
|
-
for (let r of t) n[r] = so(e, r);
|
|
4198
|
-
return n;
|
|
4199
|
-
}
|
|
4200
|
-
function lo(e, t) {
|
|
4201
|
-
let n = 0;
|
|
4202
|
-
for (let r of t) {
|
|
4203
|
-
let t = so(e, r);
|
|
4204
|
-
t !== void 0 && (n += tn(() => JSON.stringify(t).length) || 0);
|
|
4205
|
-
}
|
|
4206
|
-
return n;
|
|
4183
|
+
}), ti("selectedPage", "caller");
|
|
4207
4184
|
}
|
|
4208
4185
|
//#endregion
|
|
4209
4186
|
//#region src/utils/requestToCurl.ts
|
|
4210
|
-
function
|
|
4187
|
+
function ao(e) {
|
|
4211
4188
|
return `'${e.replaceAll("'", "'\\''")}'`;
|
|
4212
4189
|
}
|
|
4213
|
-
function
|
|
4214
|
-
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 ${
|
|
4190
|
+
function oo(e, t = {}) {
|
|
4191
|
+
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 ${ao(n)}`];
|
|
4215
4192
|
r !== "GET" && i.push(`-X ${r}`);
|
|
4216
4193
|
let a = Object.entries(e.headers || {});
|
|
4217
4194
|
for (let [e, n] of a) {
|
|
4218
|
-
let r = t.maskSensitiveData && !
|
|
4219
|
-
i.push(`-H ${
|
|
4195
|
+
let r = t.maskSensitiveData && !Vn(e) ? "<masked>" : n;
|
|
4196
|
+
i.push(`-H ${ao(`${e}: ${r}`)}`);
|
|
4220
4197
|
}
|
|
4221
4198
|
if (e.payload !== void 0 && e.payload !== null && r !== "GET") {
|
|
4222
|
-
a.some(([e]) => e.toLowerCase() === "content-type") || i.push(`-H ${
|
|
4223
|
-
let n = t.maskSensitiveData ?
|
|
4224
|
-
i.push(`--data ${
|
|
4199
|
+
a.some(([e]) => e.toLowerCase() === "content-type") || i.push(`-H ${ao("Content-Type: application/json")}`);
|
|
4200
|
+
let n = t.maskSensitiveData ? Gn(e.payload).value : e.payload;
|
|
4201
|
+
i.push(`--data ${ao(JSON.stringify(n))}`);
|
|
4225
4202
|
}
|
|
4226
4203
|
return i.join(" \\\n ");
|
|
4227
4204
|
}
|
|
4228
4205
|
//#endregion
|
|
4229
4206
|
//#region src/pages/api-explorer/RequestDetails.tsx
|
|
4230
|
-
var
|
|
4207
|
+
var so = /*#__PURE__*/ P("<div>"), co = /*#__PURE__*/ P("<div class=warning-item><div class=warning-content><span>"), lo = /*#__PURE__*/ P("<h1><span class=type></span><span class=separator>|"), uo = /*#__PURE__*/ P("<div class=tags><div class=actions>"), fo = /*#__PURE__*/ P("<div class=details>"), po = /*#__PURE__*/ P("<span class=separator>|"), mo = /*#__PURE__*/ P("<h2>"), ho = /*#__PURE__*/ P("<div class=method>"), go = /*#__PURE__*/ P("<div class=code>"), _o = /*#__PURE__*/ P("<div class=\"tag error\">Has Error"), vo = /*#__PURE__*/ P("<div class=\"tag warning\">"), yo = /*#__PURE__*/ P("<div class=\"tag pending\">Pending"), bo = /*#__PURE__*/ P("<div class=tag>"), xo = /*#__PURE__*/ P("<div class=backdrop>"), So = /*#__PURE__*/ P("<div class=menu>"), Co = /*#__PURE__*/ P("<span>pending…"), wo = /*#__PURE__*/ P("<span> ms"), To = /*#__PURE__*/ P("<span>"), Eo = B`
|
|
4231
4208
|
&&& {
|
|
4232
4209
|
${G()};
|
|
4233
4210
|
padding-left: 10px;
|
|
@@ -4329,7 +4306,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4329
4306
|
padding-bottom: 20px;
|
|
4330
4307
|
}
|
|
4331
4308
|
}
|
|
4332
|
-
`,
|
|
4309
|
+
`, Do = B`
|
|
4333
4310
|
&&& {
|
|
4334
4311
|
${G({ align: "left" })};
|
|
4335
4312
|
gap: 6px;
|
|
@@ -4354,7 +4331,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4354
4331
|
}
|
|
4355
4332
|
}
|
|
4356
4333
|
}
|
|
4357
|
-
`,
|
|
4334
|
+
`, Oo = B`
|
|
4358
4335
|
&&& {
|
|
4359
4336
|
position: relative;
|
|
4360
4337
|
|
|
@@ -4391,11 +4368,11 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4391
4368
|
}
|
|
4392
4369
|
}
|
|
4393
4370
|
}
|
|
4394
|
-
`,
|
|
4371
|
+
`, ko = B`
|
|
4395
4372
|
&&& {
|
|
4396
4373
|
--json-toolbar-bleed: 10px;
|
|
4397
4374
|
}
|
|
4398
|
-
`,
|
|
4375
|
+
`, Ao = B`
|
|
4399
4376
|
&&& {
|
|
4400
4377
|
${W({ gap: 20 })};
|
|
4401
4378
|
color: ${K.secondary.var};
|
|
@@ -4415,10 +4392,10 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4415
4392
|
}
|
|
4416
4393
|
}
|
|
4417
4394
|
}
|
|
4418
|
-
`,
|
|
4395
|
+
`, jo = () => {
|
|
4419
4396
|
let t = k(() => J.selectedCall), n = k(() => J.selectedRequest), r = k(() => J.selectedTab || "summary"), i = en(() => {
|
|
4420
4397
|
let e;
|
|
4421
|
-
e = t() ? U.calls[t()] : U.calls[
|
|
4398
|
+
e = t() ? U.calls[t()] : U.calls[Xn.value];
|
|
4422
4399
|
let r = n() && e?.requests.find((e) => e.id === n()) || e?.requests.at(-1);
|
|
4423
4400
|
return r && e ? {
|
|
4424
4401
|
...r,
|
|
@@ -4432,24 +4409,24 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4432
4409
|
return { selected: _.value === e };
|
|
4433
4410
|
},
|
|
4434
4411
|
onClick: () => {
|
|
4435
|
-
|
|
4412
|
+
ti("selectedTab", e);
|
|
4436
4413
|
},
|
|
4437
4414
|
children: t
|
|
4438
4415
|
});
|
|
4439
4416
|
}
|
|
4440
4417
|
let o = en(() => {
|
|
4441
4418
|
let e = i.value;
|
|
4442
|
-
return e ?
|
|
4419
|
+
return e ? ei.value ? e.headers ?? null : Bn(e) : null;
|
|
4443
4420
|
}), s = en(() => {
|
|
4444
4421
|
let e = i.value;
|
|
4445
|
-
return e?.payload ?
|
|
4446
|
-
}), c = en(() =>
|
|
4422
|
+
return e?.payload ? Gn(e.payload) : null;
|
|
4423
|
+
}), c = en(() => ei.value ? i.value?.payload : s.value?.value), l = H(!1);
|
|
4447
4424
|
function u(e) {
|
|
4448
4425
|
let t = i.value;
|
|
4449
|
-
t &&
|
|
4426
|
+
t && jr(oo(t, { maskSensitiveData: e })), l.value = !1;
|
|
4450
4427
|
}
|
|
4451
4428
|
function d(e) {
|
|
4452
|
-
return
|
|
4429
|
+
return ea(e, {
|
|
4453
4430
|
unit: "byte",
|
|
4454
4431
|
style: "unit",
|
|
4455
4432
|
notation: "compact",
|
|
@@ -4459,7 +4436,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4459
4436
|
let f = en(() => i.value?.response ? d(JSON.stringify(i.value.response).length) : !1);
|
|
4460
4437
|
function p() {
|
|
4461
4438
|
let e = i.value;
|
|
4462
|
-
e &&
|
|
4439
|
+
e && jr({
|
|
4463
4440
|
call: e.callName,
|
|
4464
4441
|
path: e.path,
|
|
4465
4442
|
method: e.method,
|
|
@@ -4474,9 +4451,9 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4474
4451
|
duration: e.duration,
|
|
4475
4452
|
tags: e.tags,
|
|
4476
4453
|
warnings: e.warnings,
|
|
4477
|
-
payload:
|
|
4454
|
+
payload: ei.value ? e.payload : Gn(e.payload).value,
|
|
4478
4455
|
searchParams: e.searchParams,
|
|
4479
|
-
headers: (
|
|
4456
|
+
headers: (ei.value ? e.headers : Bn(e)) ?? void 0,
|
|
4480
4457
|
response: e.response,
|
|
4481
4458
|
unusedResponseData: e.unusedResponseData,
|
|
4482
4459
|
metadata: e.metadata
|
|
@@ -4484,11 +4461,11 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4484
4461
|
}
|
|
4485
4462
|
function m(e) {
|
|
4486
4463
|
return (() => {
|
|
4487
|
-
var t =
|
|
4488
|
-
return I(t,
|
|
4464
|
+
var t = so();
|
|
4465
|
+
return I(t, Do), R(t, A(j, {
|
|
4489
4466
|
each: e,
|
|
4490
4467
|
children: (e) => (() => {
|
|
4491
|
-
var t =
|
|
4468
|
+
var t = co(), n = t.firstChild, r = n.firstChild;
|
|
4492
4469
|
return R(t, A(V, { name: "alert-triangle" }), n), R(r, () => e.message), R(n, (() => {
|
|
4493
4470
|
var t = N(() => e.details !== void 0);
|
|
4494
4471
|
return () => t() && A(X, {
|
|
@@ -4504,58 +4481,58 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4504
4481
|
}
|
|
4505
4482
|
let h = en(() => {
|
|
4506
4483
|
let e = i.value;
|
|
4507
|
-
return e?.unusedResponseData?.length ?
|
|
4484
|
+
return e?.unusedResponseData?.length ? on(e.unusedResponseData) : null;
|
|
4508
4485
|
}), g = en(() => {
|
|
4509
4486
|
let e = i.value;
|
|
4510
|
-
if (!e?.unusedResponseData?.length
|
|
4511
|
-
let t =
|
|
4487
|
+
if (!e?.unusedResponseData?.length) return !1;
|
|
4488
|
+
let t = sn(e.unusedResponseData);
|
|
4512
4489
|
if (t === 0) return !1;
|
|
4513
|
-
let n = JSON.stringify(e.response)
|
|
4514
|
-
return `${d(t)} (${
|
|
4490
|
+
let n = JSON.stringify(e.response), r = n ? n.length : 0, a = r > 0 ? Math.round(t / r * 100) : 0;
|
|
4491
|
+
return `${d(t)} (${a}% of response)`;
|
|
4515
4492
|
}), _ = en(() => {
|
|
4516
4493
|
let e = i.value;
|
|
4517
4494
|
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();
|
|
4518
4495
|
});
|
|
4519
4496
|
return (() => {
|
|
4520
|
-
var t =
|
|
4521
|
-
return I(t,
|
|
4497
|
+
var t = so();
|
|
4498
|
+
return I(t, Eo), R(t, (() => {
|
|
4522
4499
|
var t = N(() => !!i.value);
|
|
4523
4500
|
return () => t() && [
|
|
4524
4501
|
(() => {
|
|
4525
|
-
var e =
|
|
4502
|
+
var e = lo(), t = e.firstChild;
|
|
4526
4503
|
return t.nextSibling, R(t, (() => {
|
|
4527
4504
|
var e = N(() => i.value.type === "ws");
|
|
4528
4505
|
return () => e() ? `WS ${i.value.subType}` : "API";
|
|
4529
4506
|
})()), R(e, () => i.value.callName, null), R(e, (() => {
|
|
4530
4507
|
var e = N(() => !!i.value.alias);
|
|
4531
|
-
return () => e() &&
|
|
4508
|
+
return () => e() && po();
|
|
4532
4509
|
})(), null), R(e, () => i.value.alias, null), e;
|
|
4533
4510
|
})(),
|
|
4534
4511
|
N(() => N(() => i.value.callPath !== i.value.callName)() && (() => {
|
|
4535
|
-
var e =
|
|
4512
|
+
var e = mo();
|
|
4536
4513
|
return R(e, () => i.value.callPath), e;
|
|
4537
4514
|
})()),
|
|
4538
4515
|
(() => {
|
|
4539
|
-
var e =
|
|
4516
|
+
var e = uo(), t = e.firstChild;
|
|
4540
4517
|
return R(e, (() => {
|
|
4541
4518
|
var e = N(() => !!i.value.method);
|
|
4542
4519
|
return () => e() && (() => {
|
|
4543
|
-
var e =
|
|
4520
|
+
var e = ho();
|
|
4544
4521
|
return R(e, () => i.value.method), e;
|
|
4545
4522
|
})();
|
|
4546
4523
|
})(), t), R(e, (() => {
|
|
4547
4524
|
var e = N(() => !!i.value.code);
|
|
4548
4525
|
return () => e() && (() => {
|
|
4549
|
-
var e =
|
|
4526
|
+
var e = go();
|
|
4550
4527
|
return R(e, () => i.value.code), O(() => e.classList.toggle("error", i.value.code >= 400)), e;
|
|
4551
4528
|
})();
|
|
4552
4529
|
})(), t), R(e, (() => {
|
|
4553
4530
|
var e = N(() => !!i.value.isError);
|
|
4554
|
-
return () => e() &&
|
|
4531
|
+
return () => e() && _o();
|
|
4555
4532
|
})(), t), R(e, (() => {
|
|
4556
4533
|
var e = N(() => !!i.value.warnings?.length);
|
|
4557
4534
|
return () => e() && (() => {
|
|
4558
|
-
var e =
|
|
4535
|
+
var e = vo();
|
|
4559
4536
|
return R(e, A(V, { name: "alert-triangle" }), null), R(e, (() => {
|
|
4560
4537
|
var e = N(() => i.value.warnings.length === 1);
|
|
4561
4538
|
return () => e() ? "Has Warning" : `${i.value.warnings.length} Warnings`;
|
|
@@ -4563,13 +4540,13 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4563
4540
|
})();
|
|
4564
4541
|
})(), t), R(e, (() => {
|
|
4565
4542
|
var e = N(() => i.value.status === "pending");
|
|
4566
|
-
return () => e() &&
|
|
4543
|
+
return () => e() && yo();
|
|
4567
4544
|
})(), t), R(e, A(j, {
|
|
4568
4545
|
get each() {
|
|
4569
4546
|
return i.value.tags;
|
|
4570
4547
|
},
|
|
4571
4548
|
children: (e) => (() => {
|
|
4572
|
-
var t =
|
|
4549
|
+
var t = bo();
|
|
4573
4550
|
return R(t, e), t;
|
|
4574
4551
|
})()
|
|
4575
4552
|
}), t), R(t, A(z, {
|
|
@@ -4582,8 +4559,8 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4582
4559
|
}), null), R(t, (() => {
|
|
4583
4560
|
var e = N(() => i.value.type !== "ws");
|
|
4584
4561
|
return () => e() && (() => {
|
|
4585
|
-
var e =
|
|
4586
|
-
return I(e,
|
|
4562
|
+
var e = so();
|
|
4563
|
+
return I(e, Oo), R(e, A(z, {
|
|
4587
4564
|
class: "action-button",
|
|
4588
4565
|
title: "Copy request as cURL",
|
|
4589
4566
|
onClick: () => {
|
|
@@ -4599,12 +4576,12 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4599
4576
|
}), null), R(e, (() => {
|
|
4600
4577
|
var e = N(() => !!l.value);
|
|
4601
4578
|
return () => e() && [(() => {
|
|
4602
|
-
var e =
|
|
4579
|
+
var e = xo();
|
|
4603
4580
|
return e.$$click = () => {
|
|
4604
4581
|
l.value = !1;
|
|
4605
4582
|
}, e;
|
|
4606
4583
|
})(), (() => {
|
|
4607
|
-
var e =
|
|
4584
|
+
var e = So();
|
|
4608
4585
|
return R(e, A(z, {
|
|
4609
4586
|
title: "Sensitive header values and payload fields are masked",
|
|
4610
4587
|
onClick: () => u(!0),
|
|
@@ -4624,7 +4601,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4624
4601
|
title: "Modify and resend this request in the caller tab",
|
|
4625
4602
|
onClick: () => {
|
|
4626
4603
|
let e = i.value;
|
|
4627
|
-
e &&
|
|
4604
|
+
e && io(e);
|
|
4628
4605
|
},
|
|
4629
4606
|
get children() {
|
|
4630
4607
|
return [A(V, { name: "send" }), "Modify request"];
|
|
@@ -4633,8 +4610,8 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4633
4610
|
})(), null), e;
|
|
4634
4611
|
})(),
|
|
4635
4612
|
(() => {
|
|
4636
|
-
var e =
|
|
4637
|
-
return I(e,
|
|
4613
|
+
var e = so();
|
|
4614
|
+
return I(e, Ao), R(e, () => a("summary", "Summary"), null), R(e, (() => {
|
|
4638
4615
|
var e = N(() => !!i.value.payload);
|
|
4639
4616
|
return () => e() && a("payload", "Payload");
|
|
4640
4617
|
})(), null), R(e, (() => {
|
|
@@ -4655,7 +4632,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4655
4632
|
})(), null), e;
|
|
4656
4633
|
})(),
|
|
4657
4634
|
(() => {
|
|
4658
|
-
var t =
|
|
4635
|
+
var t = fo();
|
|
4659
4636
|
return R(t, A(Ke, { get children() {
|
|
4660
4637
|
return [
|
|
4661
4638
|
A(qe, {
|
|
@@ -4717,22 +4694,22 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4717
4694
|
A(Z, {
|
|
4718
4695
|
title: "Stats",
|
|
4719
4696
|
get children() {
|
|
4720
|
-
return A(
|
|
4697
|
+
return A(La, { get rows() {
|
|
4721
4698
|
return [
|
|
4722
4699
|
i.value.type !== "ws" && {
|
|
4723
4700
|
name: "Duration",
|
|
4724
4701
|
value: i.value.status === "pending" ? (() => {
|
|
4725
|
-
var e =
|
|
4702
|
+
var e = Co();
|
|
4726
4703
|
return O((t) => L(e, "color", K.secondary.var)), e;
|
|
4727
4704
|
})() : (() => {
|
|
4728
|
-
var e =
|
|
4729
|
-
return R(e, () =>
|
|
4705
|
+
var e = wo(), t = e.firstChild;
|
|
4706
|
+
return R(e, () => ea(i.value.duration, { maximumFractionDigits: 0 }), t), O((t) => L(e, "color", i.value.duration < 500 ? K.success.var : i.value.duration > 1e3 ? K.error.var : void 0)), e;
|
|
4730
4707
|
})()
|
|
4731
4708
|
},
|
|
4732
4709
|
{
|
|
4733
4710
|
name: "Start Time",
|
|
4734
4711
|
value: (() => {
|
|
4735
|
-
var t =
|
|
4712
|
+
var t = To();
|
|
4736
4713
|
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;
|
|
4737
4714
|
})()
|
|
4738
4715
|
},
|
|
@@ -4743,7 +4720,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4743
4720
|
!!g.value && {
|
|
4744
4721
|
name: "Unused Data Size",
|
|
4745
4722
|
value: (() => {
|
|
4746
|
-
var e =
|
|
4723
|
+
var e = To();
|
|
4747
4724
|
return R(e, () => g.value), O((t) => L(e, "color", K.warning.var)), e;
|
|
4748
4725
|
})()
|
|
4749
4726
|
}
|
|
@@ -4787,7 +4764,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4787
4764
|
get children() {
|
|
4788
4765
|
return A(Z, {
|
|
4789
4766
|
title: null,
|
|
4790
|
-
class:
|
|
4767
|
+
class: ko,
|
|
4791
4768
|
get children() {
|
|
4792
4769
|
return A(X, {
|
|
4793
4770
|
get value() {
|
|
@@ -4806,7 +4783,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4806
4783
|
get children() {
|
|
4807
4784
|
return A(Z, {
|
|
4808
4785
|
title: null,
|
|
4809
|
-
class:
|
|
4786
|
+
class: ko,
|
|
4810
4787
|
get children() {
|
|
4811
4788
|
return A(X, {
|
|
4812
4789
|
get value() {
|
|
@@ -4825,7 +4802,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4825
4802
|
get children() {
|
|
4826
4803
|
return A(Z, {
|
|
4827
4804
|
title: null,
|
|
4828
|
-
class:
|
|
4805
|
+
class: ko,
|
|
4829
4806
|
get children() {
|
|
4830
4807
|
return A(X, {
|
|
4831
4808
|
get value() {
|
|
@@ -4844,7 +4821,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4844
4821
|
get children() {
|
|
4845
4822
|
return A(Z, {
|
|
4846
4823
|
title: null,
|
|
4847
|
-
class:
|
|
4824
|
+
class: ko,
|
|
4848
4825
|
get children() {
|
|
4849
4826
|
return A(X, {
|
|
4850
4827
|
get value() {
|
|
@@ -4863,7 +4840,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4863
4840
|
get children() {
|
|
4864
4841
|
return A(Z, {
|
|
4865
4842
|
title: null,
|
|
4866
|
-
class:
|
|
4843
|
+
class: ko,
|
|
4867
4844
|
get children() {
|
|
4868
4845
|
return m(i.value.warnings || []);
|
|
4869
4846
|
}
|
|
@@ -4877,7 +4854,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4877
4854
|
get children() {
|
|
4878
4855
|
return A(Z, {
|
|
4879
4856
|
title: null,
|
|
4880
|
-
class:
|
|
4857
|
+
class: ko,
|
|
4881
4858
|
get children() {
|
|
4882
4859
|
return A(X, {
|
|
4883
4860
|
get value() {
|
|
@@ -4896,7 +4873,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4896
4873
|
get children() {
|
|
4897
4874
|
return A(Z, {
|
|
4898
4875
|
title: null,
|
|
4899
|
-
class:
|
|
4876
|
+
class: ko,
|
|
4900
4877
|
get children() {
|
|
4901
4878
|
return A(X, {
|
|
4902
4879
|
get value() {
|
|
@@ -4918,13 +4895,13 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
|
|
|
4918
4895
|
it(["click"]);
|
|
4919
4896
|
//#endregion
|
|
4920
4897
|
//#region src/pages/api-explorer/getRequestPayload.tsx
|
|
4921
|
-
function
|
|
4898
|
+
function Mo(e) {
|
|
4922
4899
|
let t = e.alias || e.payload || e.searchParams;
|
|
4923
4900
|
return !t || Object.keys(t).length === 0 ? "" : typeof t == "string" || typeof t == "number" ? String(t) : JSON.stringify(t);
|
|
4924
4901
|
}
|
|
4925
4902
|
//#endregion
|
|
4926
4903
|
//#region src/pages/api-explorer/Timeline.tsx
|
|
4927
|
-
var
|
|
4904
|
+
var No = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Po = /*#__PURE__*/ P("<div>no requests found"), Fo = /*#__PURE__*/ P("<div><span> · "), Io = /*#__PURE__*/ P("<span class=start-time>"), Lo = /*#__PURE__*/ P("<span>"), Ro = /*#__PURE__*/ P("<div>"), zo = /*#__PURE__*/ P("<span class=pending-indicator>pending"), Bo = /*#__PURE__*/ P("<span class=separator>|"), Vo = /*#__PURE__*/ P("<span class=payload>"), Ho = B`
|
|
4928
4905
|
&&& {
|
|
4929
4906
|
${G()};
|
|
4930
4907
|
border-right: 1px solid ${K.white.alpha(.1)};
|
|
@@ -4938,13 +4915,13 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
|
|
|
4938
4915
|
padding-bottom: 16px;
|
|
4939
4916
|
}
|
|
4940
4917
|
}
|
|
4941
|
-
`,
|
|
4918
|
+
`, Uo = B`
|
|
4942
4919
|
&&& {
|
|
4943
4920
|
${G()};
|
|
4944
4921
|
flex: 1 1;
|
|
4945
4922
|
overflow-y: auto;
|
|
4946
4923
|
}
|
|
4947
|
-
`,
|
|
4924
|
+
`, Wo = B`
|
|
4948
4925
|
&&& {
|
|
4949
4926
|
font-size: 13px;
|
|
4950
4927
|
${G()};
|
|
@@ -4998,7 +4975,7 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
|
|
|
4998
4975
|
}
|
|
4999
4976
|
}
|
|
5000
4977
|
}
|
|
5001
|
-
`,
|
|
4978
|
+
`, Go = B`
|
|
5002
4979
|
&&& {
|
|
5003
4980
|
${W({ gap: 8 })};
|
|
5004
4981
|
padding: 2px 12px;
|
|
@@ -5018,17 +4995,17 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
|
|
|
5018
4995
|
flex-shrink: 1;
|
|
5019
4996
|
}
|
|
5020
4997
|
}
|
|
5021
|
-
`,
|
|
4998
|
+
`, Ko = B`
|
|
5022
4999
|
&&& {
|
|
5023
5000
|
opacity: 0.4;
|
|
5024
5001
|
font-size: 14px;
|
|
5025
5002
|
padding: 12px;
|
|
5026
5003
|
padding-top: 0;
|
|
5027
5004
|
}
|
|
5028
|
-
`,
|
|
5005
|
+
`, qo = () => {
|
|
5029
5006
|
let t = k(() => {
|
|
5030
5007
|
let e = J.selectedCall;
|
|
5031
|
-
return e ? e ? U.calls[e] : null : U.calls[
|
|
5008
|
+
return e ? e ? U.calls[e] : null : U.calls[Xn.value] || null;
|
|
5032
5009
|
}), n = k(() => {
|
|
5033
5010
|
let e = Wt(t()?.requests);
|
|
5034
5011
|
return e.length === 0 ? null : e;
|
|
@@ -5048,28 +5025,28 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
|
|
|
5048
5025
|
return t.sort((e, t) => t.time - e.time);
|
|
5049
5026
|
}), a = k(() => J.selectedRequest || r()?.[0]?.id);
|
|
5050
5027
|
return (() => {
|
|
5051
|
-
var t =
|
|
5052
|
-
return I(t,
|
|
5028
|
+
var t = No(), n = t.firstChild.nextSibling;
|
|
5029
|
+
return I(t, Ho), I(n, Uo), R(n, A(j, {
|
|
5053
5030
|
get each() {
|
|
5054
5031
|
return i();
|
|
5055
5032
|
},
|
|
5056
5033
|
get fallback() {
|
|
5057
5034
|
return (() => {
|
|
5058
|
-
var e =
|
|
5059
|
-
return I(e,
|
|
5035
|
+
var e = Po();
|
|
5036
|
+
return I(e, Ko), e;
|
|
5060
5037
|
})();
|
|
5061
5038
|
},
|
|
5062
5039
|
children: (t) => {
|
|
5063
5040
|
if (t.itemType === "marker") return (() => {
|
|
5064
|
-
var n =
|
|
5065
|
-
return I(n,
|
|
5041
|
+
var n = Fo(), r = n.firstChild, i = r.firstChild;
|
|
5042
|
+
return I(n, Go), 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;
|
|
5066
5043
|
})();
|
|
5067
|
-
let n = t.request, r = e(n.startTime), i = r.format("HH:mm:ss"), o = r.fromNow(), s =
|
|
5044
|
+
let n = t.request, r = e(n.startTime), i = r.format("HH:mm:ss"), o = r.fromNow(), s = Mo(n), c = ii(n);
|
|
5068
5045
|
return (() => {
|
|
5069
|
-
var e =
|
|
5070
|
-
return I(e,
|
|
5046
|
+
var e = Ro();
|
|
5047
|
+
return I(e, Wo), R(e, A(z, {
|
|
5071
5048
|
onClick: () => {
|
|
5072
|
-
|
|
5049
|
+
ti("selectedRequest", n.id);
|
|
5073
5050
|
},
|
|
5074
5051
|
get classList() {
|
|
5075
5052
|
return { selected: n.id === a() };
|
|
@@ -5077,22 +5054,22 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
|
|
|
5077
5054
|
get children() {
|
|
5078
5055
|
return [
|
|
5079
5056
|
(() => {
|
|
5080
|
-
var e =
|
|
5057
|
+
var e = Io();
|
|
5081
5058
|
return F(e, "title", o), R(e, i), e;
|
|
5082
5059
|
})(),
|
|
5083
5060
|
(() => {
|
|
5084
|
-
var e =
|
|
5061
|
+
var e = Lo();
|
|
5085
5062
|
return R(e, () => c.label), O((t) => {
|
|
5086
|
-
var n = `${
|
|
5063
|
+
var n = `${ni} ${c.class}`, r = c.description;
|
|
5087
5064
|
return n !== t.e && I(e, t.e = n), r !== t.t && F(e, "title", t.t = r), t;
|
|
5088
5065
|
}, {
|
|
5089
5066
|
e: void 0,
|
|
5090
5067
|
t: void 0
|
|
5091
5068
|
}), e;
|
|
5092
5069
|
})(),
|
|
5093
|
-
N(() => N(() => n.status === "pending")() &&
|
|
5094
|
-
N(() => !!s && [
|
|
5095
|
-
var e =
|
|
5070
|
+
N(() => N(() => n.status === "pending")() && zo()),
|
|
5071
|
+
N(() => !!s && [Bo(), (() => {
|
|
5072
|
+
var e = Vo();
|
|
5096
5073
|
return F(e, "title", s), R(e, s), e;
|
|
5097
5074
|
})()])
|
|
5098
5075
|
];
|
|
@@ -5109,12 +5086,12 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
|
|
|
5109
5086
|
}
|
|
5110
5087
|
})), t;
|
|
5111
5088
|
})();
|
|
5112
|
-
},
|
|
5089
|
+
}, Jo = /*#__PURE__*/ P("<div>"), Yo = B`
|
|
5113
5090
|
&&& {
|
|
5114
5091
|
display: grid;
|
|
5115
5092
|
}
|
|
5116
|
-
`,
|
|
5117
|
-
let e =
|
|
5093
|
+
`, Xo = () => {
|
|
5094
|
+
let e = $r({
|
|
5118
5095
|
storageKey: "api-explorer",
|
|
5119
5096
|
initialSizes: [
|
|
5120
5097
|
1,
|
|
@@ -5134,21 +5111,21 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
|
|
|
5134
5111
|
loadedTime: n
|
|
5135
5112
|
});
|
|
5136
5113
|
}
|
|
5137
|
-
e &&
|
|
5114
|
+
e && ti({
|
|
5138
5115
|
selectedCall: e.callID,
|
|
5139
5116
|
selectedRequest: e.requestID
|
|
5140
5117
|
});
|
|
5141
5118
|
}), (() => {
|
|
5142
|
-
var t =
|
|
5143
|
-
return I(t,
|
|
5119
|
+
var t = Jo();
|
|
5120
|
+
return I(t, Yo), R(t, A(Ti, {}), null), R(t, A(e.Handle, { index: 0 }), null), R(t, A(qo, {}), null), R(t, A(e.Handle, { index: 1 }), null), R(t, A(jo, {}), null), O((n) => L(t, "grid-template-columns", e.gridTemplateColumns())), t;
|
|
5144
5121
|
})();
|
|
5145
|
-
},
|
|
5146
|
-
function
|
|
5147
|
-
return
|
|
5122
|
+
}, Zo = 0;
|
|
5123
|
+
function Qo() {
|
|
5124
|
+
return Zo++;
|
|
5148
5125
|
}
|
|
5149
5126
|
//#endregion
|
|
5150
5127
|
//#region src/components/Select.tsx
|
|
5151
|
-
var
|
|
5128
|
+
var $o = /*#__PURE__*/ P("<label>"), es = /*#__PURE__*/ P("<div><div class=inputContainer><select>"), ts = /*#__PURE__*/ P("<option value>-- select an option --"), ns = /*#__PURE__*/ P("<option>"), rs = B`
|
|
5152
5129
|
&&& {
|
|
5153
5130
|
${G({ align: "left" })};
|
|
5154
5131
|
width: 100%;
|
|
@@ -5199,39 +5176,39 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5199
5176
|
background: ${K.white.var};
|
|
5200
5177
|
}
|
|
5201
5178
|
}
|
|
5202
|
-
`,
|
|
5203
|
-
let t = `input${
|
|
5179
|
+
`, is = (e) => {
|
|
5180
|
+
let t = `input${Qo()}`;
|
|
5204
5181
|
return (() => {
|
|
5205
|
-
var n =
|
|
5182
|
+
var n = es(), r = n.firstChild, i = r.firstChild;
|
|
5206
5183
|
return R(n, A(M, {
|
|
5207
5184
|
get when() {
|
|
5208
5185
|
return e.label;
|
|
5209
5186
|
},
|
|
5210
5187
|
get children() {
|
|
5211
|
-
var n =
|
|
5188
|
+
var n = $o();
|
|
5212
5189
|
return F(n, "for", t), R(n, () => e.label), n;
|
|
5213
5190
|
}
|
|
5214
5191
|
}), r), i.addEventListener("change", (t) => {
|
|
5215
5192
|
t.currentTarget.value && e.onChange(t.currentTarget.value);
|
|
5216
5193
|
}), F(i, "id", t), R(i, (() => {
|
|
5217
5194
|
var t = N(() => !e.value);
|
|
5218
|
-
return () => t() &&
|
|
5195
|
+
return () => t() && ts();
|
|
5219
5196
|
})(), null), R(i, A(j, {
|
|
5220
5197
|
get each() {
|
|
5221
5198
|
return e.options;
|
|
5222
5199
|
},
|
|
5223
5200
|
children: (e) => (() => {
|
|
5224
|
-
var t =
|
|
5201
|
+
var t = ns();
|
|
5225
5202
|
return R(t, () => e.label), O(() => t.value = e.value), t;
|
|
5226
5203
|
})()
|
|
5227
|
-
}), null), O(() => I(n,
|
|
5204
|
+
}), null), O(() => I(n, Aa(rs, e.class))), O(() => i.value = e.value ?? ""), n;
|
|
5228
5205
|
})();
|
|
5229
|
-
},
|
|
5206
|
+
}, as = /*#__PURE__*/ P("<div><div><h1>history</h1><div class=entries></div></div><div>"), os = /*#__PURE__*/ P("<div class=empty>no requests sent yet"), ss = /*#__PURE__*/ P("<span class=sender>"), cs = /*#__PURE__*/ P("<span class=method-row><span class=method>"), ls = /*#__PURE__*/ P("<span class=path>"), us = /*#__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."), ds = /*#__PURE__*/ P("<div class=form-row><input class=path-input placeholder=\"request path, e.g. /v3/tables\">"), fs = /*#__PURE__*/ P("<div class=input-error>"), ps = /*#__PURE__*/ P("<div><div class=results-list><div class=title>results</div><div class=entries>"), ms = /*#__PURE__*/ P("<div class=input-label>"), hs = /*#__PURE__*/ P("<input class=text-input>"), gs = /*#__PURE__*/ P("<textarea>"), _s = /*#__PURE__*/ P("<span class=row-meta><span class=status></span><span> ms</span><span class=time>"), vs = /*#__PURE__*/ P("<span class=row-sender>via "), ys = /*#__PURE__*/ P("<span class=sender>via "), bs = /*#__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"), xs = /*#__PURE__*/ P("<div class=detail-label> sent"), Ss = /*#__PURE__*/ P("<pre class=input-value>"), Cs = /*#__PURE__*/ P("<div class=result-error>"), ws = B`
|
|
5230
5207
|
&&& {
|
|
5231
5208
|
display: grid;
|
|
5232
5209
|
overflow: hidden;
|
|
5233
5210
|
}
|
|
5234
|
-
`,
|
|
5211
|
+
`, Ts = B`
|
|
5235
5212
|
&&& {
|
|
5236
5213
|
${G()};
|
|
5237
5214
|
border-right: 1px solid ${K.white.alpha(.1)};
|
|
@@ -5295,7 +5272,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5295
5272
|
}
|
|
5296
5273
|
}
|
|
5297
5274
|
}
|
|
5298
|
-
`,
|
|
5275
|
+
`, Es = B`
|
|
5299
5276
|
&&& {
|
|
5300
5277
|
${G({ align: "stretch" })};
|
|
5301
5278
|
padding: 12px 16px 0;
|
|
@@ -5406,7 +5383,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5406
5383
|
}
|
|
5407
5384
|
}
|
|
5408
5385
|
}
|
|
5409
|
-
`,
|
|
5386
|
+
`, Ds = B`
|
|
5410
5387
|
&&& {
|
|
5411
5388
|
display: grid;
|
|
5412
5389
|
flex: 1 1 0;
|
|
@@ -5556,16 +5533,16 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5556
5533
|
}
|
|
5557
5534
|
}
|
|
5558
5535
|
}
|
|
5559
|
-
`,
|
|
5560
|
-
let t = k(() => Q.callers[Q.selectedCallerIdx]), n = k(() => t()?.methods ||
|
|
5536
|
+
`, Os = () => {
|
|
5537
|
+
let t = k(() => Q.callers[Q.selectedCallerIdx]), n = k(() => t()?.methods || qa), r = k(() => t()?.inputs ?? Ra), i = $r({
|
|
5561
5538
|
storageKey: "caller",
|
|
5562
5539
|
initialSizes: [1, 4]
|
|
5563
|
-
}), a =
|
|
5540
|
+
}), a = $r({
|
|
5564
5541
|
storageKey: "caller-results",
|
|
5565
5542
|
initialSizes: [1, 2.5]
|
|
5566
5543
|
}), o = k(() => {
|
|
5567
5544
|
for (let e of r()) if (e.type === "json") {
|
|
5568
|
-
let t =
|
|
5545
|
+
let t = Za(Q.inputValues[e.name] ?? "");
|
|
5569
5546
|
if (t) return t;
|
|
5570
5547
|
}
|
|
5571
5548
|
return null;
|
|
@@ -5573,54 +5550,54 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5573
5550
|
let e = Q.path.trim(), t = Q.method;
|
|
5574
5551
|
return Q.resultsHistory.filter((n) => n.path === e && n.method === t);
|
|
5575
5552
|
}), c = k(() => {
|
|
5576
|
-
let e = Q.path.trim(), n = Q.method, i = t()?.name, a =
|
|
5577
|
-
return Q.history.find((t) => t.path === e && t.method === n && (!t.callerName || t.callerName === i) &&
|
|
5553
|
+
let e = Q.path.trim(), n = Q.method, i = t()?.name, a = $a(r());
|
|
5554
|
+
return Q.history.find((t) => t.path === e && t.method === n && (!t.callerName || t.callerName === i) && eo(t.inputValues, a))?.id;
|
|
5578
5555
|
}), l = k(() => {
|
|
5579
5556
|
let e = s();
|
|
5580
5557
|
return e.find((e) => e.id === Q.selectedResultId) ?? e[0];
|
|
5581
5558
|
});
|
|
5582
5559
|
return (() => {
|
|
5583
|
-
var t =
|
|
5584
|
-
return I(t,
|
|
5560
|
+
var t = as(), u = t.firstChild, d = u.firstChild.nextSibling, f = u.nextSibling;
|
|
5561
|
+
return I(t, ws), I(u, Ts), R(d, A(j, {
|
|
5585
5562
|
get each() {
|
|
5586
5563
|
return Q.history;
|
|
5587
5564
|
},
|
|
5588
5565
|
get fallback() {
|
|
5589
|
-
return
|
|
5566
|
+
return os();
|
|
5590
5567
|
},
|
|
5591
5568
|
children: (e) => A(z, {
|
|
5592
5569
|
get classList() {
|
|
5593
5570
|
return { selected: e.id === c() };
|
|
5594
5571
|
},
|
|
5595
5572
|
onClick: () => {
|
|
5596
|
-
|
|
5573
|
+
ro(e);
|
|
5597
5574
|
},
|
|
5598
5575
|
get children() {
|
|
5599
5576
|
return [(() => {
|
|
5600
|
-
var t =
|
|
5577
|
+
var t = cs(), n = t.firstChild;
|
|
5601
5578
|
return R(n, () => e.method), R(t, A(M, {
|
|
5602
5579
|
get when() {
|
|
5603
5580
|
return e.callerName;
|
|
5604
5581
|
},
|
|
5605
5582
|
get children() {
|
|
5606
|
-
var t =
|
|
5583
|
+
var t = ss();
|
|
5607
5584
|
return R(t, () => e.callerName), t;
|
|
5608
5585
|
}
|
|
5609
5586
|
}), null), t;
|
|
5610
5587
|
})(), (() => {
|
|
5611
|
-
var t =
|
|
5588
|
+
var t = ls();
|
|
5612
5589
|
return R(t, () => e.path), t;
|
|
5613
5590
|
})()];
|
|
5614
5591
|
}
|
|
5615
5592
|
})
|
|
5616
|
-
})), R(t, A(i.Handle, { index: 0 }), f), I(f,
|
|
5593
|
+
})), R(t, A(i.Handle, { index: 0 }), f), I(f, Es), R(f, (() => {
|
|
5617
5594
|
var t = N(() => Q.callers.length === 0);
|
|
5618
|
-
return () => t() ?
|
|
5595
|
+
return () => t() ? us() : [
|
|
5619
5596
|
(() => {
|
|
5620
|
-
var e =
|
|
5597
|
+
var e = ds(), t = e.firstChild;
|
|
5621
5598
|
return R(e, (() => {
|
|
5622
5599
|
var e = N(() => Q.callers.length > 1);
|
|
5623
|
-
return () => e() && A(
|
|
5600
|
+
return () => e() && A(is, {
|
|
5624
5601
|
class: "caller-select",
|
|
5625
5602
|
get value() {
|
|
5626
5603
|
return String(Q.selectedCallerIdx);
|
|
@@ -5635,7 +5612,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5635
5612
|
$("selectedCallerIdx", Number(e));
|
|
5636
5613
|
}
|
|
5637
5614
|
});
|
|
5638
|
-
})(), t), R(e, A(
|
|
5615
|
+
})(), t), R(e, A(is, {
|
|
5639
5616
|
class: "method-select",
|
|
5640
5617
|
get value() {
|
|
5641
5618
|
return Q.method;
|
|
@@ -5650,7 +5627,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5650
5627
|
$("method", e);
|
|
5651
5628
|
}
|
|
5652
5629
|
}), t), t.$$keydown = (e) => {
|
|
5653
|
-
e.key === "Enter" &&
|
|
5630
|
+
e.key === "Enter" && to();
|
|
5654
5631
|
}, t.$$input = (e) => {
|
|
5655
5632
|
$({
|
|
5656
5633
|
path: e.currentTarget.value,
|
|
@@ -5662,7 +5639,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5662
5639
|
return Q.isLoading || !!o();
|
|
5663
5640
|
},
|
|
5664
5641
|
onClick: () => {
|
|
5665
|
-
|
|
5642
|
+
to();
|
|
5666
5643
|
},
|
|
5667
5644
|
get children() {
|
|
5668
5645
|
return [A(V, { name: "play" }), N(() => Q.isLoading ? "Sending…" : "Send")];
|
|
@@ -5679,9 +5656,9 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5679
5656
|
$("inputValues", e.name, t);
|
|
5680
5657
|
}
|
|
5681
5658
|
if (e.type === "select") return [(() => {
|
|
5682
|
-
var t =
|
|
5659
|
+
var t = ms();
|
|
5683
5660
|
return R(t, () => e.label ?? e.name), t;
|
|
5684
|
-
})(), A(
|
|
5661
|
+
})(), A(is, {
|
|
5685
5662
|
class: "input-select",
|
|
5686
5663
|
get value() {
|
|
5687
5664
|
return t() || (typeof e.options[0] == "string" ? e.options[0] : e.options[0]?.value) || "";
|
|
@@ -5695,22 +5672,22 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5695
5672
|
onChange: n
|
|
5696
5673
|
})];
|
|
5697
5674
|
if (e.type === "string") return [(() => {
|
|
5698
|
-
var t =
|
|
5675
|
+
var t = ms();
|
|
5699
5676
|
return R(t, () => e.label ?? e.name), t;
|
|
5700
5677
|
})(), (() => {
|
|
5701
|
-
var r =
|
|
5678
|
+
var r = hs();
|
|
5702
5679
|
return r.$$input = (e) => {
|
|
5703
5680
|
n(e.currentTarget.value);
|
|
5704
5681
|
}, O(() => F(r, "placeholder", e.placeholder)), O(() => r.value = t()), r;
|
|
5705
5682
|
})()];
|
|
5706
|
-
let r = k(() =>
|
|
5683
|
+
let r = k(() => Za(t()));
|
|
5707
5684
|
return [
|
|
5708
5685
|
(() => {
|
|
5709
|
-
var t =
|
|
5686
|
+
var t = ms();
|
|
5710
5687
|
return R(t, () => e.label ?? `${e.name} (json)`), t;
|
|
5711
5688
|
})(),
|
|
5712
5689
|
(() => {
|
|
5713
|
-
var i =
|
|
5690
|
+
var i = gs();
|
|
5714
5691
|
return i.$$input = (e) => {
|
|
5715
5692
|
n(e.currentTarget.value);
|
|
5716
5693
|
}, O((t) => {
|
|
@@ -5726,7 +5703,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5726
5703
|
return r();
|
|
5727
5704
|
},
|
|
5728
5705
|
get children() {
|
|
5729
|
-
var e =
|
|
5706
|
+
var e = fs();
|
|
5730
5707
|
return R(e, r), e;
|
|
5731
5708
|
}
|
|
5732
5709
|
})
|
|
@@ -5738,7 +5715,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5738
5715
|
return Q.sendError;
|
|
5739
5716
|
},
|
|
5740
5717
|
get children() {
|
|
5741
|
-
var e =
|
|
5718
|
+
var e = fs();
|
|
5742
5719
|
return R(e, () => Q.sendError), e;
|
|
5743
5720
|
}
|
|
5744
5721
|
}),
|
|
@@ -5747,8 +5724,8 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5747
5724
|
return s().length > 0;
|
|
5748
5725
|
},
|
|
5749
5726
|
get children() {
|
|
5750
|
-
var t =
|
|
5751
|
-
return I(t,
|
|
5727
|
+
var t = ps(), n = t.firstChild.firstChild.nextSibling;
|
|
5728
|
+
return I(t, Ds), R(n, A(j, {
|
|
5752
5729
|
get each() {
|
|
5753
5730
|
return s();
|
|
5754
5731
|
},
|
|
@@ -5762,7 +5739,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5762
5739
|
},
|
|
5763
5740
|
get children() {
|
|
5764
5741
|
return [(() => {
|
|
5765
|
-
var n =
|
|
5742
|
+
var n = _s(), r = n.firstChild, i = r.nextSibling, a = i.firstChild, o = i.nextSibling;
|
|
5766
5743
|
return R(r, () => t.isError ? "error" : "success", null), R(r, (() => {
|
|
5767
5744
|
var e = N(() => t.status !== void 0);
|
|
5768
5745
|
return () => e() && ` · ${t.status}`;
|
|
@@ -5778,7 +5755,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5778
5755
|
return t.callerName;
|
|
5779
5756
|
},
|
|
5780
5757
|
get children() {
|
|
5781
|
-
var e =
|
|
5758
|
+
var e = vs();
|
|
5782
5759
|
return e.firstChild, R(e, () => t.callerName, null), e;
|
|
5783
5760
|
}
|
|
5784
5761
|
})];
|
|
@@ -5789,22 +5766,22 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5789
5766
|
return l();
|
|
5790
5767
|
},
|
|
5791
5768
|
keyed: !0,
|
|
5792
|
-
children: (e) => A(
|
|
5769
|
+
children: (e) => A(ks, { result: e })
|
|
5793
5770
|
}), null), O((e) => L(t, "grid-template-columns", a.gridTemplateColumns())), t;
|
|
5794
5771
|
}
|
|
5795
5772
|
})
|
|
5796
5773
|
];
|
|
5797
5774
|
})()), O((e) => L(t, "grid-template-columns", i.gridTemplateColumns())), t;
|
|
5798
5775
|
})();
|
|
5799
|
-
},
|
|
5776
|
+
}, ks = (t) => {
|
|
5800
5777
|
let n = k(() => Object.entries(t.result.inputValues).filter(([, e]) => e !== ""));
|
|
5801
5778
|
return (() => {
|
|
5802
|
-
var r =
|
|
5779
|
+
var r = bs(), 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;
|
|
5803
5780
|
return R(a, () => t.result.method), R(o, () => t.result.path), R(i, A(z, {
|
|
5804
5781
|
class: "modify-button",
|
|
5805
5782
|
title: "Load this request into the form",
|
|
5806
5783
|
onClick: () => {
|
|
5807
|
-
|
|
5784
|
+
ro(t.result);
|
|
5808
5785
|
},
|
|
5809
5786
|
children: "modify"
|
|
5810
5787
|
}), null), R(c, () => t.result.isError ? "error" : "success", null), R(c, (() => {
|
|
@@ -5815,7 +5792,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5815
5792
|
return t.result.callerName;
|
|
5816
5793
|
},
|
|
5817
5794
|
get children() {
|
|
5818
|
-
var e =
|
|
5795
|
+
var e = ys();
|
|
5819
5796
|
return e.firstChild, R(e, () => t.result.callerName, null), e;
|
|
5820
5797
|
}
|
|
5821
5798
|
}), d), R(d, () => e(t.result.startTime).format("YYYY-MM-DD HH:mm:ss")), R(r, A(j, {
|
|
@@ -5823,16 +5800,16 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5823
5800
|
return n();
|
|
5824
5801
|
},
|
|
5825
5802
|
children: ([e, t]) => [(() => {
|
|
5826
|
-
var t =
|
|
5803
|
+
var t = xs(), n = t.firstChild;
|
|
5827
5804
|
return R(t, e, n), t;
|
|
5828
5805
|
})(), (() => {
|
|
5829
|
-
var e =
|
|
5806
|
+
var e = Ss();
|
|
5830
5807
|
return R(e, t), e;
|
|
5831
5808
|
})()]
|
|
5832
5809
|
}), f), R(r, (() => {
|
|
5833
5810
|
var e = N(() => t.result.error !== null);
|
|
5834
5811
|
return () => e() ? (() => {
|
|
5835
|
-
var e =
|
|
5812
|
+
var e = Cs();
|
|
5836
5813
|
return R(e, () => t.result.error), e;
|
|
5837
5814
|
})() : A(X, {
|
|
5838
5815
|
get value() {
|
|
@@ -5852,7 +5829,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
|
|
|
5852
5829
|
it(["input", "keydown"]);
|
|
5853
5830
|
//#endregion
|
|
5854
5831
|
//#region src/pages/logs/LogsPage.tsx
|
|
5855
|
-
var
|
|
5832
|
+
var As = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=search><input type=text placeholder=\"Search logs\"></label></div><div class=list>"), js = /*#__PURE__*/ P("<div class=empty>"), Ms = /*#__PURE__*/ P("<div class=marker><span class=time></span><span class=label></span><div class=line>"), Ns = /*#__PURE__*/ P("<span class=time>"), Ps = /*#__PURE__*/ P("<span class=badge>"), Fs = /*#__PURE__*/ P("<span class=message>"), Is = /*#__PURE__*/ P("<span class=copy title=\"Copy log as JSON\">"), Ls = /*#__PURE__*/ P("<span class=delete title=\"Delete log\">"), 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`
|
|
5856
5833
|
&&& {
|
|
5857
5834
|
${G({ align: "stretch" })};
|
|
5858
5835
|
padding: 12px 16px;
|
|
@@ -6109,14 +6086,14 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6109
6086
|
}
|
|
6110
6087
|
}
|
|
6111
6088
|
}
|
|
6112
|
-
`,
|
|
6089
|
+
`, Us = [
|
|
6113
6090
|
"error",
|
|
6114
6091
|
"warning",
|
|
6115
6092
|
"info"
|
|
6116
|
-
],
|
|
6093
|
+
], Ws = "__all-categories__", Gs = () => {
|
|
6117
6094
|
let [t, n] = D(null), [r, i] = D(""), [a, o] = D(""), [s, c] = D(null), l = k(() => {
|
|
6118
6095
|
let e = /* @__PURE__ */ new Set();
|
|
6119
|
-
for (let t of
|
|
6096
|
+
for (let t of Tr.logs) t.category && e.add(t.category);
|
|
6120
6097
|
return [...e].sort();
|
|
6121
6098
|
}), u = k(() => {
|
|
6122
6099
|
let e = {
|
|
@@ -6124,11 +6101,11 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6124
6101
|
warning: 0,
|
|
6125
6102
|
info: 0
|
|
6126
6103
|
};
|
|
6127
|
-
for (let t of
|
|
6104
|
+
for (let t of Tr.logs) e[t.severity]++;
|
|
6128
6105
|
return e;
|
|
6129
6106
|
}), d = k(() => {
|
|
6130
6107
|
let e = a().trim().toLowerCase(), n = t(), i = r();
|
|
6131
|
-
return
|
|
6108
|
+
return Tr.logs.filter((t) => (!n || t.severity === n) && (!i || t.category === i) && (!e || t.message.toLowerCase().includes(e) || (t.category ? t.category.toLowerCase().includes(e) : !1)));
|
|
6132
6109
|
}), f = k(() => {
|
|
6133
6110
|
let e = d().map((e) => ({
|
|
6134
6111
|
itemType: "log",
|
|
@@ -6150,12 +6127,12 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6150
6127
|
time: e.time,
|
|
6151
6128
|
timeISO: new Date(e.time).toISOString()
|
|
6152
6129
|
})) } : {},
|
|
6153
|
-
logs: d().map((e) =>
|
|
6130
|
+
logs: d().map((e) => Ar(e))
|
|
6154
6131
|
};
|
|
6155
6132
|
}
|
|
6156
6133
|
return (() => {
|
|
6157
|
-
var d =
|
|
6158
|
-
return I(d,
|
|
6134
|
+
var d = As(), m = d.firstChild.nextSibling, h = m.firstChild, g = h.firstChild, _ = m.nextSibling;
|
|
6135
|
+
return I(d, Hs), R(m, A(z, {
|
|
6159
6136
|
class: "severity",
|
|
6160
6137
|
get classList() {
|
|
6161
6138
|
return { active: t() === null };
|
|
@@ -6166,12 +6143,12 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6166
6143
|
get children() {
|
|
6167
6144
|
return [
|
|
6168
6145
|
"all (",
|
|
6169
|
-
N(() =>
|
|
6146
|
+
N(() => Tr.logs.length),
|
|
6170
6147
|
")"
|
|
6171
6148
|
];
|
|
6172
6149
|
}
|
|
6173
6150
|
}), h), R(m, A(j, {
|
|
6174
|
-
each:
|
|
6151
|
+
each: Us,
|
|
6175
6152
|
children: (e) => A(z, {
|
|
6176
6153
|
class: `severity ${e}`,
|
|
6177
6154
|
get classList() {
|
|
@@ -6191,14 +6168,14 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6191
6168
|
})
|
|
6192
6169
|
}), h), R(m, (() => {
|
|
6193
6170
|
var e = N(() => l().length > 0);
|
|
6194
|
-
return () => e() && A(
|
|
6171
|
+
return () => e() && A(is, {
|
|
6195
6172
|
class: "category-select",
|
|
6196
6173
|
get value() {
|
|
6197
|
-
return r() ||
|
|
6174
|
+
return r() || Ws;
|
|
6198
6175
|
},
|
|
6199
6176
|
get options() {
|
|
6200
6177
|
return [{
|
|
6201
|
-
value:
|
|
6178
|
+
value: Ws,
|
|
6202
6179
|
label: "all categories"
|
|
6203
6180
|
}, ...l().map((e) => ({
|
|
6204
6181
|
value: e,
|
|
@@ -6206,7 +6183,7 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6206
6183
|
}))];
|
|
6207
6184
|
},
|
|
6208
6185
|
onChange: (e) => {
|
|
6209
|
-
i(() => e ===
|
|
6186
|
+
i(() => e === Ws ? "" : e);
|
|
6210
6187
|
}
|
|
6211
6188
|
});
|
|
6212
6189
|
})(), h), R(h, A(V, { name: "search" }), g), g.$$input = (e) => {
|
|
@@ -6215,7 +6192,7 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6215
6192
|
class: "action",
|
|
6216
6193
|
title: "Copy visible logs as JSON",
|
|
6217
6194
|
onClick: () => {
|
|
6218
|
-
|
|
6195
|
+
jr(JSON.stringify(p(), null, 2));
|
|
6219
6196
|
},
|
|
6220
6197
|
get children() {
|
|
6221
6198
|
return [A(V, { name: "copy" }), "Copy JSON"];
|
|
@@ -6224,7 +6201,7 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6224
6201
|
class: "action",
|
|
6225
6202
|
title: "Save visible logs to a .json file",
|
|
6226
6203
|
onClick: () => {
|
|
6227
|
-
|
|
6204
|
+
Mr(p(), "devtools-logs"), pr("Logs downloaded");
|
|
6228
6205
|
},
|
|
6229
6206
|
get children() {
|
|
6230
6207
|
return [A(V, { name: "download" }), "Save .json"];
|
|
@@ -6235,14 +6212,14 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6235
6212
|
},
|
|
6236
6213
|
get fallback() {
|
|
6237
6214
|
return (() => {
|
|
6238
|
-
var e =
|
|
6239
|
-
return R(e, () =>
|
|
6215
|
+
var e = js();
|
|
6216
|
+
return R(e, () => Tr.logs.length > 0 ? "no logs matching the filters" : "no logs registered yet, use the addLog() export to collect logs here"), e;
|
|
6240
6217
|
})();
|
|
6241
6218
|
},
|
|
6242
6219
|
children: (t) => t.itemType === "marker" ? (() => {
|
|
6243
|
-
var n =
|
|
6220
|
+
var n = Ms(), r = n.firstChild, i = r.nextSibling;
|
|
6244
6221
|
return R(r, () => e(t.marker.time).format("HH:mm:ss")), R(n, A(V, { name: "flag" }), i), R(i, () => t.marker.label), n;
|
|
6245
|
-
})() : A(
|
|
6222
|
+
})() : A(Ks, {
|
|
6246
6223
|
get log() {
|
|
6247
6224
|
return t.log;
|
|
6248
6225
|
},
|
|
@@ -6255,39 +6232,39 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6255
6232
|
})
|
|
6256
6233
|
})), O(() => g.value = a()), d;
|
|
6257
6234
|
})();
|
|
6258
|
-
},
|
|
6259
|
-
var n =
|
|
6235
|
+
}, Ks = (t) => (() => {
|
|
6236
|
+
var n = Rs();
|
|
6260
6237
|
return R(n, A(z, {
|
|
6261
6238
|
class: "row",
|
|
6262
6239
|
onClick: () => t.onToggleExpanded(),
|
|
6263
6240
|
get children() {
|
|
6264
6241
|
return [
|
|
6265
6242
|
(() => {
|
|
6266
|
-
var n =
|
|
6243
|
+
var n = Ns();
|
|
6267
6244
|
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;
|
|
6268
6245
|
})(),
|
|
6269
6246
|
(() => {
|
|
6270
|
-
var e =
|
|
6247
|
+
var e = Ps();
|
|
6271
6248
|
return R(e, () => t.log.severity), e;
|
|
6272
6249
|
})(),
|
|
6273
6250
|
N(() => N(() => !!t.log.category)() && (() => {
|
|
6274
|
-
var e =
|
|
6251
|
+
var e = zs();
|
|
6275
6252
|
return R(e, () => t.log.category), e;
|
|
6276
6253
|
})()),
|
|
6277
6254
|
(() => {
|
|
6278
|
-
var e =
|
|
6255
|
+
var e = Fs();
|
|
6279
6256
|
return R(e, () => t.log.message), e;
|
|
6280
6257
|
})(),
|
|
6281
6258
|
(() => {
|
|
6282
|
-
var e =
|
|
6259
|
+
var e = Is();
|
|
6283
6260
|
return e.$$click = (e) => {
|
|
6284
|
-
e.stopPropagation(),
|
|
6261
|
+
e.stopPropagation(), jr(Ar(t.log));
|
|
6285
6262
|
}, R(e, A(V, { name: "copy" })), e;
|
|
6286
6263
|
})(),
|
|
6287
6264
|
(() => {
|
|
6288
|
-
var e =
|
|
6265
|
+
var e = Ls();
|
|
6289
6266
|
return e.$$click = (e) => {
|
|
6290
|
-
e.stopPropagation(),
|
|
6267
|
+
e.stopPropagation(), kr(t.log.id);
|
|
6291
6268
|
}, R(e, A(V, { name: "trash" })), e;
|
|
6292
6269
|
})()
|
|
6293
6270
|
];
|
|
@@ -6295,12 +6272,12 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6295
6272
|
}), null), R(n, (() => {
|
|
6296
6273
|
var e = N(() => !!t.expanded);
|
|
6297
6274
|
return () => e() && (() => {
|
|
6298
|
-
var e =
|
|
6275
|
+
var e = Bs();
|
|
6299
6276
|
return R(e, (() => {
|
|
6300
6277
|
var e = N(() => t.log.details !== void 0);
|
|
6301
6278
|
return () => e() ? A(X, { get value() {
|
|
6302
6279
|
return t.log.details;
|
|
6303
|
-
} }) :
|
|
6280
|
+
} }) : Vs();
|
|
6304
6281
|
})()), e;
|
|
6305
6282
|
})();
|
|
6306
6283
|
})(), null), O((e) => ct(n, {
|
|
@@ -6311,15 +6288,15 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
|
|
|
6311
6288
|
it(["input", "click"]);
|
|
6312
6289
|
//#endregion
|
|
6313
6290
|
//#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/getCompositeKey.mjs
|
|
6314
|
-
function
|
|
6315
|
-
let r =
|
|
6291
|
+
function qs(e, t = 3, n) {
|
|
6292
|
+
let r = Js(t, n);
|
|
6316
6293
|
if (typeof e == "string" || !e || typeof e != "object") {
|
|
6317
6294
|
let t = r.stringify?.(e);
|
|
6318
6295
|
return t === void 0 ? typeof e == "string" ? `"${e}` : `$${e}` : t;
|
|
6319
6296
|
}
|
|
6320
|
-
return
|
|
6297
|
+
return Ys(e, r, 0, /* @__PURE__ */ new WeakSet());
|
|
6321
6298
|
}
|
|
6322
|
-
function
|
|
6299
|
+
function Js(e, t) {
|
|
6323
6300
|
return typeof e == "number" ? {
|
|
6324
6301
|
maxSortingDepth: e,
|
|
6325
6302
|
stringify: t
|
|
@@ -6328,7 +6305,7 @@ function $s(e, t) {
|
|
|
6328
6305
|
stringify: e.stringify
|
|
6329
6306
|
};
|
|
6330
6307
|
}
|
|
6331
|
-
function
|
|
6308
|
+
function Ys(e, t, n, r) {
|
|
6332
6309
|
let i = t.stringify?.(e);
|
|
6333
6310
|
if (i !== void 0) return i;
|
|
6334
6311
|
let a = e && typeof e == "object";
|
|
@@ -6339,14 +6316,14 @@ function ec(e, t, n, r) {
|
|
|
6339
6316
|
let o;
|
|
6340
6317
|
if (Array.isArray(e)) {
|
|
6341
6318
|
o = "[";
|
|
6342
|
-
for (let i of e) o.length > 1 && (o += ","), o +=
|
|
6319
|
+
for (let i of e) o.length > 1 && (o += ","), o += Ys(i, t, n + 1, r);
|
|
6343
6320
|
o += "]";
|
|
6344
|
-
} else if (
|
|
6321
|
+
} else if (Oi(e)) {
|
|
6345
6322
|
let i = Object.entries(e);
|
|
6346
6323
|
if (i.length === 0) o = "{}";
|
|
6347
6324
|
else {
|
|
6348
6325
|
n < t.maxSortingDepth && (i = i.sort(([e], [t]) => e < t ? -1 : +(e > t))), o = "{";
|
|
6349
|
-
for (let [e, a] of i) a !== void 0 && (o.length > 1 && (o += ","), o += `${e}:${
|
|
6326
|
+
for (let [e, a] of i) a !== void 0 && (o.length > 1 && (o += ","), o += `${e}:${Ys(a, t, n + 1, r)}`);
|
|
6350
6327
|
o += "}";
|
|
6351
6328
|
}
|
|
6352
6329
|
} else o = JSON.stringify(e);
|
|
@@ -6354,7 +6331,7 @@ function ec(e, t, n, r) {
|
|
|
6354
6331
|
}
|
|
6355
6332
|
//#endregion
|
|
6356
6333
|
//#region src/pages/stats/StatsPage.tsx
|
|
6357
|
-
var
|
|
6334
|
+
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><span class=label>data used</span><span class=value></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`
|
|
6358
6335
|
&&& {
|
|
6359
6336
|
${G({ align: "stretch" })};
|
|
6360
6337
|
overflow-y: auto;
|
|
@@ -6368,7 +6345,7 @@ var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
|
|
|
6368
6345
|
padding-bottom: 4px;
|
|
6369
6346
|
}
|
|
6370
6347
|
}
|
|
6371
|
-
`,
|
|
6348
|
+
`, lc = B`
|
|
6372
6349
|
&&& {
|
|
6373
6350
|
${W({ gap: 12 })};
|
|
6374
6351
|
flex-wrap: wrap;
|
|
@@ -6407,7 +6384,7 @@ var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
|
|
|
6407
6384
|
}
|
|
6408
6385
|
}
|
|
6409
6386
|
}
|
|
6410
|
-
`,
|
|
6387
|
+
`, uc = B`
|
|
6411
6388
|
&&& {
|
|
6412
6389
|
${G({ align: "stretch" })};
|
|
6413
6390
|
gap: 6px;
|
|
@@ -6430,7 +6407,7 @@ var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
|
|
|
6430
6407
|
margin-top: -4px;
|
|
6431
6408
|
}
|
|
6432
6409
|
}
|
|
6433
|
-
`,
|
|
6410
|
+
`, dc = B`
|
|
6434
6411
|
&&& {
|
|
6435
6412
|
${G({ align: "stretch" })};
|
|
6436
6413
|
position: relative;
|
|
@@ -6492,30 +6469,30 @@ var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
|
|
|
6492
6469
|
}
|
|
6493
6470
|
}
|
|
6494
6471
|
}
|
|
6495
|
-
`,
|
|
6496
|
-
function
|
|
6472
|
+
`, fc = 1e4;
|
|
6473
|
+
function pc(e) {
|
|
6497
6474
|
return tn(() => e.response === void 0 ? 0 : JSON.stringify(e.response).length) || 0;
|
|
6498
6475
|
}
|
|
6499
|
-
function
|
|
6500
|
-
return
|
|
6476
|
+
function mc(e) {
|
|
6477
|
+
return ea(e, {
|
|
6501
6478
|
unit: "byte",
|
|
6502
6479
|
style: "unit",
|
|
6503
6480
|
notation: "compact",
|
|
6504
6481
|
unitDisplay: "narrow"
|
|
6505
6482
|
});
|
|
6506
6483
|
}
|
|
6507
|
-
function
|
|
6484
|
+
function hc(e) {
|
|
6508
6485
|
return e.request.alias || (e.request.payload ? JSON.stringify(e.request.payload) : "");
|
|
6509
6486
|
}
|
|
6510
|
-
function
|
|
6511
|
-
|
|
6487
|
+
function gc(e) {
|
|
6488
|
+
ti({
|
|
6512
6489
|
selectedPage: "explorer",
|
|
6513
6490
|
selectedCall: e.callID,
|
|
6514
6491
|
selectedRequest: e.request.id,
|
|
6515
6492
|
selectedSubitem: null
|
|
6516
6493
|
});
|
|
6517
6494
|
}
|
|
6518
|
-
var
|
|
6495
|
+
var _c = () => {
|
|
6519
6496
|
let e = k(() => {
|
|
6520
6497
|
let e = [];
|
|
6521
6498
|
for (let [t, n] of Object.entries(U.calls)) for (let r of n.requests) e.push({
|
|
@@ -6526,7 +6503,7 @@ var Sc = () => {
|
|
|
6526
6503
|
return e;
|
|
6527
6504
|
}), t = k(() => e().filter((e) => e.request.type !== "ws")), n = k(() => {
|
|
6528
6505
|
let e = t(), n = 0, r = 0, i = 0, a = 0, o = 0, s = 0;
|
|
6529
|
-
for (let { request: t } of e) t.warnings?.length && r++, s +=
|
|
6506
|
+
for (let { request: t } of e) t.warnings?.length && r++, s += pc(t), t.status === "pending" ? i++ : (t.duration > 0 && (o++, a += t.duration), t.isError && n++);
|
|
6530
6507
|
return {
|
|
6531
6508
|
total: e.length,
|
|
6532
6509
|
errors: n,
|
|
@@ -6537,11 +6514,11 @@ var Sc = () => {
|
|
|
6537
6514
|
};
|
|
6538
6515
|
}), r = k(() => t().filter((e) => e.request.status !== "pending" && e.request.duration > 0).sort((e, t) => t.request.duration - e.request.duration).slice(0, 10)), i = k(() => t().map((e) => ({
|
|
6539
6516
|
...e,
|
|
6540
|
-
size:
|
|
6517
|
+
size: pc(e.request)
|
|
6541
6518
|
})).filter((e) => e.size > 0).sort((e, t) => t.size - e.size).slice(0, 10)), a = k(() => {
|
|
6542
6519
|
let e = /* @__PURE__ */ new Map();
|
|
6543
6520
|
for (let n of t()) {
|
|
6544
|
-
let t = tn(() =>
|
|
6521
|
+
let t = tn(() => qs({
|
|
6545
6522
|
callID: n.callID,
|
|
6546
6523
|
searchParams: n.request.searchParams,
|
|
6547
6524
|
payload: n.request.payload
|
|
@@ -6554,7 +6531,7 @@ var Sc = () => {
|
|
|
6554
6531
|
let e = [...t].sort((e, t) => e.request.startTime - t.request.startTime), r = 0, i = 0, a = 0;
|
|
6555
6532
|
for (let t = 1; t < e.length; t++) {
|
|
6556
6533
|
let n = e[t], o = e[a];
|
|
6557
|
-
for (; n && o && n.request.startTime - o.request.startTime >
|
|
6534
|
+
for (; n && o && n.request.startTime - o.request.startTime > fc;) a++, o = e[a];
|
|
6558
6535
|
t - a > i - r && (r = a, i = t);
|
|
6559
6536
|
}
|
|
6560
6537
|
let o = i - r + 1;
|
|
@@ -6574,13 +6551,13 @@ var Sc = () => {
|
|
|
6574
6551
|
let t = /* @__PURE__ */ new Map();
|
|
6575
6552
|
for (let n of e()) {
|
|
6576
6553
|
if (!n.request.unusedResponseData || n.request.unusedResponseData.length === 0) continue;
|
|
6577
|
-
let e =
|
|
6554
|
+
let e = sn(n.request.unusedResponseData), r = t.get(n.callID);
|
|
6578
6555
|
if (r) {
|
|
6579
6556
|
r.requestsCount++, r.item = n, r.unusedBytes += e;
|
|
6580
|
-
for (let e of n.request.unusedResponseData) r.fields.add(e);
|
|
6557
|
+
for (let e of n.request.unusedResponseData) r.fields.add(e.field);
|
|
6581
6558
|
} else t.set(n.callID, {
|
|
6582
6559
|
item: n,
|
|
6583
|
-
fields: new Set(n.request.unusedResponseData),
|
|
6560
|
+
fields: new Set(n.request.unusedResponseData.map((e) => e.field)),
|
|
6584
6561
|
requestsCount: 1,
|
|
6585
6562
|
unusedBytes: e
|
|
6586
6563
|
});
|
|
@@ -6588,26 +6565,26 @@ var Sc = () => {
|
|
|
6588
6565
|
return [...t.values()].sort((e, t) => t.unusedBytes - e.unusedBytes || t.fields.size - e.fields.size);
|
|
6589
6566
|
}), s = k(() => r()[0]?.request.duration || 1), c = k(() => i()[0]?.size || 1);
|
|
6590
6567
|
return (() => {
|
|
6591
|
-
var e =
|
|
6568
|
+
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, v = _.firstChild.nextSibling, y = v.firstChild, ee = _.nextSibling.firstChild.nextSibling, b = t.nextSibling;
|
|
6592
6569
|
b.firstChild;
|
|
6593
6570
|
var te = b.nextSibling;
|
|
6594
6571
|
te.firstChild;
|
|
6595
6572
|
var ne = te.nextSibling;
|
|
6596
6573
|
ne.firstChild.nextSibling;
|
|
6597
6574
|
var x = ne.nextSibling;
|
|
6598
|
-
return x.firstChild.nextSibling, I(e,
|
|
6575
|
+
return x.firstChild.nextSibling, I(e, cc), I(t, lc), R(u, () => ea(n().total)), R(f, () => ea(n().errors)), R(m, () => ea(n().warnings)), R(g, () => ea(n().pending)), R(v, () => ea(n().avgDuration, { maximumFractionDigits: 0 }), y), R(ee, () => mc(n().totalSize)), I(b, uc), R(b, A(j, {
|
|
6599
6576
|
get each() {
|
|
6600
6577
|
return r();
|
|
6601
6578
|
},
|
|
6602
6579
|
get fallback() {
|
|
6603
|
-
return
|
|
6580
|
+
return Zs();
|
|
6604
6581
|
},
|
|
6605
6582
|
children: (e) => A(z, {
|
|
6606
|
-
class:
|
|
6607
|
-
onClick: () =>
|
|
6583
|
+
class: dc,
|
|
6584
|
+
onClick: () => gc(e),
|
|
6608
6585
|
get children() {
|
|
6609
6586
|
return [(() => {
|
|
6610
|
-
var t =
|
|
6587
|
+
var t = Qs();
|
|
6611
6588
|
return O((n) => {
|
|
6612
6589
|
var r = e.request.duration > 1e3, i = `${e.request.duration / s() * 100}%`;
|
|
6613
6590
|
return r !== n.e && t.classList.toggle("error", n.e = r), i !== n.t && L(t, "width", n.t = i), n;
|
|
@@ -6616,73 +6593,73 @@ var Sc = () => {
|
|
|
6616
6593
|
t: void 0
|
|
6617
6594
|
}), t;
|
|
6618
6595
|
})(), (() => {
|
|
6619
|
-
var t =
|
|
6620
|
-
return R(n, () => e.callName), R(r, () =>
|
|
6596
|
+
var t = $s(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild;
|
|
6597
|
+
return R(n, () => e.callName), R(r, () => hc(e)), R(i, () => ea(e.request.duration, { maximumFractionDigits: 0 }), a), O(() => i.classList.toggle("error", e.request.duration > 1e3)), t;
|
|
6621
6598
|
})()];
|
|
6622
6599
|
}
|
|
6623
6600
|
})
|
|
6624
|
-
}), null), I(te,
|
|
6601
|
+
}), null), I(te, uc), R(te, A(j, {
|
|
6625
6602
|
get each() {
|
|
6626
6603
|
return i();
|
|
6627
6604
|
},
|
|
6628
6605
|
get fallback() {
|
|
6629
|
-
return
|
|
6606
|
+
return ec();
|
|
6630
6607
|
},
|
|
6631
6608
|
children: (e) => A(z, {
|
|
6632
|
-
class:
|
|
6633
|
-
onClick: () =>
|
|
6609
|
+
class: dc,
|
|
6610
|
+
onClick: () => gc(e),
|
|
6634
6611
|
get children() {
|
|
6635
6612
|
return [(() => {
|
|
6636
|
-
var t =
|
|
6613
|
+
var t = Qs();
|
|
6637
6614
|
return O((n) => L(t, "width", `${e.size / c() * 100}%`)), t;
|
|
6638
6615
|
})(), (() => {
|
|
6639
|
-
var t =
|
|
6640
|
-
return R(n, () => e.callName), R(r, () =>
|
|
6616
|
+
var t = tc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling;
|
|
6617
|
+
return R(n, () => e.callName), R(r, () => hc(e)), R(i, () => mc(e.size)), t;
|
|
6641
6618
|
})()];
|
|
6642
6619
|
}
|
|
6643
6620
|
})
|
|
6644
|
-
}), null), I(ne,
|
|
6621
|
+
}), null), I(ne, uc), R(ne, A(j, {
|
|
6645
6622
|
get each() {
|
|
6646
6623
|
return a();
|
|
6647
6624
|
},
|
|
6648
6625
|
get fallback() {
|
|
6649
|
-
return
|
|
6626
|
+
return nc();
|
|
6650
6627
|
},
|
|
6651
6628
|
children: (e) => A(z, {
|
|
6652
|
-
class:
|
|
6653
|
-
onClick: () =>
|
|
6629
|
+
class: dc,
|
|
6630
|
+
onClick: () => gc(e.item),
|
|
6654
6631
|
get children() {
|
|
6655
6632
|
return [(() => {
|
|
6656
|
-
var t =
|
|
6633
|
+
var t = rc();
|
|
6657
6634
|
return O((n) => L(t, "width", `${Math.min(e.count * 10, 100)}%`)), t;
|
|
6658
6635
|
})(), (() => {
|
|
6659
|
-
var t =
|
|
6660
|
-
return o.nextSibling, R(n, () => e.item.callName), R(r, () =>
|
|
6636
|
+
var t = ic(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild, o = a.nextSibling;
|
|
6637
|
+
return o.nextSibling, R(n, () => e.item.callName), R(r, () => hc(e.item)), R(t, (() => {
|
|
6661
6638
|
var t = N(() => !!e.sameResponse);
|
|
6662
|
-
return () => t() &&
|
|
6663
|
-
})(), i), R(i, () => e.count, a), R(i, () =>
|
|
6639
|
+
return () => t() && ac();
|
|
6640
|
+
})(), i), R(i, () => e.count, a), R(i, () => ea(e.windowMs / 1e3, { maximumFractionDigits: 1 }), o), t;
|
|
6664
6641
|
})()];
|
|
6665
6642
|
}
|
|
6666
6643
|
})
|
|
6667
|
-
}), null), I(x,
|
|
6644
|
+
}), null), I(x, uc), R(x, A(j, {
|
|
6668
6645
|
get each() {
|
|
6669
6646
|
return o();
|
|
6670
6647
|
},
|
|
6671
6648
|
get fallback() {
|
|
6672
|
-
return
|
|
6649
|
+
return oc();
|
|
6673
6650
|
},
|
|
6674
6651
|
children: (e) => A(z, {
|
|
6675
|
-
class:
|
|
6676
|
-
onClick: () =>
|
|
6652
|
+
class: dc,
|
|
6653
|
+
onClick: () => gc(e.item),
|
|
6677
6654
|
get children() {
|
|
6678
6655
|
return [(() => {
|
|
6679
|
-
var t =
|
|
6656
|
+
var t = rc();
|
|
6680
6657
|
return O((n) => L(t, "width", `${Math.min(e.fields.size * 10, 100)}%`)), t;
|
|
6681
6658
|
})(), (() => {
|
|
6682
|
-
var t =
|
|
6659
|
+
var t = sc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild;
|
|
6683
6660
|
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, (() => {
|
|
6684
6661
|
var t = N(() => e.unusedBytes > 0);
|
|
6685
|
-
return () => t() && ` · ${
|
|
6662
|
+
return () => t() && ` · ${ea(e.unusedBytes, {
|
|
6686
6663
|
unit: "byte",
|
|
6687
6664
|
style: "unit",
|
|
6688
6665
|
notation: "compact",
|
|
@@ -6701,7 +6678,7 @@ var Sc = () => {
|
|
|
6701
6678
|
a: void 0
|
|
6702
6679
|
}), e;
|
|
6703
6680
|
})();
|
|
6704
|
-
},
|
|
6681
|
+
}, vc = /*#__PURE__*/ P("<div><h1>timeline"), yc = /*#__PURE__*/ P("<div class=empty>no requests tracked yet"), bc = /*#__PURE__*/ P("<div><label class=search><input type=text placeholder=Search>"), xc = /*#__PURE__*/ P("<div title=\"Drag to filter a time range, click to reset\">"), Sc = /*#__PURE__*/ P("<div><span></span><span> requests</span><span>"), Cc = /*#__PURE__*/ P("<div><div class=content>"), wc = /*#__PURE__*/ P("<div class=tick>"), Tc = /*#__PURE__*/ P("<div class=\"tick marker\">"), Ec = /*#__PURE__*/ P("<div class=shade style=left:0>"), Dc = /*#__PURE__*/ P("<div class=shade style=right:0>"), Oc = /*#__PURE__*/ P("<div class=handle data-handle=start>"), kc = /*#__PURE__*/ P("<div class=handle data-handle=end>"), Ac = /*#__PURE__*/ P("<div>"), jc = /*#__PURE__*/ P("<div class=marker-line><button>"), Mc = /*#__PURE__*/ P("<div class=row role=button tabindex=0><div class=label><span></span><span class=name></span></div><div class=track><div class=bar></div><span class=duration>"), Nc = /*#__PURE__*/ P("<span class=alias>"), Pc = 220, Fc = B`
|
|
6705
6682
|
&&& {
|
|
6706
6683
|
${G({ align: "stretch" })};
|
|
6707
6684
|
overflow: hidden;
|
|
@@ -6725,7 +6702,7 @@ var Sc = () => {
|
|
|
6725
6702
|
padding-top: 20px;
|
|
6726
6703
|
}
|
|
6727
6704
|
}
|
|
6728
|
-
`,
|
|
6705
|
+
`, Ic = B`
|
|
6729
6706
|
&&& {
|
|
6730
6707
|
${W({ gap: 12 })};
|
|
6731
6708
|
flex-shrink: 0;
|
|
@@ -6760,7 +6737,7 @@ var Sc = () => {
|
|
|
6760
6737
|
> button {
|
|
6761
6738
|
font-size: 12px;
|
|
6762
6739
|
opacity: 0.5;
|
|
6763
|
-
${
|
|
6740
|
+
${mi()};
|
|
6764
6741
|
|
|
6765
6742
|
&:hover {
|
|
6766
6743
|
opacity: 1;
|
|
@@ -6772,7 +6749,7 @@ var Sc = () => {
|
|
|
6772
6749
|
}
|
|
6773
6750
|
}
|
|
6774
6751
|
}
|
|
6775
|
-
`,
|
|
6752
|
+
`, Lc = B`
|
|
6776
6753
|
&&& {
|
|
6777
6754
|
position: relative;
|
|
6778
6755
|
height: 44px;
|
|
@@ -6837,7 +6814,7 @@ var Sc = () => {
|
|
|
6837
6814
|
}
|
|
6838
6815
|
}
|
|
6839
6816
|
}
|
|
6840
|
-
`,
|
|
6817
|
+
`, Rc = B`
|
|
6841
6818
|
&&& {
|
|
6842
6819
|
${W({ gap: 6 })};
|
|
6843
6820
|
flex-wrap: wrap;
|
|
@@ -6868,7 +6845,7 @@ var Sc = () => {
|
|
|
6868
6845
|
}
|
|
6869
6846
|
}
|
|
6870
6847
|
}
|
|
6871
|
-
`,
|
|
6848
|
+
`, zc = B`
|
|
6872
6849
|
&&& {
|
|
6873
6850
|
${W()};
|
|
6874
6851
|
justify-content: space-between;
|
|
@@ -6877,7 +6854,7 @@ var Sc = () => {
|
|
|
6877
6854
|
color: ${K.white.alpha(.5)};
|
|
6878
6855
|
flex-shrink: 0;
|
|
6879
6856
|
}
|
|
6880
|
-
`,
|
|
6857
|
+
`, Bc = B`
|
|
6881
6858
|
&&& {
|
|
6882
6859
|
flex: 1 1;
|
|
6883
6860
|
overflow-y: auto;
|
|
@@ -6913,7 +6890,7 @@ var Sc = () => {
|
|
|
6913
6890
|
|
|
6914
6891
|
> .row {
|
|
6915
6892
|
display: grid;
|
|
6916
|
-
grid-template-columns: ${String(
|
|
6893
|
+
grid-template-columns: ${String(Pc)}px 1fr;
|
|
6917
6894
|
height: 22px;
|
|
6918
6895
|
align-items: center;
|
|
6919
6896
|
border-radius: 3px;
|
|
@@ -6998,10 +6975,10 @@ var Sc = () => {
|
|
|
6998
6975
|
}
|
|
6999
6976
|
}
|
|
7000
6977
|
`;
|
|
7001
|
-
function
|
|
6978
|
+
function Vc(e, t, n) {
|
|
7002
6979
|
return Math.min(Math.max(e, t), n);
|
|
7003
6980
|
}
|
|
7004
|
-
var
|
|
6981
|
+
var Hc = 400, Uc = () => {
|
|
7005
6982
|
let t = H(""), n = H("all"), [r, i] = D(Date.now()), a = window.setInterval(() => {
|
|
7006
6983
|
i(() => Date.now());
|
|
7007
6984
|
}, 1e3);
|
|
@@ -7020,7 +6997,7 @@ var qc = 400, Jc = () => {
|
|
|
7020
6997
|
if (e === "api" && t.request.type === "ws" || e === "ws" && t.request.type !== "ws" || e === "error" && !t.request.isError) return !1;
|
|
7021
6998
|
if (r) {
|
|
7022
6999
|
let e = `${t.callName} ${t.request.alias || ""} ${t.request.method || ""} ${t.request.subType || ""}`;
|
|
7023
|
-
if (!
|
|
7000
|
+
if (!gi(r, e).matched) return !1;
|
|
7024
7001
|
}
|
|
7025
7002
|
return !0;
|
|
7026
7003
|
});
|
|
@@ -7040,7 +7017,7 @@ var qc = 400, Jc = () => {
|
|
|
7040
7017
|
function g(e) {
|
|
7041
7018
|
if (!f) return 0;
|
|
7042
7019
|
let t = f.getBoundingClientRect();
|
|
7043
|
-
return t.width === 0 ? 0 :
|
|
7020
|
+
return t.width === 0 ? 0 : Vc((e.clientX - t.left) / t.width, 0, 1);
|
|
7044
7021
|
}
|
|
7045
7022
|
function _(e) {
|
|
7046
7023
|
return h ? h.start + (h.end - h.start) * g(e) : 0;
|
|
@@ -7094,23 +7071,23 @@ var qc = 400, Jc = () => {
|
|
|
7094
7071
|
});
|
|
7095
7072
|
function re(e) {
|
|
7096
7073
|
let t = b();
|
|
7097
|
-
return t ?
|
|
7074
|
+
return t ? Vc((e - t.start) / (t.end - t.start), 0, 1) : 0;
|
|
7098
7075
|
}
|
|
7099
7076
|
function ie(e) {
|
|
7100
7077
|
let t = l();
|
|
7101
|
-
return t ?
|
|
7078
|
+
return t ? Vc((e - t.start) / (t.end - t.start), 0, 1) : 0;
|
|
7102
7079
|
}
|
|
7103
7080
|
function S(e) {
|
|
7104
|
-
return `calc(${String(
|
|
7081
|
+
return `calc(${String(Pc)}px + (100% - ${String(Pc)}px) * ${re(e.time)})`;
|
|
7105
7082
|
}
|
|
7106
7083
|
return (() => {
|
|
7107
|
-
var r =
|
|
7108
|
-
return r.firstChild, I(r,
|
|
7084
|
+
var r = vc();
|
|
7085
|
+
return r.firstChild, I(r, Fc), R(r, (() => {
|
|
7109
7086
|
var r = N(() => !l());
|
|
7110
|
-
return () => r() ?
|
|
7087
|
+
return () => r() ? yc() : [
|
|
7111
7088
|
(() => {
|
|
7112
|
-
var e =
|
|
7113
|
-
return I(e,
|
|
7089
|
+
var e = bc(), r = e.firstChild, i = r.firstChild;
|
|
7090
|
+
return I(e, Ic), R(r, A(V, { name: "search" }), i), i.$$input = (e) => {
|
|
7114
7091
|
t.value = e.currentTarget.value;
|
|
7115
7092
|
}, R(e, A(z, {
|
|
7116
7093
|
onClick: () => n.set("all"),
|
|
@@ -7139,15 +7116,15 @@ var qc = 400, Jc = () => {
|
|
|
7139
7116
|
}), null), O(() => i.value = t.value), e;
|
|
7140
7117
|
})(),
|
|
7141
7118
|
(() => {
|
|
7142
|
-
var e =
|
|
7119
|
+
var e = xc();
|
|
7143
7120
|
e.$$pointerup = ee, e.$$pointermove = y, e.$$pointerdown = v;
|
|
7144
7121
|
var t = f;
|
|
7145
|
-
return typeof t == "function" ? dt(t, e) : f = e, I(e,
|
|
7122
|
+
return typeof t == "function" ? dt(t, e) : f = e, I(e, Lc), R(e, A(j, {
|
|
7146
7123
|
get each() {
|
|
7147
7124
|
return s();
|
|
7148
7125
|
},
|
|
7149
7126
|
children: (e) => (() => {
|
|
7150
|
-
var t =
|
|
7127
|
+
var t = wc();
|
|
7151
7128
|
return O((n) => {
|
|
7152
7129
|
var r = !!e.request.isError, i = !!(!e.request.isError && e.request.warnings?.length), a = e.request.status === "pending", o = `${ie(e.request.startTime) * 100}%`;
|
|
7153
7130
|
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;
|
|
@@ -7163,7 +7140,7 @@ var qc = 400, Jc = () => {
|
|
|
7163
7140
|
return U.markers;
|
|
7164
7141
|
},
|
|
7165
7142
|
children: (e) => (() => {
|
|
7166
|
-
var t =
|
|
7143
|
+
var t = Tc();
|
|
7167
7144
|
return O((n) => L(t, "left", `${ie(e.time) * 100}%`)), t;
|
|
7168
7145
|
})()
|
|
7169
7146
|
}), null), R(e, A(M, {
|
|
@@ -7172,38 +7149,38 @@ var qc = 400, Jc = () => {
|
|
|
7172
7149
|
},
|
|
7173
7150
|
children: (e) => [
|
|
7174
7151
|
(() => {
|
|
7175
|
-
var t =
|
|
7152
|
+
var t = Ec();
|
|
7176
7153
|
return O((n) => L(t, "width", `${ie(e().start) * 100}%`)), t;
|
|
7177
7154
|
})(),
|
|
7178
7155
|
(() => {
|
|
7179
|
-
var t =
|
|
7156
|
+
var t = Dc();
|
|
7180
7157
|
return O((n) => L(t, "left", `${ie(e().end) * 100}%`)), t;
|
|
7181
7158
|
})(),
|
|
7182
7159
|
(() => {
|
|
7183
|
-
var t =
|
|
7160
|
+
var t = Oc();
|
|
7184
7161
|
return O((n) => L(t, "left", `${ie(e().start) * 100}%`)), t;
|
|
7185
7162
|
})(),
|
|
7186
7163
|
(() => {
|
|
7187
|
-
var t =
|
|
7164
|
+
var t = kc();
|
|
7188
7165
|
return O((n) => L(t, "left", `${ie(e().end) * 100}%`)), t;
|
|
7189
7166
|
})()
|
|
7190
7167
|
]
|
|
7191
7168
|
}), null), e;
|
|
7192
7169
|
})(),
|
|
7193
7170
|
(() => {
|
|
7194
|
-
var t =
|
|
7195
|
-
return I(t,
|
|
7171
|
+
var t = Sc(), n = t.firstChild, r = n.nextSibling, i = r.firstChild, a = r.nextSibling;
|
|
7172
|
+
return I(t, zc), R(n, () => e(b()?.start).format("HH:mm:ss.SSS")), R(r, () => te().length, i), R(r, () => te().length > Hc && ` (showing last ${Hc})`, null), R(a, () => e(b()?.end).format("HH:mm:ss.SSS")), t;
|
|
7196
7173
|
})(),
|
|
7197
7174
|
A(M, {
|
|
7198
7175
|
get when() {
|
|
7199
7176
|
return u();
|
|
7200
7177
|
},
|
|
7201
7178
|
children: (e) => (() => {
|
|
7202
|
-
var t =
|
|
7203
|
-
return I(t,
|
|
7179
|
+
var t = Ac();
|
|
7180
|
+
return I(t, Rc), R(t, A(z, {
|
|
7204
7181
|
class: "danger",
|
|
7205
7182
|
title: "Remove all requests that ended before the selection",
|
|
7206
|
-
onClick: () =>
|
|
7183
|
+
onClick: () => Ln(e().start),
|
|
7207
7184
|
children: "clear requests before"
|
|
7208
7185
|
}), null), R(t, A(z, {
|
|
7209
7186
|
title: "Reset the selected time range",
|
|
@@ -7214,37 +7191,37 @@ var qc = 400, Jc = () => {
|
|
|
7214
7191
|
}), null), R(t, A(z, {
|
|
7215
7192
|
class: "danger",
|
|
7216
7193
|
title: "Remove all requests that started after the selection",
|
|
7217
|
-
onClick: () =>
|
|
7194
|
+
onClick: () => Rn(e().end),
|
|
7218
7195
|
children: "clear requests after"
|
|
7219
7196
|
}), null), R(t, A(z, {
|
|
7220
7197
|
class: "danger",
|
|
7221
7198
|
title: "Remove the requests inside the selection",
|
|
7222
7199
|
onClick: () => {
|
|
7223
|
-
|
|
7200
|
+
zn(e().start, e().end), d(() => null);
|
|
7224
7201
|
},
|
|
7225
7202
|
children: "clear selected requests"
|
|
7226
7203
|
}), null), R(t, A(z, {
|
|
7227
7204
|
class: "marker",
|
|
7228
7205
|
title: "Add a marker at the selection start",
|
|
7229
|
-
onClick: () =>
|
|
7206
|
+
onClick: () => _r(e().start),
|
|
7230
7207
|
children: "add marker before"
|
|
7231
7208
|
}), null), R(t, A(z, {
|
|
7232
7209
|
class: "marker",
|
|
7233
7210
|
title: "Add a marker at the selection end",
|
|
7234
|
-
onClick: () =>
|
|
7211
|
+
onClick: () => _r(e().end),
|
|
7235
7212
|
children: "add marker after"
|
|
7236
7213
|
}), null), t;
|
|
7237
7214
|
})()
|
|
7238
7215
|
}),
|
|
7239
7216
|
(() => {
|
|
7240
|
-
var t =
|
|
7241
|
-
return I(t,
|
|
7217
|
+
var t = Cc(), n = t.firstChild;
|
|
7218
|
+
return I(t, Bc), R(n, A(j, {
|
|
7242
7219
|
get each() {
|
|
7243
7220
|
return x();
|
|
7244
7221
|
},
|
|
7245
7222
|
children: (t) => (() => {
|
|
7246
|
-
var n =
|
|
7247
|
-
return r.$$click = () =>
|
|
7223
|
+
var n = jc(), r = n.firstChild;
|
|
7224
|
+
return r.$$click = () => Nn(t.id), R(r, () => t.label), O((i) => {
|
|
7248
7225
|
var a = S(t), o = `${t.label} · ${e(t.time).format("HH:mm:ss.SSS")} · click to remove`;
|
|
7249
7226
|
return a !== i.e && L(n, "left", i.e = a), o !== i.t && F(r, "title", i.t = o), i;
|
|
7250
7227
|
}, {
|
|
@@ -7259,25 +7236,25 @@ var qc = 400, Jc = () => {
|
|
|
7259
7236
|
children: (e) => {
|
|
7260
7237
|
let t = k(() => re(e.request.startTime) * 100), n = k(() => re(c(e.request)) * 100);
|
|
7261
7238
|
return (() => {
|
|
7262
|
-
var r =
|
|
7239
|
+
var r = Mc(), i = r.firstChild, a = i.firstChild, o = a.nextSibling, s = i.nextSibling.firstChild, c = s.nextSibling;
|
|
7263
7240
|
return r.$$click = () => {
|
|
7264
|
-
|
|
7241
|
+
ti({
|
|
7265
7242
|
selectedPage: "explorer",
|
|
7266
7243
|
selectedCall: e.callID,
|
|
7267
7244
|
selectedRequest: e.request.id,
|
|
7268
7245
|
selectedSubitem: null
|
|
7269
7246
|
});
|
|
7270
|
-
}, R(a, () =>
|
|
7247
|
+
}, R(a, () => ii(e.request).label), R(o, () => e.callName), R(i, (() => {
|
|
7271
7248
|
var t = N(() => !!e.request.alias);
|
|
7272
7249
|
return () => t() && (() => {
|
|
7273
|
-
var t =
|
|
7250
|
+
var t = Nc();
|
|
7274
7251
|
return R(t, () => e.request.alias), t;
|
|
7275
7252
|
})();
|
|
7276
7253
|
})(), null), R(c, (() => {
|
|
7277
7254
|
var t = N(() => e.request.status === "pending");
|
|
7278
|
-
return () => t() ? "pending…" : `${
|
|
7255
|
+
return () => t() ? "pending…" : `${ea(e.request.duration, { maximumFractionDigits: 0 })}ms`;
|
|
7279
7256
|
})()), O((i) => {
|
|
7280
|
-
var o = `${e.callName} · ${e.request.status === "pending" ? "pending" : `${
|
|
7257
|
+
var o = `${e.callName} · ${e.request.status === "pending" ? "pending" : `${ea(e.request.duration, { maximumFractionDigits: 0 })}ms`}`, l = `${ni} ${ii(e.request).class}`, u = !!e.request.isError, d = !!(!e.request.isError && e.request.warnings?.length), f = e.request.status === "pending", p = e.request.type === "ws", m = `${t()}%`, h = `${Math.max(n() - t(), .2)}%`, g = `${Math.min(n(), 88)}%`;
|
|
7281
7258
|
return o !== i.e && F(r, "title", i.e = o), l !== i.t && I(a, i.t = l), u !== i.a && s.classList.toggle("error", i.a = u), d !== i.o && s.classList.toggle("warning", i.o = d), f !== i.i && s.classList.toggle("pending", i.i = f), p !== i.n && s.classList.toggle("ws", i.n = p), m !== i.s && L(s, "left", i.s = m), h !== i.h && L(s, "width", i.h = h), g !== i.r && L(c, "left", i.r = g), i;
|
|
7282
7259
|
}, {
|
|
7283
7260
|
e: void 0,
|
|
@@ -7307,7 +7284,7 @@ it([
|
|
|
7307
7284
|
]);
|
|
7308
7285
|
//#endregion
|
|
7309
7286
|
//#region src/style/globalStyle.ts
|
|
7310
|
-
var
|
|
7287
|
+
var Wc = `
|
|
7311
7288
|
font-family: ${q.primary};
|
|
7312
7289
|
color: ${K.textPrimary.var};
|
|
7313
7290
|
|
|
@@ -7358,7 +7335,7 @@ var Yc = `
|
|
|
7358
7335
|
h3 {
|
|
7359
7336
|
font-weight: normal;
|
|
7360
7337
|
}
|
|
7361
|
-
`,
|
|
7338
|
+
`, Gc = "\n display: flex;\n align-items: center;\n justify-content: center;\n", Kc = "\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", qc = [
|
|
7362
7339
|
"beforeinput",
|
|
7363
7340
|
"click",
|
|
7364
7341
|
"dblclick",
|
|
@@ -7381,21 +7358,21 @@ var Yc = `
|
|
|
7381
7358
|
"touchend",
|
|
7382
7359
|
"touchmove",
|
|
7383
7360
|
"touchstart"
|
|
7384
|
-
],
|
|
7385
|
-
function
|
|
7386
|
-
|
|
7361
|
+
], Jc = null;
|
|
7362
|
+
function Yc() {
|
|
7363
|
+
Jc && !Jc.closed && Jc.close(), Jc = null, ll();
|
|
7387
7364
|
}
|
|
7388
|
-
function
|
|
7389
|
-
if (
|
|
7390
|
-
|
|
7365
|
+
function Xc() {
|
|
7366
|
+
if (Jc && !Jc.closed) {
|
|
7367
|
+
Jc.focus(), ul();
|
|
7391
7368
|
return;
|
|
7392
7369
|
}
|
|
7393
7370
|
let e = window.open("", "app-devtools-window", "width=1400,height=900,popup=yes");
|
|
7394
7371
|
if (!e) {
|
|
7395
|
-
|
|
7372
|
+
pr("The popup was blocked by the browser");
|
|
7396
7373
|
return;
|
|
7397
7374
|
}
|
|
7398
|
-
|
|
7375
|
+
Jc = e;
|
|
7399
7376
|
let t = e.document;
|
|
7400
7377
|
t.head.innerHTML = "", t.body.innerHTML = "", t.title = `App DevTools · ${window.location.host}`, t.body.style.margin = "0", t.body.style.background = "#0F172A";
|
|
7401
7378
|
let n = document.documentElement.style;
|
|
@@ -7408,10 +7385,10 @@ function tl() {
|
|
|
7408
7385
|
source: e,
|
|
7409
7386
|
mirror: n
|
|
7410
7387
|
});
|
|
7411
|
-
}), it(
|
|
7388
|
+
}), it(qc, t);
|
|
7412
7389
|
let i = t.createElement("div");
|
|
7413
7390
|
t.body.appendChild(i);
|
|
7414
|
-
let a = rt(() => A(
|
|
7391
|
+
let a = rt(() => A(rl, { standalone: !0 }), i), o = window.setInterval(() => {
|
|
7415
7392
|
if (e.closed) {
|
|
7416
7393
|
s();
|
|
7417
7394
|
return;
|
|
@@ -7419,15 +7396,15 @@ function tl() {
|
|
|
7419
7396
|
for (let { source: e, mirror: t } of r) t.textContent !== e.textContent && (t.textContent = e.textContent);
|
|
7420
7397
|
}, 300);
|
|
7421
7398
|
function s() {
|
|
7422
|
-
window.clearInterval(o), a(),
|
|
7399
|
+
window.clearInterval(o), a(), Jc = null;
|
|
7423
7400
|
}
|
|
7424
|
-
e.addEventListener("pagehide", s),
|
|
7401
|
+
e.addEventListener("pagehide", s), ul();
|
|
7425
7402
|
}
|
|
7426
7403
|
//#endregion
|
|
7427
7404
|
//#region src/pages/app/App.tsx
|
|
7428
|
-
var
|
|
7429
|
-
${
|
|
7430
|
-
${
|
|
7405
|
+
var Zc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-actions></div></nav><main>"), Qc = /*#__PURE__*/ P("<div>"), $c = B`
|
|
7406
|
+
${Kc};
|
|
7407
|
+
${Wc};
|
|
7431
7408
|
|
|
7432
7409
|
position: fixed;
|
|
7433
7410
|
inset: 32px;
|
|
@@ -7442,7 +7419,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7442
7419
|
padding-bottom: 8px;
|
|
7443
7420
|
|
|
7444
7421
|
button {
|
|
7445
|
-
${
|
|
7422
|
+
${Gc};
|
|
7446
7423
|
width: 100%;
|
|
7447
7424
|
aspect-ratio: 1 / 1;
|
|
7448
7425
|
color: ${K.white.alpha(.55)};
|
|
@@ -7503,17 +7480,17 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7503
7480
|
${Dt};
|
|
7504
7481
|
}
|
|
7505
7482
|
}
|
|
7506
|
-
`,
|
|
7483
|
+
`, el = B`
|
|
7507
7484
|
&&& {
|
|
7508
7485
|
inset: 0;
|
|
7509
7486
|
border-radius: 0;
|
|
7510
7487
|
}
|
|
7511
|
-
`,
|
|
7488
|
+
`, tl = B`
|
|
7512
7489
|
${Dt};
|
|
7513
7490
|
position: fixed;
|
|
7514
7491
|
inset: 0;
|
|
7515
7492
|
backdrop-filter: blur(5px);
|
|
7516
|
-
`,
|
|
7493
|
+
`, nl = [
|
|
7517
7494
|
{
|
|
7518
7495
|
id: "explorer",
|
|
7519
7496
|
title: "API Explorer",
|
|
@@ -7539,13 +7516,13 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7539
7516
|
title: "Request Caller",
|
|
7540
7517
|
icon: "send"
|
|
7541
7518
|
}
|
|
7542
|
-
],
|
|
7543
|
-
var e =
|
|
7544
|
-
return st(e, "click",
|
|
7519
|
+
], rl = (e) => [N(() => N(() => !e.standalone)() && (() => {
|
|
7520
|
+
var e = Qc();
|
|
7521
|
+
return st(e, "click", ul, !0), I(e, tl), e;
|
|
7545
7522
|
})()), (() => {
|
|
7546
|
-
var t =
|
|
7523
|
+
var t = Zc(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
|
|
7547
7524
|
return R(n, A(j, {
|
|
7548
|
-
each:
|
|
7525
|
+
each: nl,
|
|
7549
7526
|
children: (e) => A(z, {
|
|
7550
7527
|
get title() {
|
|
7551
7528
|
return e.title;
|
|
@@ -7554,7 +7531,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7554
7531
|
return { active: J.selectedPage === e.id };
|
|
7555
7532
|
},
|
|
7556
7533
|
onClick: () => {
|
|
7557
|
-
|
|
7534
|
+
ti("selectedPage", e.id);
|
|
7558
7535
|
},
|
|
7559
7536
|
get children() {
|
|
7560
7537
|
return A(V, { get name() {
|
|
@@ -7564,23 +7541,23 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7564
7541
|
})
|
|
7565
7542
|
}), r), R(r, A(z, {
|
|
7566
7543
|
get classList() {
|
|
7567
|
-
return { "toggle-on":
|
|
7544
|
+
return { "toggle-on": ei.value };
|
|
7568
7545
|
},
|
|
7569
7546
|
get title() {
|
|
7570
|
-
return
|
|
7547
|
+
return ei.value ? "Hide sensitive values" : "Show sensitive values";
|
|
7571
7548
|
},
|
|
7572
7549
|
onClick: () => {
|
|
7573
|
-
|
|
7550
|
+
ei.value = !ei.value;
|
|
7574
7551
|
},
|
|
7575
7552
|
get children() {
|
|
7576
7553
|
return A(V, { get name() {
|
|
7577
|
-
return
|
|
7554
|
+
return ei.value ? "eye-off" : "eye";
|
|
7578
7555
|
} });
|
|
7579
7556
|
}
|
|
7580
7557
|
}), null), R(r, A(z, {
|
|
7581
7558
|
title: "Add a marker to the timeline",
|
|
7582
7559
|
onClick: () => {
|
|
7583
|
-
|
|
7560
|
+
_r();
|
|
7584
7561
|
},
|
|
7585
7562
|
get children() {
|
|
7586
7563
|
return A(V, { name: "flag" });
|
|
@@ -7588,7 +7565,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7588
7565
|
}), null), R(r, A(z, {
|
|
7589
7566
|
title: "Export history",
|
|
7590
7567
|
onClick: () => {
|
|
7591
|
-
|
|
7568
|
+
Hr.value = !0;
|
|
7592
7569
|
},
|
|
7593
7570
|
get children() {
|
|
7594
7571
|
return A(V, { name: "download" });
|
|
@@ -7597,13 +7574,13 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7597
7574
|
var t = N(() => !!e.standalone);
|
|
7598
7575
|
return () => t() ? A(z, {
|
|
7599
7576
|
title: "Move devtools back to the app page",
|
|
7600
|
-
onClick:
|
|
7577
|
+
onClick: Yc,
|
|
7601
7578
|
get children() {
|
|
7602
7579
|
return A(V, { name: "minimize-2" });
|
|
7603
7580
|
}
|
|
7604
7581
|
}) : A(z, {
|
|
7605
7582
|
title: "Open in a new window",
|
|
7606
|
-
onClick:
|
|
7583
|
+
onClick: Xc,
|
|
7607
7584
|
get children() {
|
|
7608
7585
|
return A(V, { name: "external-link" });
|
|
7609
7586
|
}
|
|
@@ -7612,7 +7589,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7612
7589
|
class: "danger",
|
|
7613
7590
|
title: "Clear history",
|
|
7614
7591
|
onClick: () => {
|
|
7615
|
-
|
|
7592
|
+
Pn(), Or(), pr("History cleared");
|
|
7616
7593
|
},
|
|
7617
7594
|
get children() {
|
|
7618
7595
|
return A(V, { name: "trash" });
|
|
@@ -7624,7 +7601,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7624
7601
|
return J.selectedPage === "explorer";
|
|
7625
7602
|
},
|
|
7626
7603
|
get children() {
|
|
7627
|
-
return A(
|
|
7604
|
+
return A(Xo, {});
|
|
7628
7605
|
}
|
|
7629
7606
|
}),
|
|
7630
7607
|
A(qe, {
|
|
@@ -7632,7 +7609,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7632
7609
|
return J.selectedPage === "timeline";
|
|
7633
7610
|
},
|
|
7634
7611
|
get children() {
|
|
7635
|
-
return A(
|
|
7612
|
+
return A(Uc, {});
|
|
7636
7613
|
}
|
|
7637
7614
|
}),
|
|
7638
7615
|
A(qe, {
|
|
@@ -7640,7 +7617,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7640
7617
|
return J.selectedPage === "stats";
|
|
7641
7618
|
},
|
|
7642
7619
|
get children() {
|
|
7643
|
-
return A(
|
|
7620
|
+
return A(_c, {});
|
|
7644
7621
|
}
|
|
7645
7622
|
}),
|
|
7646
7623
|
A(qe, {
|
|
@@ -7648,7 +7625,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7648
7625
|
return J.selectedPage === "logs";
|
|
7649
7626
|
},
|
|
7650
7627
|
get children() {
|
|
7651
|
-
return A(
|
|
7628
|
+
return A(Gs, {});
|
|
7652
7629
|
}
|
|
7653
7630
|
}),
|
|
7654
7631
|
A(qe, {
|
|
@@ -7656,66 +7633,66 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
|
|
|
7656
7633
|
return J.selectedPage === "caller";
|
|
7657
7634
|
},
|
|
7658
7635
|
get children() {
|
|
7659
|
-
return A(
|
|
7636
|
+
return A(Os, {});
|
|
7660
7637
|
}
|
|
7661
7638
|
})
|
|
7662
7639
|
];
|
|
7663
7640
|
} })), R(t, A(M, {
|
|
7664
7641
|
get when() {
|
|
7665
|
-
return
|
|
7642
|
+
return Hr.value;
|
|
7666
7643
|
},
|
|
7667
7644
|
get children() {
|
|
7668
|
-
return A(
|
|
7645
|
+
return A(Gr, {});
|
|
7669
7646
|
}
|
|
7670
7647
|
}), null), R(t, A(M, {
|
|
7671
7648
|
get when() {
|
|
7672
|
-
return
|
|
7649
|
+
return gr.value;
|
|
7673
7650
|
},
|
|
7674
7651
|
get children() {
|
|
7675
|
-
return A(
|
|
7652
|
+
return A(br, {});
|
|
7676
7653
|
}
|
|
7677
|
-
}), null), R(t, A(
|
|
7654
|
+
}), null), R(t, A(Jr, {}), null), O(() => I(t, Aa($c, e.standalone && el))), t;
|
|
7678
7655
|
})()];
|
|
7679
7656
|
it(["click"]);
|
|
7680
7657
|
//#endregion
|
|
7681
7658
|
//#region src/Root.tsx
|
|
7682
|
-
var
|
|
7683
|
-
function
|
|
7684
|
-
if (
|
|
7685
|
-
|
|
7659
|
+
var il = () => A(rl, {}), al = !1;
|
|
7660
|
+
function ol() {
|
|
7661
|
+
if (al) return;
|
|
7662
|
+
al = !0;
|
|
7686
7663
|
let e = document.getElementsByTagName("head")[0], t = document.createElement("link");
|
|
7687
7664
|
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);
|
|
7688
7665
|
}
|
|
7689
7666
|
//#endregion
|
|
7690
7667
|
//#region src/initializeApp.tsx
|
|
7691
|
-
var
|
|
7692
|
-
function
|
|
7693
|
-
if (
|
|
7694
|
-
|
|
7668
|
+
var sl = () => {}, cl = !1;
|
|
7669
|
+
function ll() {
|
|
7670
|
+
if (cl) return;
|
|
7671
|
+
cl = !0, e.extend(St.default), ol(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
|
|
7695
7672
|
let t = document.getElementById("dev-tools-root") || document.createElement("div");
|
|
7696
|
-
t.id = "dev-tools-root", document.body.appendChild(t),
|
|
7673
|
+
t.id = "dev-tools-root", document.body.appendChild(t), sl = rt(() => A(il, {}), t);
|
|
7697
7674
|
}
|
|
7698
|
-
function
|
|
7699
|
-
|
|
7675
|
+
function ul() {
|
|
7676
|
+
cl && (cl = !1, sl());
|
|
7700
7677
|
}
|
|
7701
|
-
function
|
|
7702
|
-
|
|
7678
|
+
function dl() {
|
|
7679
|
+
cl ? ul() : ll();
|
|
7703
7680
|
}
|
|
7704
|
-
function
|
|
7705
|
-
return
|
|
7681
|
+
function fl() {
|
|
7682
|
+
return cl;
|
|
7706
7683
|
}
|
|
7707
7684
|
//#endregion
|
|
7708
7685
|
//#region src/initializeDevTools.ts
|
|
7709
|
-
function
|
|
7686
|
+
function pl({ callsProcessor: e, shortcut: t, requestCallers: n, visibleRequestHeaders: r, sensitiveDataFields: a, maxRequestsSizeMb: o, maxLogsSizeMb: s }) {
|
|
7710
7687
|
i(window, { [t]: (e) => {
|
|
7711
7688
|
let t = document.activeElement;
|
|
7712
|
-
t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA") || (e.preventDefault(),
|
|
7713
|
-
} }),
|
|
7689
|
+
t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA") || (e.preventDefault(), dl());
|
|
7690
|
+
} }), Qn({
|
|
7714
7691
|
...e ? { callsProcessor: e } : {},
|
|
7715
7692
|
...r ? { visibleRequestHeaders: r } : {},
|
|
7716
7693
|
...a ? { sensitiveDataFields: a } : {},
|
|
7717
7694
|
...o === void 0 ? {} : { maxRequestsSizeMb: o }
|
|
7718
|
-
}), s !== void 0 &&
|
|
7695
|
+
}), s !== void 0 && Cr(s), n && Ka(n);
|
|
7719
7696
|
}
|
|
7720
7697
|
//#endregion
|
|
7721
|
-
export {
|
|
7698
|
+
export { er as addCall, Dr as addLog, Mn as addMarker, $n as addWebsocketEvent, Pn as clearHistory, Or as clearLogs, ul as closeDevTools, fl as devToolsIsOpen, pl as initializeDevTools, ll as openDevTools, dl as toggleDevTools };
|