@workflow/web-shared 4.0.1-beta.5

package/dist/trace-viewer/types.d.ts

@@ -0,0 +1,201 @@
+import type { MutableRefObject, ReactNode } from 'react';
+export type MemoCacheKey = Record<string, never>;
+export type MemoCache = Map<string, MemoCacheKey>;
+export interface Span {
+    name: string;
+    kind: number;
+    resource: string;
+    library: {
+        name: string;
+        version?: string;
+    };
+    spanId: string;
+    parentSpanId?: string;
+    status: {
+        code: number;
+    };
+    traceFlags: number;
+    attributes: Record<string, unknown>;
+    links: Record<string, unknown>[];
+    events: SpanEvent[];
+    startTime: [number, number];
+    endTime: [number, number];
+    duration: [number, number];
+}
+export interface SpanEvent {
+    name: string;
+    timestamp: [number, number];
+    attributes: Record<string, unknown>;
+    /**
+     * Optional custom color for this event marker (workflow-specific feature).
+     * If provided, this color will be used for the event marker line/diamond.
+     */
+    color?: string;
+    /**
+     * Whether to show a vertical line for this event in the timeline (workflow-specific feature).
+     * If false, only the diamond marker on the span will be shown.
+     * Defaults to true if not specified.
+     */
+    showVerticalLine?: boolean;
+}
+export interface Resource {
+    name: string;
+    attributes: Record<string, string>;
+}
+export interface Trace {
+    traceId: string;
+    resources?: Resource[];
+    spans: Span[];
+    rootSpanId?: string;
+}
+interface EveryNode {
+    startTime: number;
+    endTime: number;
+    duration: number;
+    /**
+     * How deep is this node within the tree
+     */
+    depth: number;
+    /**
+     * All direct child nodes of this node
+     */
+    children: SpanNode[];
+}
+export interface RootNode extends EveryNode {
+    /**
+     * The depth is always 0 for the root node
+     */
+    depth: 0;
+}
+export interface SpanNode extends EveryNode {
+    /**
+     * This original Span that this node is based on
+     */
+    span: Span;
+    /**
+     * The immediate parent of this node
+     */
+    parent: RootNode | SpanNode;
+    /**
+     * A generated label to use (overrides the span.name) if present
+     */
+    label?: string;
+    /**
+     * OTEL events that are present on this span (e.g. TTFB)
+     */
+    events?: SpanNodeEvent[];
+    /**
+     * Whether this span originated in Vercel's infrastructure.
+     */
+    isVercel: boolean;
+    /**
+     * Whether this span matches the current search filter
+     */
+    isHighlighted?: boolean;
+    /**
+     * Whether this span is a placeholder to hint at where user spans
+     * would appear if proper instrumentation were available
+     */
+    isInstrumentationHint?: boolean;
+    /**
+     * The index of the resource that this node belongs to (used for color)
+     */
+    resourceIndex: number;
+}
+export interface SpanNodeEvent {
+    /** A unique key for this event to help with rendering in React */
+    key: string;
+    /** The timestamp of this event in milliseconds */
+    timestamp: number;
+    /** The original event model */
+    event: SpanEvent;
+}
+export type TraceNode = RootNode | SpanNode;
+export interface VisibleSpan extends SpanNode {
+    /**
+     * The ref for this span's element in the DOM
+     */
+    ref?: MutableRefObject<HTMLButtonElement | null>;
+    /**
+     * The y position of this span (in # of rows)
+     */
+    row: number;
+    /**
+     * Whether the CursorMarker is intersecting this span
+     */
+    isHovered: boolean;
+    /**
+     * Whether this is the selected span
+     */
+    isSelected: boolean;
+    /**
+     * Whether this node is visible (based on its size on screen)
+     */
+    isVisible: boolean;
+    /**
+     * Events also need to be able to hold a ref to their element in the DOM
+     */
+    events?: VisibleSpanEvent[];
+}
+export interface VisibleSpanEvent extends SpanNodeEvent {
+    /**
+     * The ref for this span's element in the DOM
+     */
+    ref?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Whether the CursorMarker is intersecting this span
+     */
+    isHovered: boolean;
+}
+export interface ScrollSnapshot {
+    anchorT: number;
+    anchorX: number;
+    scrollLeft: number;
+    scrollTop: number;
+    startTime: number;
+    endTime: number;
+    startRow: number;
+    endRow: number;
+    scale: number;
+}
+export type WorkerRequest = {
+    requestId: number;
+} & ({
+    type: 'calculateSpanPositions';
+    root: RootNode;
+} | {
+    type: 'filterSpans';
+    root: RootNode;
+    filter: string;
+});
+export type WorkerResponse = {
+    requestId: number;
+} & ({
+    type: 'setRowsResult';
+    rows: VisibleSpan[][];
+    isEnd: boolean;
+} | {
+    type: 'updateHighlight';
+    matches: Set<string>;
+});
+/**
+ * Represents one link to a page related to the selected
+ * span in the detail panel.
+ */
+export interface QuickLink {
+    /** Used as a React key and the user-facing name for the link */
+    key: string;
+    /** Until this Promise is fulfilled, the row will render with a skeleton for the value. */
+    value: Promise<QuickLinkValue>;
+}
+export interface QuickLinkValue {
+    /** The visible components for the right side of this link */
+    label: ReactNode;
+    /** A special suffix to show for this link, defaults to the ExternalLink icon */
+    icon?: ReactNode;
+    /** The href that this link will open when clicked */
+    href: string;
+}
+export type GetQuickLinks = (node: Span) => QuickLink[];
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/trace-viewer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/trace-viewer/types.ts"],"names":[],"mappings":"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"}

