@localstack/appinspector-ui 1.0.110 → 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 +6 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +6 -10
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -30956,7 +30956,7 @@ var ServiceNode = memo11(({ data, selected }) => {
|
|
|
30956
30956
|
|
|
30957
30957
|
// src/components/trace-graph/utils.ts
|
|
30958
30958
|
import dagre from "@dagrejs/dagre";
|
|
30959
|
-
var getLayoutedNodesAndEdges = (inputNodes, inputEdges
|
|
30959
|
+
var getLayoutedNodesAndEdges = (inputNodes, inputEdges) => {
|
|
30960
30960
|
const dagreGraph = new dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
|
|
30961
30961
|
const direction = "LR";
|
|
30962
30962
|
const nodeWidth = 200;
|
|
@@ -30985,7 +30985,7 @@ var getLayoutedNodesAndEdges = (inputNodes, inputEdges, order2 = "oldest_first")
|
|
|
30985
30985
|
nodeIds.sort((a3, b3) => {
|
|
30986
30986
|
const tsA = timestampMap.get(a3) ?? "";
|
|
30987
30987
|
const tsB = timestampMap.get(b3) ?? "";
|
|
30988
|
-
return
|
|
30988
|
+
return tsA.localeCompare(tsB);
|
|
30989
30989
|
});
|
|
30990
30990
|
for (const [index, nodeId] of nodeIds.entries()) {
|
|
30991
30991
|
;
|
|
@@ -31089,7 +31089,6 @@ var TraceGraph = ({
|
|
|
31089
31089
|
initialFocusEventId,
|
|
31090
31090
|
onEventSelect,
|
|
31091
31091
|
onRefresh,
|
|
31092
|
-
order: order2 = "oldest_first",
|
|
31093
31092
|
spans
|
|
31094
31093
|
}) => {
|
|
31095
31094
|
const [nodes, setNodes, onNodesChange] = useNodesState([]);
|
|
@@ -31135,7 +31134,7 @@ var TraceGraph = ({
|
|
|
31135
31134
|
});
|
|
31136
31135
|
}
|
|
31137
31136
|
}
|
|
31138
|
-
const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges
|
|
31137
|
+
const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges);
|
|
31139
31138
|
for (const node of layoutedNodes) {
|
|
31140
31139
|
if (node.id === initialFocusEventId) {
|
|
31141
31140
|
node.selected = true;
|
|
@@ -31143,7 +31142,7 @@ var TraceGraph = ({
|
|
|
31143
31142
|
}
|
|
31144
31143
|
setNodes(layoutedNodes);
|
|
31145
31144
|
setEdges(layoutedEdges);
|
|
31146
|
-
}, [spans.data, initialFocusEventId,
|
|
31145
|
+
}, [spans.data, initialFocusEventId, setNodes, setEdges]);
|
|
31147
31146
|
const theme = useTheme5();
|
|
31148
31147
|
return /* @__PURE__ */ jsxs133(Fragment11, { children: [
|
|
31149
31148
|
spans.error && /* @__PURE__ */ jsxs133(
|
|
@@ -31234,7 +31233,6 @@ var TraceGraphView = ({
|
|
|
31234
31233
|
loading,
|
|
31235
31234
|
navigateToSpansList,
|
|
31236
31235
|
open,
|
|
31237
|
-
order: order2,
|
|
31238
31236
|
selectedEvent,
|
|
31239
31237
|
spanId,
|
|
31240
31238
|
spans,
|
|
@@ -31296,7 +31294,6 @@ var TraceGraphView = ({
|
|
|
31296
31294
|
onRefresh: () => {
|
|
31297
31295
|
fetchSpans();
|
|
31298
31296
|
},
|
|
31299
|
-
order: order2,
|
|
31300
31297
|
spans: {
|
|
31301
31298
|
data: spans,
|
|
31302
31299
|
error: fetchError,
|
|
@@ -31348,7 +31345,7 @@ async function fetchConnectedTraces(api, traceIds, allSpans = /* @__PURE__ */ ne
|
|
|
31348
31345
|
}
|
|
31349
31346
|
return [...allSpans.values()];
|
|
31350
31347
|
}
|
|
31351
|
-
var TraceGraphPage = ({ onClose,
|
|
31348
|
+
var TraceGraphPage = ({ onClose, spanId, traceId }) => {
|
|
31352
31349
|
const api = useAppInspectorApi();
|
|
31353
31350
|
const [spans, setSpans] = useState17();
|
|
31354
31351
|
const [loading, setLoading] = useState17(false);
|
|
@@ -31408,7 +31405,6 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
|
|
|
31408
31405
|
loading,
|
|
31409
31406
|
navigateToSpansList,
|
|
31410
31407
|
open,
|
|
31411
|
-
order: order2,
|
|
31412
31408
|
selectedEvent,
|
|
31413
31409
|
spanId: spanId ?? void 0,
|
|
31414
31410
|
spans,
|
|
@@ -31533,7 +31529,7 @@ var SpansListPage = () => {
|
|
|
31533
31529
|
),
|
|
31534
31530
|
selectedTraceId !== void 0 && /* @__PURE__ */ jsx146(TraceGraphPage, { onClose: () => {
|
|
31535
31531
|
setSelectedTraceId(void 0);
|
|
31536
|
-
},
|
|
31532
|
+
}, spanId: selectedSpanId, traceId: selectedTraceId })
|
|
31537
31533
|
] });
|
|
31538
31534
|
};
|
|
31539
31535
|
|