@localstack/appinspector-ui 1.0.109 → 1.0.111
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/index.cjs +13 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +13 -11
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -18397,7 +18397,11 @@ var useSpans = () => {
|
|
|
18397
18397
|
}
|
|
18398
18398
|
}
|
|
18399
18399
|
});
|
|
18400
|
+
const clearFetchError = useCallback8(() => {
|
|
18401
|
+
setFetchError(void 0);
|
|
18402
|
+
}, []);
|
|
18400
18403
|
return {
|
|
18404
|
+
clearFetchError,
|
|
18401
18405
|
clearingSpans,
|
|
18402
18406
|
clearSpans,
|
|
18403
18407
|
errorCount,
|
|
@@ -30952,7 +30956,7 @@ var ServiceNode = memo11(({ data, selected }) => {
|
|
|
30952
30956
|
|
|
30953
30957
|
// src/components/trace-graph/utils.ts
|
|
30954
30958
|
import dagre from "@dagrejs/dagre";
|
|
30955
|
-
var getLayoutedNodesAndEdges = (inputNodes, inputEdges
|
|
30959
|
+
var getLayoutedNodesAndEdges = (inputNodes, inputEdges) => {
|
|
30956
30960
|
const dagreGraph = new dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
|
|
30957
30961
|
const direction = "LR";
|
|
30958
30962
|
const nodeWidth = 200;
|
|
@@ -30981,7 +30985,7 @@ var getLayoutedNodesAndEdges = (inputNodes, inputEdges, order2 = "oldest_first")
|
|
|
30981
30985
|
nodeIds.sort((a3, b3) => {
|
|
30982
30986
|
const tsA = timestampMap.get(a3) ?? "";
|
|
30983
30987
|
const tsB = timestampMap.get(b3) ?? "";
|
|
30984
|
-
return
|
|
30988
|
+
return tsA.localeCompare(tsB);
|
|
30985
30989
|
});
|
|
30986
30990
|
for (const [index, nodeId] of nodeIds.entries()) {
|
|
30987
30991
|
;
|
|
@@ -31085,7 +31089,6 @@ var TraceGraph = ({
|
|
|
31085
31089
|
initialFocusEventId,
|
|
31086
31090
|
onEventSelect,
|
|
31087
31091
|
onRefresh,
|
|
31088
|
-
order: order2 = "oldest_first",
|
|
31089
31092
|
spans
|
|
31090
31093
|
}) => {
|
|
31091
31094
|
const [nodes, setNodes, onNodesChange] = useNodesState([]);
|
|
@@ -31131,7 +31134,7 @@ var TraceGraph = ({
|
|
|
31131
31134
|
});
|
|
31132
31135
|
}
|
|
31133
31136
|
}
|
|
31134
|
-
const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges
|
|
31137
|
+
const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges);
|
|
31135
31138
|
for (const node of layoutedNodes) {
|
|
31136
31139
|
if (node.id === initialFocusEventId) {
|
|
31137
31140
|
node.selected = true;
|
|
@@ -31139,7 +31142,7 @@ var TraceGraph = ({
|
|
|
31139
31142
|
}
|
|
31140
31143
|
setNodes(layoutedNodes);
|
|
31141
31144
|
setEdges(layoutedEdges);
|
|
31142
|
-
}, [spans.data, initialFocusEventId,
|
|
31145
|
+
}, [spans.data, initialFocusEventId, setNodes, setEdges]);
|
|
31143
31146
|
const theme = useTheme5();
|
|
31144
31147
|
return /* @__PURE__ */ jsxs133(Fragment11, { children: [
|
|
31145
31148
|
spans.error && /* @__PURE__ */ jsxs133(
|
|
@@ -31230,7 +31233,6 @@ var TraceGraphView = ({
|
|
|
31230
31233
|
loading,
|
|
31231
31234
|
navigateToSpansList,
|
|
31232
31235
|
open,
|
|
31233
|
-
order: order2,
|
|
31234
31236
|
selectedEvent,
|
|
31235
31237
|
spanId,
|
|
31236
31238
|
spans,
|
|
@@ -31292,7 +31294,6 @@ var TraceGraphView = ({
|
|
|
31292
31294
|
onRefresh: () => {
|
|
31293
31295
|
fetchSpans();
|
|
31294
31296
|
},
|
|
31295
|
-
order: order2,
|
|
31296
31297
|
spans: {
|
|
31297
31298
|
data: spans,
|
|
31298
31299
|
error: fetchError,
|
|
@@ -31344,7 +31345,7 @@ async function fetchConnectedTraces(api, traceIds, allSpans = /* @__PURE__ */ ne
|
|
|
31344
31345
|
}
|
|
31345
31346
|
return [...allSpans.values()];
|
|
31346
31347
|
}
|
|
31347
|
-
var TraceGraphPage = ({ onClose,
|
|
31348
|
+
var TraceGraphPage = ({ onClose, spanId, traceId }) => {
|
|
31348
31349
|
const api = useAppInspectorApi();
|
|
31349
31350
|
const [spans, setSpans] = useState17();
|
|
31350
31351
|
const [loading, setLoading] = useState17(false);
|
|
@@ -31404,7 +31405,6 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
|
|
|
31404
31405
|
loading,
|
|
31405
31406
|
navigateToSpansList,
|
|
31406
31407
|
open,
|
|
31407
|
-
order: order2,
|
|
31408
31408
|
selectedEvent,
|
|
31409
31409
|
spanId: spanId ?? void 0,
|
|
31410
31410
|
spans,
|
|
@@ -31420,6 +31420,7 @@ import { Fragment as Fragment13, jsx as jsx146, jsxs as jsxs135 } from "react/js
|
|
|
31420
31420
|
var SpansListPage = () => {
|
|
31421
31421
|
const api = useAppInspectorApi();
|
|
31422
31422
|
const {
|
|
31423
|
+
clearFetchError,
|
|
31423
31424
|
clearingSpans,
|
|
31424
31425
|
clearSpans,
|
|
31425
31426
|
errorCount,
|
|
@@ -31458,8 +31459,9 @@ var SpansListPage = () => {
|
|
|
31458
31459
|
}, [checkStatus, fetchForward]);
|
|
31459
31460
|
const handleEnable = useCallback11(async () => {
|
|
31460
31461
|
await api.setStatus({ status: "ENABLED" });
|
|
31462
|
+
clearFetchError();
|
|
31461
31463
|
void checkStatus();
|
|
31462
|
-
}, [api, checkStatus]);
|
|
31464
|
+
}, [api, checkStatus, clearFetchError]);
|
|
31463
31465
|
const shouldShowStatusMessage = Boolean(statusError) || status?.status === "DISABLED";
|
|
31464
31466
|
return /* @__PURE__ */ jsxs135(Fragment13, { children: [
|
|
31465
31467
|
/* @__PURE__ */ jsxs135(
|
|
@@ -31527,7 +31529,7 @@ var SpansListPage = () => {
|
|
|
31527
31529
|
),
|
|
31528
31530
|
selectedTraceId !== void 0 && /* @__PURE__ */ jsx146(TraceGraphPage, { onClose: () => {
|
|
31529
31531
|
setSelectedTraceId(void 0);
|
|
31530
|
-
},
|
|
31532
|
+
}, spanId: selectedSpanId, traceId: selectedTraceId })
|
|
31531
31533
|
] });
|
|
31532
31534
|
};
|
|
31533
31535
|
|