package/dist/trace-viewer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/trace-viewer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/trace-viewer/types.ts"],"names":[],"mappings":""}

package/dist/trace-viewer/util/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const SEARCH_HEIGHT = 40;
+export declare const SEARCH_GAP = 8;
+export declare const MAP_HEIGHT = 56;
+export declare const TIMELINE_PADDING = 8;
+export declare const ROW_PADDING = 2;
+export declare const ROW_HEIGHT = 24;
+export declare const MARKER_HEIGHT = 24;
+export declare const MARKER_NOTCH_HEIGHT = 8;
+//# sourceMappingURL=constants.d.ts.map

package/dist/trace-viewer/util/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/util/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,UAAU,IAAI,CAAC;AAC5B,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,mBAAmB,IAAI,CAAC"}

package/dist/trace-viewer/util/constants.js

@@ -0,0 +1,9 @@
+export const SEARCH_HEIGHT = 40;
+export const SEARCH_GAP = 8;
+export const MAP_HEIGHT = 56;
+export const TIMELINE_PADDING = 8;
+export const ROW_PADDING = 2;
+export const ROW_HEIGHT = 24;
+export const MARKER_HEIGHT = 24;
+export const MARKER_NOTCH_HEIGHT = 8;
+//# sourceMappingURL=constants.js.map

package/dist/trace-viewer/util/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/trace-viewer/util/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAChC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC;AAC5B,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAClC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAC7B,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAChC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC"}

package/dist/trace-viewer/util/scrollbar-width.d.ts

@@ -0,0 +1,2 @@
+export declare const detectScrollbarWidth: () => number;
+//# sourceMappingURL=scrollbar-width.d.ts.map

package/dist/trace-viewer/util/scrollbar-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar-width.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/util/scrollbar-width.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,QAAO,MAYvC,CAAC"}

package/dist/trace-viewer/util/scrollbar-width.js

@@ -0,0 +1,14 @@
+export const detectScrollbarWidth = () => {
+    if (!('document' in globalThis))
+        return 0;
+    const size = 400;
+    const container = document.createElement('div');
+    container.style.width = `${size}px`;
+    container.style.height = `${size}px`;
+    container.style.overflow = 'scroll';
+    document.body.appendChild(container);
+    const scrollbarWidth = size - container.scrollWidth;
+    container.remove();
+    return scrollbarWidth;
+};
+//# sourceMappingURL=scrollbar-width.js.map

package/dist/trace-viewer/util/scrollbar-width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar-width.js","sourceRoot":"","sources":["../../../src/trace-viewer/util/scrollbar-width.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAW,EAAE;IAC/C,IAAI,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC;QAAE,OAAO,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,GAAG,CAAC;IACjB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,IAAI,CAAC;IACpC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC;IACrC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACpC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,MAAM,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC,WAAW,CAAC;IACpD,SAAS,CAAC,MAAM,EAAE,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/dist/trace-viewer/util/timing.d.ts

@@ -0,0 +1,8 @@
+export declare function getHighResInMs([seconds, nanoseconds]: [
+    number,
+    number
+]): number;
+export declare function getMsInHighRes(ms: number): [number, number];
+export declare function formatDuration(ms: number): string;
+export declare function formatTimeSelection(ms: number): string;
+//# sourceMappingURL=timing.d.ts.map

package/dist/trace-viewer/util/timing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timing.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/util/timing.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE;IACrD,MAAM;IACN,MAAM;CACP,GAAG,MAAM,CAET;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAE3D;AAMD,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAOjD;AAOD,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAKtD"}

