@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.cjs
CHANGED
|
@@ -30943,7 +30943,7 @@ var ServiceNode = (0, import_react62.memo)(({ data, selected }) => {
|
|
|
30943
30943
|
|
|
30944
30944
|
// src/components/trace-graph/utils.ts
|
|
30945
30945
|
var import_dagre = __toESM(require("@dagrejs/dagre"), 1);
|
|
30946
|
-
var getLayoutedNodesAndEdges = (inputNodes, inputEdges
|
|
30946
|
+
var getLayoutedNodesAndEdges = (inputNodes, inputEdges) => {
|
|
30947
30947
|
const dagreGraph = new import_dagre.default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
|
|
30948
30948
|
const direction = "LR";
|
|
30949
30949
|
const nodeWidth = 200;
|
|
@@ -30972,7 +30972,7 @@ var getLayoutedNodesAndEdges = (inputNodes, inputEdges, order2 = "oldest_first")
|
|
|
30972
30972
|
nodeIds.sort((a3, b3) => {
|
|
30973
30973
|
const tsA = timestampMap.get(a3) ?? "";
|
|
30974
30974
|
const tsB = timestampMap.get(b3) ?? "";
|
|
30975
|
-
return
|
|
30975
|
+
return tsA.localeCompare(tsB);
|
|
30976
30976
|
});
|
|
30977
30977
|
for (const [index, nodeId] of nodeIds.entries()) {
|
|
30978
30978
|
;
|
|
@@ -31076,7 +31076,6 @@ var TraceGraph = ({
|
|
|
31076
31076
|
initialFocusEventId,
|
|
31077
31077
|
onEventSelect,
|
|
31078
31078
|
onRefresh,
|
|
31079
|
-
order: order2 = "oldest_first",
|
|
31080
31079
|
spans
|
|
31081
31080
|
}) => {
|
|
31082
31081
|
const [nodes, setNodes, onNodesChange] = (0, import_react65.useNodesState)([]);
|
|
@@ -31122,7 +31121,7 @@ var TraceGraph = ({
|
|
|
31122
31121
|
});
|
|
31123
31122
|
}
|
|
31124
31123
|
}
|
|
31125
|
-
const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges
|
|
31124
|
+
const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges);
|
|
31126
31125
|
for (const node of layoutedNodes) {
|
|
31127
31126
|
if (node.id === initialFocusEventId) {
|
|
31128
31127
|
node.selected = true;
|
|
@@ -31130,7 +31129,7 @@ var TraceGraph = ({
|
|
|
31130
31129
|
}
|
|
31131
31130
|
setNodes(layoutedNodes);
|
|
31132
31131
|
setEdges(layoutedEdges);
|
|
31133
|
-
}, [spans.data, initialFocusEventId,
|
|
31132
|
+
}, [spans.data, initialFocusEventId, setNodes, setEdges]);
|
|
31134
31133
|
const theme = (0, import_material21.useTheme)();
|
|
31135
31134
|
return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
|
|
31136
31135
|
spans.error && /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
|
|
@@ -31221,7 +31220,6 @@ var TraceGraphView = ({
|
|
|
31221
31220
|
loading,
|
|
31222
31221
|
navigateToSpansList,
|
|
31223
31222
|
open,
|
|
31224
|
-
order: order2,
|
|
31225
31223
|
selectedEvent,
|
|
31226
31224
|
spanId,
|
|
31227
31225
|
spans,
|
|
@@ -31283,7 +31281,6 @@ var TraceGraphView = ({
|
|
|
31283
31281
|
onRefresh: () => {
|
|
31284
31282
|
fetchSpans();
|
|
31285
31283
|
},
|
|
31286
|
-
order: order2,
|
|
31287
31284
|
spans: {
|
|
31288
31285
|
data: spans,
|
|
31289
31286
|
error: fetchError,
|
|
@@ -31335,7 +31332,7 @@ async function fetchConnectedTraces(api, traceIds, allSpans = /* @__PURE__ */ ne
|
|
|
31335
31332
|
}
|
|
31336
31333
|
return [...allSpans.values()];
|
|
31337
31334
|
}
|
|
31338
|
-
var TraceGraphPage = ({ onClose,
|
|
31335
|
+
var TraceGraphPage = ({ onClose, spanId, traceId }) => {
|
|
31339
31336
|
const api = useAppInspectorApi();
|
|
31340
31337
|
const [spans, setSpans] = (0, import_react68.useState)();
|
|
31341
31338
|
const [loading, setLoading] = (0, import_react68.useState)(false);
|
|
@@ -31395,7 +31392,6 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
|
|
|
31395
31392
|
loading,
|
|
31396
31393
|
navigateToSpansList,
|
|
31397
31394
|
open,
|
|
31398
|
-
order: order2,
|
|
31399
31395
|
selectedEvent,
|
|
31400
31396
|
spanId: spanId ?? void 0,
|
|
31401
31397
|
spans,
|
|
@@ -31520,7 +31516,7 @@ var SpansListPage = () => {
|
|
|
31520
31516
|
),
|
|
31521
31517
|
selectedTraceId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(TraceGraphPage, { onClose: () => {
|
|
31522
31518
|
setSelectedTraceId(void 0);
|
|
31523
|
-
},
|
|
31519
|
+
}, spanId: selectedSpanId, traceId: selectedTraceId })
|
|
31524
31520
|
] });
|
|
31525
31521
|
};
|
|
31526
31522
|
|