@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.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, order2 = "oldest_first") => {
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 order2 === "newest_first" ? tsB.localeCompare(tsA) : tsA.localeCompare(tsB);
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, order2);
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, order2, setNodes, setEdges]);
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, order: order2 = "oldest_first", spanId, traceId }) => {
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
- }, order: order2, spanId: selectedSpanId, traceId: selectedTraceId })
31532
+ }, spanId: selectedSpanId, traceId: selectedTraceId })
31531
31533
  ] });
31532
31534
  };
31533
31535