package/dist/trace-viewer/util/timing.js

@@ -0,0 +1,29 @@
+export function getHighResInMs([seconds, nanoseconds]) {
+    return seconds * 1000 + nanoseconds / 1e6;
+}
+export function getMsInHighRes(ms) {
+    return [Math.floor(ms / 1000), (ms % 1000) * 1000];
+}
+const durationFormatter = new Intl.NumberFormat(undefined, {
+    maximumFractionDigits: 2,
+});
+export function formatDuration(ms) {
+    if (ms === 0) {
+        return '0';
+    }
+    else if (ms >= 1000) {
+        return `${durationFormatter.format(ms / 1000)}s`;
+    }
+    return `${durationFormatter.format(ms)}ms`;
+}
+const timeSelectionFormatter = new Intl.NumberFormat(undefined, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+});
+export function formatTimeSelection(ms) {
+    if (ms >= 1000) {
+        return `${timeSelectionFormatter.format(ms / 1000)}s`;
+    }
+    return `${timeSelectionFormatter.format(ms)}ms`;
+}
+//# sourceMappingURL=timing.js.map

package/dist/trace-viewer/util/timing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timing.js","sourceRoot":"","sources":["../../../src/trace-viewer/util/timing.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,CAAC,OAAO,EAAE,WAAW,CAGnD;IACC,OAAO,OAAO,GAAG,IAAI,GAAG,WAAW,GAAG,GAAG,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAU;IACvC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,iBAAiB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IACzD,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,EAAU;IACvC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QACb,OAAO,GAAG,CAAC;IACb,CAAC;SAAM,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;QACtB,OAAO,GAAG,iBAAiB,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;IACnD,CAAC;IACD,OAAO,GAAG,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;AAC7C,CAAC;AAED,MAAM,sBAAsB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IAC9D,qBAAqB,EAAE,CAAC;IACxB,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,mBAAmB,CAAC,EAAU;IAC5C,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;QACf,OAAO,GAAG,sBAAsB,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;IACxD,CAAC;IACD,OAAO,GAAG,sBAAsB,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;AAClD,CAAC"}

package/dist/trace-viewer/util/tree.d.ts

@@ -0,0 +1,13 @@
+import type { RootNode, SpanNode, Trace, TraceNode, VisibleSpan } from '../types';
+export declare const parseTrace: (trace: Trace) => {
+    root: RootNode;
+    map: Record<string, SpanNode>;
+};
+/**
+ * Adds a node to a row and attempts to find the ideal placement
+ * within an existing row, creating a new one if necessary
+ */
+export declare const addToRow: (placed: VisibleSpan[][], node: VisibleSpan, precision: number) => void;
+export declare const spanVisiblityHelper: (node: TraceNode, scale: number, visible: VisibleSpan[]) => void;
+export declare const adjustSpanVisibility: (span: VisibleSpan, _scale: number) => boolean;
+//# sourceMappingURL=tree.d.ts.map

package/dist/trace-viewer/util/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/util/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAER,QAAQ,EAER,KAAK,EACL,SAAS,EACT,WAAW,EACZ,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,KACX;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;CAuLjD,CAAC;AAgBF;;;GAGG;AACH,eAAO,MAAM,QAAQ,GACnB,QAAQ,WAAW,EAAE,EAAE,EACvB,MAAM,WAAW,EACjB,WAAW,MAAM,KAChB,IAoBF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,MAAM,SAAS,EACf,OAAO,MAAM,EACb,SAAS,WAAW,EAAE,KACrB,IAeF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,MAAM,WAAW,EACjB,QAAQ,MAAM,KACb,OAMF,CAAC"}

package/dist/trace-viewer/util/tree.js

