@gravitee/graphene-charts 2.31.1 → 2.32.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/charts/TraceWaterfall/TraceWaterfall.d.ts +21 -0
- package/dist/charts/TraceWaterfall/TraceWaterfall.d.ts.map +1 -0
- package/dist/charts/TraceWaterfall/fixtures.d.ts +12 -0
- package/dist/charts/TraceWaterfall/fixtures.d.ts.map +1 -0
- package/dist/charts/TraceWaterfall/formatDuration.d.ts +24 -0
- package/dist/charts/TraceWaterfall/formatDuration.d.ts.map +1 -0
- package/dist/charts/TraceWaterfall/index.d.ts +5 -0
- package/dist/charts/TraceWaterfall/index.d.ts.map +1 -0
- package/dist/charts/TraceWaterfall/types.d.ts +20 -0
- package/dist/charts/TraceWaterfall/types.d.ts.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2036 -1445
- package/package.json +2 -2
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ChartState } from '../../types';
|
|
2
|
+
import { TraceWaterfallRow } from './types';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export interface TraceWaterfallProps extends Omit<React.ComponentProps<'div'>, 'onSelect'> {
|
|
5
|
+
spans: TraceWaterfallRow[];
|
|
6
|
+
/** Lifecycle state. When omitted, inferred from spans length. */
|
|
7
|
+
state?: ChartState;
|
|
8
|
+
selectedSpanId?: string;
|
|
9
|
+
onSpanSelect?: (spanId: string) => void;
|
|
10
|
+
/** Called when a span row is hovered. */
|
|
11
|
+
onSpanHover?: (span: TraceWaterfallRow) => void;
|
|
12
|
+
/** Called when the cursor leaves a span row. */
|
|
13
|
+
onSpanLeave?: () => void;
|
|
14
|
+
/** When true, all parent spans start collapsed. */
|
|
15
|
+
defaultCollapsed?: boolean;
|
|
16
|
+
/** Custom render for the hover card content. When omitted, the built-in detail card is used. */
|
|
17
|
+
renderTooltip?: (span: TraceWaterfallRow) => React.ReactNode;
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
}
|
|
20
|
+
export declare function TraceWaterfall({ spans, state, selectedSpanId, onSpanSelect, onSpanHover, onSpanLeave, defaultCollapsed, renderTooltip, ariaLabel, className, ...rest }: TraceWaterfallProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=TraceWaterfall.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TraceWaterfall.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/TraceWaterfall.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAUlE,OAAO,KAAK,EAAwB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAwDvE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACxF,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gGAAgG;IAChG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuhBD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,cAAc,EACd,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAwB,EACxB,aAAa,EACb,SAAsC,EACtC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAkHrB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TraceWaterfallRow } from './types';
|
|
2
|
+
/** Sequential parent → child chain across multiple services. */
|
|
3
|
+
export declare const chainSpans: TraceWaterfallRow[];
|
|
4
|
+
/** Parallel sibling spans — microservice fan-out. */
|
|
5
|
+
export declare const parallelSpans: TraceWaterfallRow[];
|
|
6
|
+
/** Trace with cascading error. */
|
|
7
|
+
export declare const errorSpans: TraceWaterfallRow[];
|
|
8
|
+
/** Deep nesting with sub-millisecond spans. */
|
|
9
|
+
export declare const deepTreeSpans: TraceWaterfallRow[];
|
|
10
|
+
/** Realistic API gateway trace with many services. */
|
|
11
|
+
export declare const realisticSpans: TraceWaterfallRow[];
|
|
12
|
+
//# sourceMappingURL=fixtures.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKjD,gEAAgE;AAChE,eAAO,MAAM,UAAU,EAAE,iBAAiB,EAkEzC,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,aAAa,EAAE,iBAAiB,EA6E5C,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,UAAU,EAAE,iBAAiB,EAuDzC,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,aAAa,EAAE,iBAAiB,EAmG5C,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyH7C,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** Minimum rendered bar width in pixels so sub-ms spans remain visible. */
|
|
2
|
+
export declare const MIN_BAR_WIDTH_PX = 3;
|
|
3
|
+
/**
|
|
4
|
+
* Formats a nanosecond duration for span labels and axis ticks.
|
|
5
|
+
* Preserves sub-millisecond precision when relevant.
|
|
6
|
+
*/
|
|
7
|
+
export declare function formatDurationNs(ns: number): string;
|
|
8
|
+
/** Returns the trace end offset in nanoseconds (at least 1 to avoid a zero domain). */
|
|
9
|
+
export declare function computeTraceDurationNs(spans: ReadonlyArray<{
|
|
10
|
+
startOffsetNs: number;
|
|
11
|
+
durationNs: number;
|
|
12
|
+
}>): number;
|
|
13
|
+
/** Maps span timing to pixel geometry on the shared timeline. */
|
|
14
|
+
export declare function computeBarGeometry(startOffsetNs: number, durationNs: number, traceDurationNs: number, timelineWidth: number): {
|
|
15
|
+
x: number;
|
|
16
|
+
width: number;
|
|
17
|
+
};
|
|
18
|
+
/** Formats a span duration as a percentage of the total trace duration. */
|
|
19
|
+
export declare function formatTracePercent(durationNs: number, traceDurationNs: number): string;
|
|
20
|
+
/** Returns the number of ticks the time axis should display for a given pixel width. */
|
|
21
|
+
export declare function getTickCount(usableWidth: number): number;
|
|
22
|
+
/** Builds evenly spaced tick values for the time axis. */
|
|
23
|
+
export declare function buildTimeAxisTicks(traceDurationNs: number, tickCount?: number): number[];
|
|
24
|
+
//# sourceMappingURL=formatDuration.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatDuration.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/formatDuration.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAsBnD;AAED,uFAAuF;AACvF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,CAAC;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,MAAM,CAOlH;AAED,iEAAiE;AACjE,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,MAAM,EACvB,aAAa,EAAE,MAAM,GACpB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAa9B;AAED,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,CAMtF;AAKD,wFAAwF;AACxF,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAIxD;AAED,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,eAAe,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,EAAE,CAMnF"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { TraceWaterfall } from './TraceWaterfall';
|
|
2
|
+
export type { TraceWaterfallProps } from './TraceWaterfall';
|
|
3
|
+
export { buildTimeAxisTicks, computeBarGeometry, computeTraceDurationNs, formatDurationNs, formatTracePercent, } from './formatDuration';
|
|
4
|
+
export type { SpanKind, SpanStatus, TraceWaterfallRow } from './types';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export type SpanKind = 'internal' | 'server' | 'client' | 'producer' | 'consumer';
|
|
2
|
+
export type SpanStatus = 'ok' | 'error' | 'unset';
|
|
3
|
+
/** Pre-flattened span row for presentational rendering. */
|
|
4
|
+
export interface TraceWaterfallRow {
|
|
5
|
+
spanId: string;
|
|
6
|
+
parentSpanId?: string;
|
|
7
|
+
/** Operation name (e.g. `GET /api/users`). */
|
|
8
|
+
name: string;
|
|
9
|
+
/** Service that emitted this span (e.g. `api-gateway`). */
|
|
10
|
+
serviceName: string;
|
|
11
|
+
kind: SpanKind;
|
|
12
|
+
status: SpanStatus;
|
|
13
|
+
/** Offset from trace origin in nanoseconds. */
|
|
14
|
+
startOffsetNs: number;
|
|
15
|
+
/** Duration in nanoseconds. */
|
|
16
|
+
durationNs: number;
|
|
17
|
+
/** Nesting depth (0 = root). */
|
|
18
|
+
depth: number;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD,2DAA2D;AAC3D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;CACf"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,IAAI,KAAK,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACvG,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,IAAI,KAAK,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACvG,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
|