@workflow/web-shared 4.0.1-beta.5

package/dist/trace-viewer/trace-viewer.jsx

@@ -0,0 +1,311 @@
+'use client';
+import { clsx } from 'clsx';
+import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';
+import { MiniMap } from './components/map';
+import { CursorMarker, EventMarkers, Markers } from './components/markers';
+import { SpanNodes } from './components/node';
+import { SearchBar } from './components/search';
+import { SpanDetailPanel } from './components/span-detail-panel';
+import { ZoomButton } from './components/zoom-button';
+import { TraceViewerContextProvider, useTraceViewer } from './context';
+import styles from './trace-viewer.module.css';
+import { MAP_HEIGHT, MARKER_HEIGHT, MARKER_NOTCH_HEIGHT, ROW_HEIGHT, ROW_PADDING, SEARCH_GAP, SEARCH_HEIGHT, TIMELINE_PADDING, } from './util/constants';
+import { parseTrace } from './util/tree';
+import { useStreamingSpans } from './util/use-streaming-spans';
+export function TraceViewerProvider({ getQuickLinks, children, }) {
+    return (<TraceViewerContextProvider getQuickLinks={getQuickLinks}>
+      {children}
+    </TraceViewerContextProvider>);
+}
+const skeletonTrace = {
+    traceId: 'skeleton',
+    spans: [
+        {
+            parentSpanId: '',
+            spanId: 'root',
+            name: 'root span',
+            kind: 1,
+            resource: 'vercel.runtime',
+            startTime: [5000, 0],
+            endTime: [6000, 0],
+            duration: [1000, 0],
+            library: {
+                name: 'vercel-site',
+            },
+            status: {
+                code: 1,
+            },
+            attributes: {
+                'vercel.ownerId': 'team_abc',
+            },
+            traceFlags: 1,
+            events: [],
+            links: [],
+        },
+    ],
+    resources: [
+        {
+            name: 'vercel.runtime',
+            attributes: {},
+        },
+    ],
+    rootSpanId: 'root',
+};
+export function TraceViewerTimeline({ trace = skeletonTrace, className = '', scrollLock = false, height, withPanel = false, highlightedSpans, }) {
+    const isSkeleton = trace === skeletonTrace;
+    const { state, dispatch } = useTraceViewer();
+    const { timelineRef, scrollSnapshotRef } = state;
+    const memoCache = state.memoCacheRef.current;
+    const hideSearchBar = (highlightedSpans?.length ?? 0) > 0 || trace.spans.length <= 10;
+    useEffect(() => {
+        const { root, map: spanMap } = parseTrace(trace);
+        dispatch({
+            type: 'setRoot',
+            root,
+            spanMap,
+            resources: trace.resources || [],
+        });
+    }, [dispatch, trace]);
+    const { rows, spans, events, scale } = useStreamingSpans(highlightedSpans);
+    const ref = useRef(null);
+    useLayoutEffect(() => {
+        const $el = ref.current;
+        if (!$el)
+            return;
+        const onResize = () => {
+            const padding = 2 * TIMELINE_PADDING;
+            const rect = $el.getBoundingClientRect();
+            dispatch({
+                type: 'setSize',
+                width: rect.width - padding,
+                height: rect.height,
+            });
+        };
+        onResize();
+        const observer = new ResizeObserver(onResize);
+        observer.observe($el);
+        window.addEventListener('resize', onResize);
+        return () => {
+            observer.disconnect();
+            window.removeEventListener('resize', onResize);
+        };
+    }, [dispatch]);
+    const lastClickRef = useRef({
+        t: 0,
+        x: -1,
+        y: -1,
+        spanId: '',
+    });
+    const onClick = useCallback((event) => {
+        // NOTE(wits): We manually implement double-click logic here so that we can support double
+        // clicking a span even if the first click moves the span that the user is clicking on due
+        // to the panel opening. If we used a regular double click listener we would need to delay
+        // the opening of the panel artificially. This implementation allows us to always be
+        // FAST while also avoiding a FRUSTRATING situation.
+        const prev = lastClickRef.current;
+        const t = Date.now();
+        const { clientX: x, clientY: y } = event;
+        const d = Math.sqrt((x - prev.x) ** 2 + (y - prev.y) ** 2);
+        // double click
+        if (t - prev.t <= 500 && d <= 8) {
+            event.stopPropagation();
+            event.preventDefault();
+            if (!prev.spanId) {
+                dispatch({
+                    type: 'resetScale',
+                });
+                return;
+            }
+            dispatch({
+                type: 'select',
+                id: prev.spanId,
+            });
+            dispatch({
+                type: 'scaleToNode',
+                id: prev.spanId,
+            });
+            return;
+        }
+        const target = event.target;
+        if (!target.closest(`.${String(styles.timeline)}`))
+            return;
+        const $button = target.closest('[data-span-id]');
+        const spanId = $button?.dataset.spanId || '';
+        lastClickRef.current = {
+            x,
+            y,
+            t,
+            spanId,
+        };
+        if (!spanId)
+            return;
+        dispatch({
+            type: 'toggleSelection',
+            id: spanId,
+        });
+        event.stopPropagation();
+    }, [dispatch]);
+    // Zoom helper
+    useLayoutEffect(() => {
+        const $timeline = timelineRef.current;
+        if (!$timeline)
+            return;
+        const snapshot = scrollSnapshotRef.current;
+        if (snapshot) {
+            $timeline.scrollLeft = snapshot.anchorT * scale - snapshot.anchorX;
+        }
+    }, [scrollSnapshotRef, timelineRef, scale]);
+    // Selection helper
+    useEffect(() => {
+        const spanId = state.selected?.span.spanId;
+        if (!spanId)
+            return;
+        const timeout = setTimeout(() => {
+            const $timeline = state.timelineRef.current;
+            const $span = $timeline?.querySelector(`[data-span-id="${spanId}"]`);
+            if (!$timeline || !$span)
+                return;
+            const viewRect = $timeline.getBoundingClientRect();
+            const spanRect = $span.getBoundingClientRect();
+            // If the selected span is narrower than the timeline, scroll it into view
+            if (spanRect.width < viewRect.width &&
+                (spanRect.left < viewRect.left ||
+                    spanRect.right > viewRect.right ||
+                    spanRect.top < viewRect.top ||
+                    spanRect.bottom > viewRect.bottom)) {
+                $span.scrollIntoView({
+                    block: 'nearest',
+                    inline: 'center',
+                    behavior: 'smooth',
+                });
+            }
+        }, 500);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [state.selected, state.timelineRef]);
+    // Global keyboard shortcuts
+    useEffect(() => {
+        const onKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                dispatch({
+                    type: 'escape',
+                });
+            }
+        };
+        window.addEventListener('keydown', onKeyDown);
+        return () => {
+            window.removeEventListener('keydown', onKeyDown);
+        };
+    }, [dispatch]);
+    // Scroll locking
+    useEffect(() => {
+        if (!scrollLock)
+            return;
+        const $html = document.documentElement;
+        const $body = document.body;
+        $html.style.overflow = 'clip';
+        $body.style.overflow = 'clip';
+        const onScroll = (event) => {
+            if (event?.cancelable) {
+                event.preventDefault();
+            }
+            else {
+                window.scrollTo({
+                    left: 0,
+                    top: 0,
+                    behavior: 'instant',
+                });
+            }
+        };
+        onScroll();
+        window.addEventListener('scroll', onScroll, {
+            passive: false,
+        });
+        return () => {
+            $html.style.overflow = '';
+            $body.style.overflow = '';
+            window.removeEventListener('scroll', onScroll);
+        };
+    }, [scrollLock]);
+    const timelineHeight = Math.max(state.timelineHeight - state.scrollbarWidth, MARKER_HEIGHT +
+        ROW_PADDING +
+        rows.length * (ROW_HEIGHT + ROW_PADDING) -
+        ROW_PADDING +
+        // When there are enough spans to be near the bottom edge, add some extra padding
+        // to avoid overlapping with the zoom buttons, etc.
+        84);
+    const inert = Boolean(state.isMobile && state.selected);
+    return (<div className={clsx(styles.traceViewer, isSkeleton && styles.skeleton, className)} onClickCapture={onClick} ref={ref} style={{
+            height,
+            '--timeline-padding': `${TIMELINE_PADDING}px`,
+            '--row-height': `${ROW_HEIGHT}px`,
+            '--row-padding': `${ROW_PADDING}px`,
+            '--search-height': `${!hideSearchBar ? SEARCH_HEIGHT : 0}px`,
+            '--search-gap': `${!hideSearchBar ? SEARCH_GAP : 2}px`,
+            '--map-height': `${MAP_HEIGHT}px`,
+            '--timeline-width': `${state.timelineWidth}px`,
+            '--timeline-height': `${state.timelineHeight}px`,
+            '--timeline-scroll-width': `${Math.round(state.root.duration * state.scale)}px`,
+            '--panel-width': `${state.panelWidth}px`,
+            '--panel-height': `${state.panelHeight}px`,
+            '--height': `${state.height}px`,
+            '--scrollbar-width': `${state.scrollbarWidth}px`,
+            '--marker-height': `${MARKER_HEIGHT}px`,
+            '--marker-notch-height': `${MARKER_NOTCH_HEIGHT}px`,
+        }}>
+      {!hideSearchBar ? <SearchBar /> : null}
+      <MiniMap rows={rows} scale={scale} timelineRef={timelineRef}/>
+      <div className={clsx(styles.traceViewerContent, inert && styles.inert)}>
+        <div className={styles.timeline} ref={timelineRef}>
+          <div style={{
+            position: 'relative',
+            width: state.timelineWidth,
+            height: state.timelineHeight - TIMELINE_PADDING * 2,
+            padding: TIMELINE_PADDING,
+            paddingBottom: 0,
+        }}>
+            <div className={styles.traceNode} style={{
+            width: state.root.duration * scale || undefined,
+            height: timelineHeight - TIMELINE_PADDING * 2,
+        }}>
+              <Markers scale={scale}/>
+              <EventMarkers events={events} root={state.root} scale={scale}/>
+              <CursorMarker dispatch={dispatch} events={events} memoCacheRef={state.memoCacheRef} root={state.root} scale={scale} scrollSnapshotRef={scrollSnapshotRef} spans={spans} timelineRef={timelineRef}/>
+              <SpanNodes cacheKey={memoCache.get('')} cache={memoCache} customSpanClassNameFunc={state.customSpanClassNameFunc} customSpanEventClassNameFunc={state.customSpanEventClassNameFunc} root={state.root} scale={scale} scrollSnapshotRef={scrollSnapshotRef} spans={spans}/>
+            </div>
+          </div>
+        </div>
+        <div className={styles.zoomButtonTraceViewer}>
+          <ZoomButton />
+        </div>
+      </div>
+      {withPanel ? (<div className={clsx(styles.spanDetailPanelTraceViewer, !state.selected && styles.hidden, state.isMobile && styles.mobile)}>
+          <SpanDetailPanel attached/>
+        </div>) : null}
+    </div>);
+}
+export function TraceViewerPanel({ className = '', children = null, }) {
+    const { state } = useTraceViewer();
+    if (!state.selected) {
+        return children;
+    }
+    return (<div className={clsx(styles.spanDetailPanelTraceViewer, className)} style={{
+            position: 'relative',
+            '--search-height': '0',
+            '--search-gap': '0',
+            '--map-height': '0',
+            '--panel-width': `100%`,
+            '--panel-height': `100%`,
+            '--height': `100%`,
+            '--scrollbar-width': `${state.scrollbarWidth}px`,
+        }}>
+      <SpanDetailPanel />
+    </div>);
+}
+export function TraceViewer(props) {
+    return (<TraceViewerContextProvider getQuickLinks={props.getQuickLinks} withPanel>
+      <TraceViewerTimeline withPanel {...props}/>
+    </TraceViewerContextProvider>);
+}
+//# sourceMappingURL=trace-viewer.jsx.map

package/dist/trace-viewer/trace-viewer.jsx.map

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