@@ -0,0 +1,223 @@
+import { getHighResInMs, getMsInHighRes } from './timing';
+export const parseTrace = (trace) => {
+    const { spans } = trace;
+    const root = {
+        startTime: 0,
+        endTime: 0,
+        duration: 0,
+        depth: 0,
+        children: [],
+    };
+    const map = {};
+    const resourceIndices = new Map();
+    const getResourceIndex = (resource) => {
+        const existing = resourceIndices.get(resource);
+        if (existing)
+            return existing;
+        const index = resourceIndices.size + 1;
+        resourceIndices.set(resource, index);
+        return index;
+    };
+    let hasUserSpans = false;
+    for (const span of spans) {
+        const startTime = getHighResInMs(span.startTime);
+        const endTime = getHighResInMs(span.endTime);
+        const duration = getHighResInMs(span.duration);
+        if (endTime > root.endTime) {
+            root.endTime = endTime;
+            root.duration = endTime - root.startTime;
+        }
+        if (root.startTime === 0 || startTime < root.startTime) {
+            root.startTime = startTime;
+            root.duration = root.endTime - startTime;
+        }
+        const isVercelResource = span.resource.startsWith('vercel.');
+        if (!isVercelResource) {
+            hasUserSpans = true;
+        }
+        const isVercel = isVercelResource &&
+            (span.resource !== 'vercel.serverless-runtime' ||
+                !('http.method' in span.attributes));
+        const resourceIndex = isVercel ? 0 : getResourceIndex(span.resource);
+        let label;
+        if (isVercel) {
+            label = `▲ ${span.name}`;
+        }
+        map[span.spanId] = {
+            parent: null,
+            startTime,
+            endTime,
+            duration,
+            span,
+            depth: 0,
+            label,
+            events: parseEvents(span),
+            isVercel,
+            children: [],
+            resourceIndex,
+        };
+    }
+    const addTo = (node, parentId) => {
+        let parent;
+        if (parentId) {
+            parent = map[parentId];
+            if (!parent) {
+                if (process.env.NODE_ENV === 'development') {
+                    console.warn('Could not find parent span with spanId: %s', parentId);
+                }
+                parent = root;
+            }
+        }
+        else {
+            parent = root;
+        }
+        node.parent = parent;
+        parent.children.push(node);
+    };
+    const updateDepth = (node) => {
+        if ('parent' in node) {
+            node.depth = node.parent.depth + 1;
+        }
+        for (const child of node.children) {
+            updateDepth(child);
+        }
+    };
+    let hintIdCounter = 1;
+    const addInstrumentationHint = (node, name) => {
+        if ('parent' in node) {
+            if (node.span.name === name) {
+                let waitUntilStart = node.endTime;
+                // Detect the parent that's most likely to be at the bottom of the UI
+                const findParent = (span) => {
+                    if (!span.children.length) {
+                        if (span.span.name === 'waitUntil') {
+                            waitUntilStart = span.startTime;
+                            return span.parent;
+                        }
+                        return span;
+                    }
+                    return (span.children
+                        .map(findParent)
+                        .sort((a, b) => a.duration - b.duration)[0] || span);
+                };
+                const parent = findParent(node);
+                const spanId = `instrumentation-hint-${hintIdCounter++}`;
+                const offset = node.duration * 0.05;
+                const startTime = node.startTime + offset;
+                const endTime = Math.max(startTime + offset, Math.min(waitUntilStart - node.duration * 0.01, node.endTime - offset));
+                const duration = endTime - startTime;
+                const hint = {
+                    parent,
+                    startTime,
+                    endTime,
+                    duration,
+                    span: {
+                        spanId,
+                        name: 'Add your spans here',
+                        resource: '',
+                        kind: 0,
+                        library: {
+                            name: '',
+                        },
+                        status: {
+                            code: 200,
+                        },
+                        traceFlags: 0,
+                        attributes: {},
+                        links: [],
+                        events: [],
+                        startTime: getMsInHighRes(startTime),
+                        endTime: getMsInHighRes(endTime),
+                        duration: getMsInHighRes(duration),
+                    },
+                    depth: node.depth + 1,
+                    isVercel: false,
+                    isInstrumentationHint: true,
+                    children: [],
+                    resourceIndex: 1,
+                };
+                parent.children.push(hint);
+                map[spanId] = hint;
+                return true;
+            }
+        }
+        for (const child of node.children) {
+            if (addInstrumentationHint(child, name))
+                return true;
+        }
+        return false;
+    };
+    // Create tree by matching nodes to their parents
+    for (const node of Object.values(map)) {
+        addTo(node, node.span.parentSpanId);
+    }
+    // Adjust depth of each node now that the tree is fully constructed
+    updateDepth(root);
+    // Add hints in the places where user spans would appear
+    if (!hasUserSpans) {
+        for (const name of [
+            'Invoke Function',
+            'Invoke Middleware',
+            'Vercel Runtime',
+        ]) {
+            if (addInstrumentationHint(root, name))
+                break;
+        }
+    }
+    return { root, map };
+};
+const parseEvents = (span) => {
+    if (!span.events.length)
+        return;
+    const keyPrefix = `${span.spanId}:ev`;
+    return span.events
+        .map((event, index) => ({
+        key: `${keyPrefix}${index}`,
+        timestamp: getHighResInMs(event.timestamp),
+        event,
+    }))
+        .sort((a, b) => a.timestamp - b.timestamp);
+};
+/**
+ * Adds a node to a row and attempts to find the ideal placement
+ * within an existing row, creating a new one if necessary
+ */
+export const addToRow = (placed, node, precision) => {
+    const parent = node.parent;
+    for (let y = (parent?.row || -1) + 1;; ++y) {
+        let row = placed[y];
+        if (!row) {
+            row = [];
+            placed.push(row);
+        }
+        else if (!row.every(({ startTime, endTime }) => startTime + precision > node.endTime ||
+            endTime - precision < node.startTime)) {
+            continue;
+        }
+        node.row = y;
+        row.push(node);
+        break;
+    }
+};
+export const spanVisiblityHelper = (node, scale, visible) => {
+    if ('parent' in node) {
+        const n = node;
+        n.row = -1;
+        // Always make spans visible regardless of width
+        n.isVisible = true;
+        n.isHovered = false;
+        if (!n.isVisible)
+            return;
+        visible.push(n);
+    }
+    for (const child of node.children) {
+        spanVisiblityHelper(child, scale, visible);
+    }
+};
+export const adjustSpanVisibility = (span, _scale) => {
+    // Always make spans visible regardless of width
+    span.isVisible = true;
+    span.isHovered = false;
+    return span.isVisible;
+};
+//# sourceMappingURL=tree.js.map

