@workflow/web-shared 5.0.0-beta.4 → 5.0.0-beta.40

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

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

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

@@ -1,9 +0,0 @@
-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/components/trace-viewer/util/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/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/components/trace-viewer/util/constants.js

@@ -1,9 +0,0 @@
-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/components/trace-viewer/util/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/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","sourcesContent":["export const SEARCH_HEIGHT = 40;\nexport const SEARCH_GAP = 8;\nexport const MAP_HEIGHT = 56;\nexport const TIMELINE_PADDING = 8;\nexport const ROW_PADDING = 2;\nexport const ROW_HEIGHT = 24;\nexport const MARKER_HEIGHT = 24;\nexport const MARKER_NOTCH_HEIGHT = 8;\n"]}

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

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

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

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

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

@@ -1,14 +0,0 @@
-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/components/trace-viewer/util/scrollbar-width.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar-width.js","sourceRoot":"","sources":["../../../../src/components/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","sourcesContent":["export const detectScrollbarWidth = (): number => {\n  if (!('document' in globalThis)) return 0;\n  const size = 400;\n  const container = document.createElement('div');\n  container.style.width = `${size}px`;\n  container.style.height = `${size}px`;\n  container.style.overflow = 'scroll';\n  document.body.appendChild(container);\n  const scrollbarWidth = size - container.scrollWidth;\n  container.remove();\n\n  return scrollbarWidth;\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"timing.js","sourceRoot":"","sources":["../../../../src/components/trace-viewer/util/timing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,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;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAU,EAAU,EAAE,CAC9D,cAAc,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;AAE3B,MAAM,UAAU,mBAAmB,CAAC,EAAU;IAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACjC,IAAI,SAAS,GAAG,IAAI,EAAE,CAAC;QACrB,OAAO,GAAG,SAAS,IAAI,CAAC;IAC1B,CAAC;IACD,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;AACrC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAe;IACjD,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5B,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAClD,OAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;AAC1B,CAAC","sourcesContent":["import { formatDuration } from '../../../lib/utils';\n\nexport { formatDuration };\n\nexport function getHighResInMs([seconds, nanoseconds]: [\n  number,\n  number,\n]): number {\n  return seconds * 1000 + nanoseconds / 1e6;\n}\n\nexport function getMsInHighRes(ms: number): [number, number] {\n  return [Math.floor(ms / 1000), (ms % 1000) * 1000];\n}\n\n/**\n * Formats a duration for timeline display (compact format).\n * @deprecated Use formatDuration(ms, true) instead.\n */\nexport const formatDurationForTimeline = (ms: number): string =>\n  formatDuration(ms, true);\n\nexport function formatTimeSelection(ms: number): string {\n  const roundedMs = Math.round(ms);\n  if (roundedMs < 1000) {\n    return `${roundedMs}ms`;\n  }\n  return `${Math.round(ms / 1000)}s`;\n}\n\n/**\n * Format an epoch-millisecond timestamp as a local wall-clock time.\n * Returns a compact HH:MM:SS.mmm string (24-hour format).\n */\nexport function formatWallClockTime(epochMs: number): string {\n  const d = new Date(epochMs);\n  const h = String(d.getHours()).padStart(2, '0');\n  const m = String(d.getMinutes()).padStart(2, '0');\n  const s = String(d.getSeconds()).padStart(2, '0');\n  return `${h}:${m}:${s}`;\n}\n"]}

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

@@ -1,13 +0,0 @@
-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/components/trace-viewer/util/tree.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../../src/components/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;CA2LjD,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/components/trace-viewer/util/tree.js

@@ -1,227 +0,0 @@
-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,
-            // Pass through activeStartTime if present (for showing queued period)
-            activeStartTime: span.activeStartTime
-                ? getHighResInMs(span.activeStartTime)
-                : undefined,
-        };
-    }
-    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/components/trace-viewer/util/tree.js.map

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

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

@@ -1,15 +0,0 @@
-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/components/trace-viewer/util/use-immediate-style.d.ts.map

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

@@ -1,23 +0,0 @@
-'use client';
-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/components/trace-viewer/util/use-immediate-style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-immediate-style.js","sourceRoot":"","sources":["../../../../src/components/trace-viewer/util/use-immediate-style.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAGb,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","sourcesContent":["'use client';\n\nimport type { CSSProperties, MutableRefObject } from 'react';\nimport { useCallback, useRef } from 'react';\n\ntype SetStyle = (propertyName: string, value: string | undefined) => void;\n\ninterface ImmediateStyle {\n  setStyle: SetStyle;\n  styleRef: MutableRefObject<CSSProperties>;\n  style: CSSProperties;\n}\n\n/**\n * Update an element's style without forcing renders, but in a way that is still\n * safe if the element re-renders for another reason.\n * @returns The current style & a method to update the style\n */\nexport function useImmediateStyle(\n  ref: MutableRefObject<HTMLElement | null>\n): ImmediateStyle {\n  const styleRef = useRef<CSSProperties>({});\n  const setStyle = useCallback<SetStyle>(\n    (propertyName, value) => {\n      // @ts-expect-error typeof keyof CSSProperties is too big of a union\n      styleRef.current[propertyName] = value;\n      if (!ref.current) return;\n      if (!value) {\n        ref.current.style.removeProperty(propertyName);\n        return;\n      }\n      ref.current.style.setProperty(propertyName, value);\n    },\n    [ref]\n  );\n\n  return { setStyle, styleRef, style: { ...styleRef.current } };\n}\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-streaming-spans.d.ts","sourceRoot":"","sources":["../../../../src/components/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,EAC3B,qBAAmB,KAClB;IACD,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC;IACtB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CAqWf,CAAC"}