package/dist/trace-viewer/util/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/trace-viewer/util/tree.ts"],"names":[],"mappings":"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"}

package/dist/trace-viewer/util/use-immediate-style.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties, MutableRefObject } from 'react';
+type SetStyle = (propertyName: string, value: string | undefined) => void;
+interface ImmediateStyle {
+    setStyle: SetStyle;
+    styleRef: MutableRefObject<CSSProperties>;
+    style: CSSProperties;
+}
+/**
+ * Update an element's style without forcing renders, but in a way that is still
+ * safe if the element re-renders for another reason.
+ * @returns The current style & a method to update the style
+ */
+export declare function useImmediateStyle(ref: MutableRefObject<HTMLElement | null>): ImmediateStyle;
+export {};
+//# sourceMappingURL=use-immediate-style.d.ts.map

package/dist/trace-viewer/util/use-immediate-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-immediate-style.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/util/use-immediate-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG7D,KAAK,QAAQ,GAAG,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;AAE1E,UAAU,cAAc;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,aAAa,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,GACxC,cAAc,CAiBhB"}

package/dist/trace-viewer/util/use-immediate-style.js

@@ -0,0 +1,22 @@
+import { useCallback, useRef } from 'react';
+/**
+ * Update an element's style without forcing renders, but in a way that is still
+ * safe if the element re-renders for another reason.
+ * @returns The current style & a method to update the style
+ */
+export function useImmediateStyle(ref) {
+    const styleRef = useRef({});
+    const setStyle = useCallback((propertyName, value) => {
+        // @ts-expect-error typeof keyof CSSProperties is too big of a union
+        styleRef.current[propertyName] = value;
+        if (!ref.current)
+            return;
+        if (!value) {
+            ref.current.style.removeProperty(propertyName);
+            return;
+        }
+        ref.current.style.setProperty(propertyName, value);
+    }, [ref]);
+    return { setStyle, styleRef, style: { ...styleRef.current } };
+}
+//# sourceMappingURL=use-immediate-style.js.map

package/dist/trace-viewer/util/use-immediate-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-immediate-style.js","sourceRoot":"","sources":["../../../src/trace-viewer/util/use-immediate-style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAU5C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC/B,GAAyC;IAEzC,MAAM,QAAQ,GAAG,MAAM,CAAgB,EAAE,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE;QACtB,oEAAoE;QACpE,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;QACvC,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAC/C,OAAO;QACT,CAAC;QACD,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC;AAChE,CAAC"}

package/dist/trace-viewer/util/use-streaming-spans.d.ts

@@ -0,0 +1,8 @@
+import type { VisibleSpan, VisibleSpanEvent } from '../types';
+export declare const useStreamingSpans: (highlightedSpans?: string[]) => {
+    rows: VisibleSpan[][];
+    spans: VisibleSpan[];
+    events: VisibleSpanEvent[];
+    scale: number;
+};
+//# sourceMappingURL=use-streaming-spans.d.ts.map

package/dist/trace-viewer/util/use-streaming-spans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-streaming-spans.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/util/use-streaming-spans.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAGjB,MAAM,UAAU,CAAC;AAsBlB,eAAO,MAAM,iBAAiB,GAC5B,mBAAmB,MAAM,EAAE,KAC1B;IACD,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC;IACtB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CAyVf,CAAC"}