@workflow/web-shared 4.0.1-beta.10
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/LICENSE.md +201 -0
- package/README.md +76 -0
- package/dist/api/workflow-api-client.d.ts +303 -0
- package/dist/api/workflow-api-client.d.ts.map +1 -0
- package/dist/api/workflow-api-client.js +797 -0
- package/dist/api/workflow-api-client.js.map +1 -0
- package/dist/api/workflow-server-actions.d.ts +97 -0
- package/dist/api/workflow-server-actions.d.ts.map +1 -0
- package/dist/api/workflow-server-actions.js +328 -0
- package/dist/api/workflow-server-actions.js.map +1 -0
- package/dist/components/ui/alert.d.ts +9 -0
- package/dist/components/ui/alert.d.ts.map +1 -0
- package/dist/components/ui/alert.js +23 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.d.ts +11 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +19 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/run-trace-view.d.ts +8 -0
- package/dist/run-trace-view.d.ts.map +1 -0
- package/dist/run-trace-view.js +15 -0
- package/dist/run-trace-view.js.map +1 -0
- package/dist/sidebar/attribute-panel.d.ts +11 -0
- package/dist/sidebar/attribute-panel.d.ts.map +1 -0
- package/dist/sidebar/attribute-panel.js +129 -0
- package/dist/sidebar/attribute-panel.js.map +1 -0
- package/dist/sidebar/detail-card.d.ts +6 -0
- package/dist/sidebar/detail-card.d.ts.map +1 -0
- package/dist/sidebar/detail-card.js +9 -0
- package/dist/sidebar/detail-card.js.map +1 -0
- package/dist/sidebar/events-list.d.ts +8 -0
- package/dist/sidebar/events-list.d.ts.map +1 -0
- package/dist/sidebar/events-list.js +35 -0
- package/dist/sidebar/events-list.js.map +1 -0
- package/dist/sidebar/workflow-detail-panel.d.ts +8 -0
- package/dist/sidebar/workflow-detail-panel.d.ts.map +1 -0
- package/dist/sidebar/workflow-detail-panel.js +56 -0
- package/dist/sidebar/workflow-detail-panel.js.map +1 -0
- package/dist/trace-viewer/components/map.d.ts +8 -0
- package/dist/trace-viewer/components/map.d.ts.map +1 -0
- package/dist/trace-viewer/components/map.js +162 -0
- package/dist/trace-viewer/components/map.js.map +1 -0
- package/dist/trace-viewer/components/markers.d.ts +22 -0
- package/dist/trace-viewer/components/markers.d.ts.map +1 -0
- package/dist/trace-viewer/components/markers.js +376 -0
- package/dist/trace-viewer/components/markers.js.map +1 -0
- package/dist/trace-viewer/components/node.d.ts +31 -0
- package/dist/trace-viewer/components/node.d.ts.map +1 -0
- package/dist/trace-viewer/components/node.js +102 -0
- package/dist/trace-viewer/components/node.js.map +1 -0
- package/dist/trace-viewer/components/search-input.d.ts +9 -0
- package/dist/trace-viewer/components/search-input.d.ts.map +1 -0
- package/dist/trace-viewer/components/search-input.js +9 -0
- package/dist/trace-viewer/components/search-input.js.map +1 -0
- package/dist/trace-viewer/components/search.d.ts +3 -0
- package/dist/trace-viewer/components/search.d.ts.map +1 -0
- package/dist/trace-viewer/components/search.js +24 -0
- package/dist/trace-viewer/components/search.js.map +1 -0
- package/dist/trace-viewer/components/span-detail-panel.d.ts +10 -0
- package/dist/trace-viewer/components/span-detail-panel.d.ts.map +1 -0
- package/dist/trace-viewer/components/span-detail-panel.js +284 -0
- package/dist/trace-viewer/components/span-detail-panel.js.map +1 -0
- package/dist/trace-viewer/components/ui.d.ts +28 -0
- package/dist/trace-viewer/components/ui.d.ts.map +1 -0
- package/dist/trace-viewer/components/ui.js +39 -0
- package/dist/trace-viewer/components/ui.js.map +1 -0
- package/dist/trace-viewer/components/zoom-button.d.ts +3 -0
- package/dist/trace-viewer/components/zoom-button.d.ts.map +1 -0
- package/dist/trace-viewer/components/zoom-button.js +29 -0
- package/dist/trace-viewer/components/zoom-button.js.map +1 -0
- package/dist/trace-viewer/components/zoom-icons.d.ts +11 -0
- package/dist/trace-viewer/components/zoom-icons.d.ts.map +1 -0
- package/dist/trace-viewer/components/zoom-icons.js +11 -0
- package/dist/trace-viewer/components/zoom-icons.js.map +1 -0
- package/dist/trace-viewer/context.d.ts +183 -0
- package/dist/trace-viewer/context.d.ts.map +1 -0
- package/dist/trace-viewer/context.js +325 -0
- package/dist/trace-viewer/context.js.map +1 -0
- package/dist/trace-viewer/index.d.ts +5 -0
- package/dist/trace-viewer/index.d.ts.map +1 -0
- package/dist/trace-viewer/index.js +4 -0
- package/dist/trace-viewer/index.js.map +1 -0
- package/dist/trace-viewer/trace-viewer.d.ts +22 -0
- package/dist/trace-viewer/trace-viewer.d.ts.map +1 -0
- package/dist/trace-viewer/trace-viewer.js +285 -0
- package/dist/trace-viewer/trace-viewer.js.map +1 -0
- package/dist/trace-viewer/trace-viewer.module.css +1275 -0
- package/dist/trace-viewer/types.d.ts +201 -0
- package/dist/trace-viewer/types.d.ts.map +1 -0
- package/dist/trace-viewer/types.js +2 -0
- package/dist/trace-viewer/types.js.map +1 -0
- package/dist/trace-viewer/util/constants.d.ts +9 -0
- package/dist/trace-viewer/util/constants.d.ts.map +1 -0
- package/dist/trace-viewer/util/constants.js +9 -0
- package/dist/trace-viewer/util/constants.js.map +1 -0
- package/dist/trace-viewer/util/scrollbar-width.d.ts +2 -0
- package/dist/trace-viewer/util/scrollbar-width.d.ts.map +1 -0
- package/dist/trace-viewer/util/scrollbar-width.js +14 -0
- package/dist/trace-viewer/util/scrollbar-width.js.map +1 -0
- package/dist/trace-viewer/util/timing.d.ts +8 -0
- package/dist/trace-viewer/util/timing.d.ts.map +1 -0
- package/dist/trace-viewer/util/timing.js +29 -0
- package/dist/trace-viewer/util/timing.js.map +1 -0
- package/dist/trace-viewer/util/tree.d.ts +13 -0
- package/dist/trace-viewer/util/tree.d.ts.map +1 -0
- package/dist/trace-viewer/util/tree.js +223 -0
- package/dist/trace-viewer/util/tree.js.map +1 -0
- package/dist/trace-viewer/util/use-immediate-style.d.ts +15 -0
- package/dist/trace-viewer/util/use-immediate-style.d.ts.map +1 -0
- package/dist/trace-viewer/util/use-immediate-style.js +22 -0
- package/dist/trace-viewer/util/use-immediate-style.js.map +1 -0
- package/dist/trace-viewer/util/use-streaming-spans.d.ts +8 -0
- package/dist/trace-viewer/util/use-streaming-spans.d.ts.map +1 -0
- package/dist/trace-viewer/util/use-streaming-spans.js +332 -0
- package/dist/trace-viewer/util/use-streaming-spans.js.map +1 -0
- package/dist/trace-viewer/util/use-trackpad-zoom.d.ts +6 -0
- package/dist/trace-viewer/util/use-trackpad-zoom.d.ts.map +1 -0
- package/dist/trace-viewer/util/use-trackpad-zoom.js +38 -0
- package/dist/trace-viewer/util/use-trackpad-zoom.js.map +1 -0
- package/dist/trace-viewer/worker.d.ts +2 -0
- package/dist/trace-viewer/worker.d.ts.map +1 -0
- package/dist/trace-viewer/worker.js +107 -0
- package/dist/trace-viewer/worker.js.map +1 -0
- package/dist/workflow-trace-view.d.ts +13 -0
- package/dist/workflow-trace-view.d.ts.map +1 -0
- package/dist/workflow-trace-view.js +118 -0
- package/dist/workflow-trace-view.js.map +1 -0
- package/dist/workflow-traces/event-colors.d.ts +31 -0
- package/dist/workflow-traces/event-colors.d.ts.map +1 -0
- package/dist/workflow-traces/event-colors.js +68 -0
- package/dist/workflow-traces/event-colors.js.map +1 -0
- package/dist/workflow-traces/trace-colors.d.ts +15 -0
- package/dist/workflow-traces/trace-colors.d.ts.map +1 -0
- package/dist/workflow-traces/trace-colors.js +89 -0
- package/dist/workflow-traces/trace-colors.js.map +1 -0
- package/dist/workflow-traces/trace-span-construction.d.ts +31 -0
- package/dist/workflow-traces/trace-span-construction.d.ts.map +1 -0
- package/dist/workflow-traces/trace-span-construction.js +173 -0
- package/dist/workflow-traces/trace-span-construction.js.map +1 -0
- package/dist/workflow-traces/trace-time-utils.d.ts +13 -0
- package/dist/workflow-traces/trace-time-utils.d.ts.map +1 -0
- package/dist/workflow-traces/trace-time-utils.js +34 -0
- package/dist/workflow-traces/trace-time-utils.js.map +1 -0
- package/package.json +62 -0
- package/server/README.md +1 -0
- package/server/package.json +4 -0
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { clsx } from 'clsx';
|
|
4
|
+
import { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
|
|
5
|
+
import { initialState, useTraceViewer } from '../context';
|
|
6
|
+
import styles from '../trace-viewer.module.css';
|
|
7
|
+
import { formatDuration } from '../util/timing';
|
|
8
|
+
import { getSpanColorClassName } from './node';
|
|
9
|
+
import { ButtonLink, IconChevronDown, IconCross, IconExternalSmall, Link, Note, Skeleton, } from './ui';
|
|
10
|
+
const percentage = (n) => `${(100 * n).toFixed(3)}%`;
|
|
11
|
+
const sortWord = (a, b) => {
|
|
12
|
+
if (a < b) {
|
|
13
|
+
return -1;
|
|
14
|
+
}
|
|
15
|
+
else if (a > b) {
|
|
16
|
+
return 1;
|
|
17
|
+
}
|
|
18
|
+
return 0;
|
|
19
|
+
};
|
|
20
|
+
const getGroupedAttributes = (attributes) => {
|
|
21
|
+
// Build groups of items with the same prefix
|
|
22
|
+
const groups = {};
|
|
23
|
+
for (const [key, value] of Object.entries(attributes)) {
|
|
24
|
+
const dotIndex = key.indexOf('.');
|
|
25
|
+
let prefix = '';
|
|
26
|
+
let suffix = '';
|
|
27
|
+
if (dotIndex !== -1) {
|
|
28
|
+
prefix = key.substring(0, dotIndex);
|
|
29
|
+
suffix = key.substring(dotIndex + 1);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
suffix = key;
|
|
33
|
+
}
|
|
34
|
+
let group = groups[prefix];
|
|
35
|
+
if (!group) {
|
|
36
|
+
group = {
|
|
37
|
+
prefix,
|
|
38
|
+
attributes: [],
|
|
39
|
+
};
|
|
40
|
+
groups[prefix] = group;
|
|
41
|
+
}
|
|
42
|
+
group.attributes.push({
|
|
43
|
+
key,
|
|
44
|
+
suffix,
|
|
45
|
+
value: String(value),
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
// List and sort everything
|
|
49
|
+
const result = Array.from(Object.values(groups)).sort((a, b) => sortWord(a.prefix, b.prefix));
|
|
50
|
+
for (const group of result) {
|
|
51
|
+
group.attributes.sort((a, b) => sortWord(a.suffix, b.suffix));
|
|
52
|
+
}
|
|
53
|
+
return result;
|
|
54
|
+
};
|
|
55
|
+
// biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
|
|
56
|
+
const getAncestors = (_root, start) => {
|
|
57
|
+
const result = [];
|
|
58
|
+
if (!start)
|
|
59
|
+
return result;
|
|
60
|
+
for (let node = start; 'parent' in node; node = node.parent) {
|
|
61
|
+
result.unshift(node);
|
|
62
|
+
}
|
|
63
|
+
return result;
|
|
64
|
+
};
|
|
65
|
+
export const SpanDetailPanelBody = () => {
|
|
66
|
+
const { state: { root, selected, resourceMap, getQuickLinks }, dispatch, } = useTraceViewer();
|
|
67
|
+
const ancestors = useMemo(() => getAncestors(root, selected), [root, selected]);
|
|
68
|
+
const attributeGroups = useMemo(() => getGroupedAttributes(selected?.span.attributes ?? {}), [selected]);
|
|
69
|
+
const resourceAttributeGroups = useMemo(() => {
|
|
70
|
+
const resourceName = selected?.span.resource;
|
|
71
|
+
if (!resourceName)
|
|
72
|
+
return [];
|
|
73
|
+
const resourceAttributes = resourceMap[resourceName];
|
|
74
|
+
if (!resourceAttributes)
|
|
75
|
+
return [];
|
|
76
|
+
return getGroupedAttributes(resourceAttributes);
|
|
77
|
+
}, [resourceMap, selected]);
|
|
78
|
+
if (!selected)
|
|
79
|
+
return null;
|
|
80
|
+
const { span } = selected;
|
|
81
|
+
const isEntrySpan = detectIsEntrySpan(selected);
|
|
82
|
+
return (_jsxs(_Fragment, { children: [selected.isVercel ? _jsx(InfraSpanDescription, { node: selected }) : null, selected.isInstrumentationHint ? _jsx(InstrumentationHint, {}) : null, !selected.isInstrumentationHint && ancestors.length ? (_jsx(DetailGroup, { className: styles.ancestorGroup, name: "Location", children: ancestors.map((node) => (_jsxs("button", { className: styles.ancestorNode, onClick: () => dispatch({
|
|
83
|
+
type: 'select',
|
|
84
|
+
id: node.span.spanId,
|
|
85
|
+
}), type: "button", children: [_jsxs("div", { className: styles.ancestorText, children: [_jsx("span", { className: styles.ancestorName, children: node.label || node.span.name }), _jsx("span", { className: styles.ancestorDuration, children: formatDuration(node.duration) })] }), _jsx("span", { "aria-hidden": true, className: styles.ancestorLineContainer, children: _jsx("span", { className: clsx(styles.ancestorLine, getSpanColorClassName(node)), style: {
|
|
86
|
+
left: percentage((node.startTime - root.startTime) / root.duration),
|
|
87
|
+
width: percentage(node.duration / root.duration),
|
|
88
|
+
} }) })] }, `${selected.span.spanId}.${node.span.spanId}`))) })) : null, isEntrySpan ? (_jsx(EntrySpanLinks, { getQuickLinks: getQuickLinks, span: selected.span })) : null, selected.events?.length ? (_jsx(DetailGroup, { name: "Events", children: selected.events.map((event) => (_jsxs(Fragment, { children: [_jsxs("dl", { className: styles.spanDetailPanelAttribute, children: [_jsx("dt", { className: styles.spanDetailPanelAttributeKey, children: event.event.name }), _jsx("dd", { className: styles.spanDetailPanelAttributeValue, children: formatDuration(event.timestamp - root.startTime) })] }), Object.entries(event.event.attributes).map(([key, value]) => (_jsx(DetailLine, { name: `${event.event.name}.${key}`, value: value }, key)))] }, event.key))) })) : null, attributeGroups.length ? (_jsx(DetailGroup, { name: "Attributes", children: attributeGroups.map((group) => (_jsx(Fragment, { children: group.attributes.map(({ key, value }) => (_jsx(DetailLine, { name: key, value: value }, key))) }, group.prefix))) })) : null, resourceAttributeGroups.length ? (_jsx(DetailGroup, { name: "Resource", children: resourceAttributeGroups.map((group) => (_jsx(Fragment, { children: group.attributes.map(({ key, value }) => (_jsx(DetailLine, { name: key, value: value }, key))) }, group.prefix))) })) : null, selected.isInstrumentationHint ? null : (_jsxs(DetailGroup, { name: "Library", children: [_jsx(DetailLine, { name: "name", value: span.library.name }), span.library.version ? (_jsx(DetailLine, { name: "version", value: span.library.version })) : null] }))] }));
|
|
89
|
+
};
|
|
90
|
+
export function SpanDetailPanel({ attached = false, }) {
|
|
91
|
+
const { state: { selected, isMobile, customPanelComponent }, dispatch, } = useTraceViewer();
|
|
92
|
+
if (!selected)
|
|
93
|
+
return null;
|
|
94
|
+
const { span } = selected;
|
|
95
|
+
return (_jsxs("div", { className: clsx(styles.spanDetailPanel, isMobile && styles.mobile), children: [attached && !isMobile ? _jsx(PanelResizer, {}) : null, _jsx("div", { className: styles.spanDetailPanelTop, children: _jsxs("div", { className: styles.spanDetailPanelTopInfo, children: [_jsxs("div", { className: styles.spanDetailPanelTruncatedHeading, children: [selected.isInstrumentationHint ? null : (_jsx("span", { className: styles.spanDetailPanelDuration, children: formatDuration(selected.duration) })), _jsx("span", { className: styles.spanDetailPanelName, title: span.name, children: span.name })] }), _jsxs("div", { className: styles.spanDetailPanelCorner, children: [_jsx("div", { className: styles.spanDetailPanelCloseVerticalRule }), _jsx("button", { "aria-label": "Close Span Details", className: styles.spanDetailPanelClose, onClick: () => dispatch({
|
|
96
|
+
type: 'deselect',
|
|
97
|
+
}), type: "button", children: _jsx(IconCross, { color: "gray-700", size: 24 }) })] })] }) }), _jsx("div", { className: clsx('flex gap-3', styles.spanDetailPanelBody), children: customPanelComponent || _jsx(SpanDetailPanelBody, {}) })] }));
|
|
98
|
+
}
|
|
99
|
+
const EXPANDED_STORAGE_KEY_PREFIX = 'vc-trace-span-exp:';
|
|
100
|
+
function DetailGroup({ name, className = '', children, }) {
|
|
101
|
+
const [isExpanded, setIsExpanded] = useState(() => {
|
|
102
|
+
if (!('localStorage' in globalThis))
|
|
103
|
+
return true;
|
|
104
|
+
return (localStorage.getItem(`${EXPANDED_STORAGE_KEY_PREFIX}${name}`) !== '0');
|
|
105
|
+
});
|
|
106
|
+
const toggleExpanded = useCallback(() => {
|
|
107
|
+
setIsExpanded((x) => {
|
|
108
|
+
const willBeExpanded = !x;
|
|
109
|
+
localStorage.setItem(`${EXPANDED_STORAGE_KEY_PREFIX}${name}`, String(Number(willBeExpanded)));
|
|
110
|
+
return willBeExpanded;
|
|
111
|
+
});
|
|
112
|
+
}, [name]);
|
|
113
|
+
return (_jsxs("div", { className: clsx(styles.detailGroup, isExpanded ? styles.expanded : styles.collapsed, className), children: [_jsxs("button", { className: styles.detailHeading, onClick: toggleExpanded, type: "button", children: [_jsx("span", { children: name }), _jsx(IconChevronDown, {})] }), isExpanded ? children : null] }));
|
|
114
|
+
}
|
|
115
|
+
const CommonHttpVerbs = new Set([
|
|
116
|
+
'OPTIONS',
|
|
117
|
+
'HEAD',
|
|
118
|
+
'GET',
|
|
119
|
+
'PUT',
|
|
120
|
+
'POST',
|
|
121
|
+
'DELETE',
|
|
122
|
+
]);
|
|
123
|
+
const KnownSpans = {
|
|
124
|
+
'Resolve Deployment': `How long it took Vercel's routing layer to retrieve details for the deployment.`,
|
|
125
|
+
'Resolve Cache': `How long it took Vercel's routing layer to check for a cached function invocation.`,
|
|
126
|
+
'Resolve Route': `How long it took Vercel's routing layer to resolve routing rules, including redirects and rewrites.`,
|
|
127
|
+
'Invoke Middleware': `How long it took this middleware to start and run user code.`,
|
|
128
|
+
'Invoke Function': `How long it took this Vercel Function to start and run user code.`,
|
|
129
|
+
waitUntil: `How long it took to run user code inside of waitUntil.`,
|
|
130
|
+
'Start VM': `How long it took to start the Virtual Machine which contains the Vercel Function.`,
|
|
131
|
+
'Spawn Node.js': `How long it took the Virtual Machine to start the Node.js runtime.`,
|
|
132
|
+
'Spawn Python': `How long it took the Virtual Machine to start the Python runtime.`,
|
|
133
|
+
'Init User Code': `How long it took to import the user code and run any globally-scoped code.`,
|
|
134
|
+
};
|
|
135
|
+
const ColdStartSpanNames = new Set([
|
|
136
|
+
'Start VM',
|
|
137
|
+
'Spawn Node.js',
|
|
138
|
+
'Spawn Python',
|
|
139
|
+
'Init User Code',
|
|
140
|
+
]);
|
|
141
|
+
const getRegion = (node) => {
|
|
142
|
+
if (!node || !('span' in node)) {
|
|
143
|
+
return null;
|
|
144
|
+
}
|
|
145
|
+
const attr = node.span.attributes;
|
|
146
|
+
const region = attr['vercel.region'] || attr['vercel.function.region'];
|
|
147
|
+
if (region)
|
|
148
|
+
return String(region);
|
|
149
|
+
return null;
|
|
150
|
+
};
|
|
151
|
+
const getNote = (node) => {
|
|
152
|
+
const { name } = node.span;
|
|
153
|
+
const region = getRegion(node);
|
|
154
|
+
const parentRegion = getRegion(node.parent);
|
|
155
|
+
if (node.span.attributes['vercel.middleware.internal'] === 'true') {
|
|
156
|
+
return 'The Vercel Toolbar created this middleware.';
|
|
157
|
+
}
|
|
158
|
+
else if (ColdStartSpanNames.has(name) ||
|
|
159
|
+
(name === 'Invoke Function' &&
|
|
160
|
+
node.children.some((x) => ColdStartSpanNames.has(x.span.name)))) {
|
|
161
|
+
return 'This function encountered a cold start.';
|
|
162
|
+
}
|
|
163
|
+
else if (region && parentRegion && region !== parentRegion) {
|
|
164
|
+
return 'This request was routed across regions.';
|
|
165
|
+
}
|
|
166
|
+
return null;
|
|
167
|
+
};
|
|
168
|
+
const detectIsEntrySpan = (node) => {
|
|
169
|
+
if (!node.isVercel)
|
|
170
|
+
return false;
|
|
171
|
+
const { name } = node.span;
|
|
172
|
+
const spaceIndex = name.indexOf(' ');
|
|
173
|
+
if (spaceIndex === -1)
|
|
174
|
+
return false;
|
|
175
|
+
const firstWord = name.substring(0, spaceIndex);
|
|
176
|
+
return CommonHttpVerbs.has(firstWord);
|
|
177
|
+
};
|
|
178
|
+
function InfraSpanDescription({ node }) {
|
|
179
|
+
const { name } = node.span;
|
|
180
|
+
let description = KnownSpans[name];
|
|
181
|
+
if (!description && detectIsEntrySpan(node)) {
|
|
182
|
+
description = `How long it took for Vercel to process the request and send the response.`;
|
|
183
|
+
}
|
|
184
|
+
if (!description)
|
|
185
|
+
return null;
|
|
186
|
+
const note = getNote(node);
|
|
187
|
+
return (_jsx(DetailGroup, { name: "What is this?", children: _jsxs("div", { className: styles.infraSpanDescription, children: [_jsx("span", { children: description }), note ? _jsx(Note, { children: note }) : note] }) }));
|
|
188
|
+
}
|
|
189
|
+
const EntrySpanLinks = memo(function EntrySpanLinks({ getQuickLinks, span, }) {
|
|
190
|
+
const links = getQuickLinks(span);
|
|
191
|
+
if (!links.length)
|
|
192
|
+
return null;
|
|
193
|
+
return (_jsx(DetailGroup, { name: "Links", children: links.map(({ key, value }) => (_jsx(EntrySpanLink, { link: value, name: key }, key))) }));
|
|
194
|
+
});
|
|
195
|
+
function usePromise(promise) {
|
|
196
|
+
const [_, setLatest] = useState({});
|
|
197
|
+
const fulfilled = promise.__resolvedValue !== undefined ||
|
|
198
|
+
promise.__rejectedValue !== undefined;
|
|
199
|
+
useEffect(() => {
|
|
200
|
+
if (fulfilled)
|
|
201
|
+
return;
|
|
202
|
+
promise
|
|
203
|
+
.then((value) => {
|
|
204
|
+
promise.__resolvedValue = value;
|
|
205
|
+
})
|
|
206
|
+
.catch((err) => {
|
|
207
|
+
promise.__rejectedValue = err;
|
|
208
|
+
})
|
|
209
|
+
.finally(() => setLatest({}));
|
|
210
|
+
}, [promise, fulfilled]);
|
|
211
|
+
return promise.__resolvedValue;
|
|
212
|
+
}
|
|
213
|
+
function EntrySpanLink({ name, link: linkPromise, }) {
|
|
214
|
+
const link = usePromise(linkPromise);
|
|
215
|
+
return (_jsxs(Link, { as: link ? undefined : 'span', className: clsx(styles.spanDetailPanelAttribute, styles.spanDetailPanelQuickLink), href: link?.href || '', children: [_jsx("span", { className: styles.spanDetailPanelAttributeKey, children: name }), _jsx("span", { className: clsx(styles.spanDetailPanelAttributeValue, styles.spanDetailPanelQuickLinkLabel), children: link ? (_jsxs(_Fragment, { children: [link.label, link.icon || _jsx(IconExternalSmall, { color: "gray-900" })] })) : (_jsxs(_Fragment, { children: [_jsx(Skeleton, { height: 18, width: 32 + name.length * 8 }), _jsx(Skeleton, { height: 18, rounded: true, width: 18 })] })) })] }));
|
|
216
|
+
}
|
|
217
|
+
function InstrumentationHint() {
|
|
218
|
+
return (_jsx(DetailGroup, { name: "What is this?", children: _jsxs("div", { className: styles.infraSpanDescription, children: [_jsx("span", { children: `You can visualize your application's spans alongside Vercel's spans in this viewer.` }), _jsx(ButtonLink, { href: "https://vercel.com/docs/session-tracing#adding-custom-spans", size: "small", target: "_blank", children: "Get Started" })] }) }));
|
|
219
|
+
}
|
|
220
|
+
function DetailLine({ name, value, }) {
|
|
221
|
+
return (_jsxs("dl", { className: styles.spanDetailPanelAttribute, children: [_jsx("dt", { className: styles.spanDetailPanelAttributeKey, children: name }), _jsx("dd", { className: styles.spanDetailPanelAttributeValue, title: String(value), children: String(value) })] }));
|
|
222
|
+
}
|
|
223
|
+
/**
|
|
224
|
+
* Resizer component for the trace viewer panel.
|
|
225
|
+
*/
|
|
226
|
+
export function PanelResizer() {
|
|
227
|
+
const { state: { panelWidth }, dispatch, } = useTraceViewer();
|
|
228
|
+
const gestureRef = useRef({
|
|
229
|
+
start: {
|
|
230
|
+
x: 0,
|
|
231
|
+
width: panelWidth,
|
|
232
|
+
},
|
|
233
|
+
x: 0,
|
|
234
|
+
width: panelWidth,
|
|
235
|
+
isHeld: false,
|
|
236
|
+
});
|
|
237
|
+
gestureRef.current.width = panelWidth;
|
|
238
|
+
const onPointerDown = useCallback((event) => {
|
|
239
|
+
if (event.pointerType !== 'mouse')
|
|
240
|
+
return;
|
|
241
|
+
event.preventDefault();
|
|
242
|
+
const g = gestureRef.current;
|
|
243
|
+
g.start.x = event.clientX;
|
|
244
|
+
g.x = event.clientX;
|
|
245
|
+
g.start.width = g.width;
|
|
246
|
+
g.isHeld = true;
|
|
247
|
+
}, []);
|
|
248
|
+
const onDoubleClick = useCallback(() => {
|
|
249
|
+
dispatch({
|
|
250
|
+
type: 'setPanelWidth',
|
|
251
|
+
width: initialState.panelWidth,
|
|
252
|
+
});
|
|
253
|
+
}, [dispatch]);
|
|
254
|
+
useEffect(() => {
|
|
255
|
+
let nextFrame = 0;
|
|
256
|
+
const onFrame = () => {
|
|
257
|
+
const g = gestureRef.current;
|
|
258
|
+
const width = g.start.width + g.start.x - g.x;
|
|
259
|
+
dispatch({
|
|
260
|
+
type: 'setPanelWidth',
|
|
261
|
+
width,
|
|
262
|
+
});
|
|
263
|
+
};
|
|
264
|
+
const onPointerMove = (event) => {
|
|
265
|
+
if (!gestureRef.current.isHeld)
|
|
266
|
+
return;
|
|
267
|
+
event.preventDefault();
|
|
268
|
+
gestureRef.current.x = event.clientX;
|
|
269
|
+
cancelAnimationFrame(nextFrame);
|
|
270
|
+
nextFrame = requestAnimationFrame(onFrame);
|
|
271
|
+
};
|
|
272
|
+
const onPointerUp = () => {
|
|
273
|
+
gestureRef.current.isHeld = false;
|
|
274
|
+
};
|
|
275
|
+
window.addEventListener('pointermove', onPointerMove);
|
|
276
|
+
window.addEventListener('pointerup', onPointerUp);
|
|
277
|
+
return () => {
|
|
278
|
+
window.removeEventListener('pointermove', onPointerMove);
|
|
279
|
+
window.removeEventListener('pointerup', onPointerUp);
|
|
280
|
+
};
|
|
281
|
+
}, [dispatch]);
|
|
282
|
+
return (_jsx("div", { "aria-hidden": true, className: styles.spanDetailPanelResizer, onDoubleClick: onDoubleClick, onPointerDown: onPointerDown }));
|
|
283
|
+
}
|
|
284
|
+
//# sourceMappingURL=span-detail-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"span-detail-panel.js","sourceRoot":"","sources":["../../../src/trace-viewer/components/span-detail-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { AnchorHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export declare function IconCross({ size, color, }: {
|
|
3
|
+
size?: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
}): ReactNode;
|
|
6
|
+
export declare function IconChevronDown({ size }: {
|
|
7
|
+
size?: number;
|
|
8
|
+
}): ReactNode;
|
|
9
|
+
export declare function IconExternalSmall({ size, color, }: {
|
|
10
|
+
size?: number;
|
|
11
|
+
color?: string;
|
|
12
|
+
}): ReactNode;
|
|
13
|
+
export declare function Link(props: AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
14
|
+
as?: 'a' | 'span';
|
|
15
|
+
}): ReactNode;
|
|
16
|
+
export declare function ButtonLink(props: AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
17
|
+
size?: 'small' | 'medium' | 'large';
|
|
18
|
+
}): ReactNode;
|
|
19
|
+
export declare function Note({ children, className, }: {
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
className?: string;
|
|
22
|
+
}): ReactNode;
|
|
23
|
+
export declare function Skeleton({ width, height, rounded, }: {
|
|
24
|
+
width: number;
|
|
25
|
+
height: number;
|
|
26
|
+
rounded?: boolean;
|
|
27
|
+
}): ReactNode;
|
|
28
|
+
//# sourceMappingURL=ui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/components/ui.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAS7D,wBAAgB,SAAS,CAAC,EACxB,IAAS,EACT,KAAkB,GACnB,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CAoBZ;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAoB3E;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAS,EACT,KAAkB,GACnB,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CA2BZ;AAED,wBAAgB,IAAI,CAClB,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAA;CAAE,GACrE,SAAS,CAeX;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,GACA,SAAS,CAOX;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,SAAS,CAEZ;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,SAAS,CAQZ"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { clsx } from 'clsx';
|
|
4
|
+
import styles from '../trace-viewer.module.css';
|
|
5
|
+
// Color token mapping helper
|
|
6
|
+
const colorTokenMap = {
|
|
7
|
+
'gray-700': 'var(--ds-gray-700)',
|
|
8
|
+
'gray-900': 'var(--ds-gray-900)',
|
|
9
|
+
};
|
|
10
|
+
export function IconCross({ size = 16, color = 'gray-700', }) {
|
|
11
|
+
const style = { color: colorTokenMap[color] || color };
|
|
12
|
+
return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, "aria-hidden": true, children: [_jsx("title", { children: "Cross" }), _jsx("path", { d: "M6 6l12 12M18 6L6 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
|
|
13
|
+
}
|
|
14
|
+
export function IconChevronDown({ size = 16 }) {
|
|
15
|
+
return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, className: styles.detailHeadingIcon, children: [_jsx("title", { children: "Chevron Down" }), _jsx("path", { d: "M6 9l6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
16
|
+
}
|
|
17
|
+
export function IconExternalSmall({ size = 16, color = 'gray-900', }) {
|
|
18
|
+
const style = { color: colorTokenMap[color] || color };
|
|
19
|
+
return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, "aria-hidden": true, children: [_jsx("title", { children: "External Small" }), _jsx("path", { d: "M14 4h6m0 0v6m0-6L10 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M20 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
|
|
20
|
+
}
|
|
21
|
+
export function Link(props) {
|
|
22
|
+
const { as: asProp, className, href, children, ...rest } = props;
|
|
23
|
+
const Element = asProp || 'a';
|
|
24
|
+
if (Element === 'span' || !href) {
|
|
25
|
+
return (_jsx("span", { className: className, ...rest, children: children }));
|
|
26
|
+
}
|
|
27
|
+
return (_jsx("a", { className: className, href: href, ...rest, children: children }));
|
|
28
|
+
}
|
|
29
|
+
export function ButtonLink(props) {
|
|
30
|
+
const { className, children, size: _size, ...rest } = props;
|
|
31
|
+
return (_jsx("a", { ...rest, className: clsx(styles.buttonLink, className), children: children }));
|
|
32
|
+
}
|
|
33
|
+
export function Note({ children, className, }) {
|
|
34
|
+
return _jsx("div", { className: clsx(styles.note, className), children: children });
|
|
35
|
+
}
|
|
36
|
+
export function Skeleton({ width, height, rounded, }) {
|
|
37
|
+
return (_jsx("span", { className: clsx(styles.skeleton, rounded && styles.skeletonRounded), style: { width, height }, "aria-hidden": true }));
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=ui.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../../src/trace-viewer/components/ui.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zoom-button.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/components/zoom-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAKpD,wBAAgB,UAAU,IAAI,SAAS,CAsDtC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback } from 'react';
|
|
4
|
+
import { useTraceViewer } from '../context';
|
|
5
|
+
import styles from '../trace-viewer.module.css';
|
|
6
|
+
import { IconMinus, IconZoomIn, IconZoomOut } from './zoom-icons';
|
|
7
|
+
export function ZoomButton() {
|
|
8
|
+
const { dispatch } = useTraceViewer();
|
|
9
|
+
const onZoomIn = useCallback(() => {
|
|
10
|
+
dispatch({
|
|
11
|
+
type: 'adjustScaleRatio',
|
|
12
|
+
direction: 1,
|
|
13
|
+
});
|
|
14
|
+
}, [dispatch]);
|
|
15
|
+
const onZoomOut = useCallback(() => {
|
|
16
|
+
dispatch({
|
|
17
|
+
type: 'adjustScaleRatio',
|
|
18
|
+
direction: -1,
|
|
19
|
+
});
|
|
20
|
+
}, [dispatch]);
|
|
21
|
+
const onResetZoom = useCallback(() => {
|
|
22
|
+
dispatch({
|
|
23
|
+
type: 'adjustScaleRatio',
|
|
24
|
+
direction: 0,
|
|
25
|
+
});
|
|
26
|
+
}, [dispatch]);
|
|
27
|
+
return (_jsxs("div", { className: styles.zoomButtonGroup, children: [_jsx("button", { "aria-label": "Zoom Out", className: styles.zoomButton, onClick: onZoomOut, type: "button", children: _jsx(IconZoomOut, { size: 18 }) }), _jsx("div", { className: styles.divider }), _jsx("button", { "aria-label": "Reset Zoom", className: styles.zoomButton, onClick: onResetZoom, type: "button", children: _jsx(IconMinus, { size: 18 }) }), _jsx("div", { className: styles.divider }), _jsx("button", { "aria-label": "Zoom In", className: styles.zoomButton, onClick: onZoomIn, type: "button", children: _jsx(IconZoomIn, { size: 18 }) })] }));
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=zoom-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zoom-button.js","sourceRoot":"","sources":["../../../src/trace-viewer/components/zoom-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,UAAU,UAAU;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAS,EAAE;QACtC,QAAQ,CAAC;YACP,IAAI,EAAE,kBAAkB;YACxB,SAAS,EAAE,CAAC;SACb,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,SAAS,GAAG,WAAW,CAAC,GAAS,EAAE;QACvC,QAAQ,CAAC;YACP,IAAI,EAAE,kBAAkB;YACxB,SAAS,EAAE,CAAC,CAAC;SACd,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,WAAW,CAAC,GAAS,EAAE;QACzC,QAAQ,CAAC;YACP,IAAI,EAAE,kBAAkB;YACxB,SAAS,EAAE,CAAC;SACb,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aACpC,+BACa,UAAU,EACrB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,SAAS,EAClB,IAAI,EAAC,QAAQ,YAEb,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,EACT,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,EAClC,+BACa,YAAY,EACvB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,YAEb,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,EACT,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,EAClC,+BACa,SAAS,EACpB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,YAEb,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export declare function IconZoomIn({ size }: {
|
|
3
|
+
size?: number;
|
|
4
|
+
}): ReactNode;
|
|
5
|
+
export declare function IconZoomOut({ size }: {
|
|
6
|
+
size?: number;
|
|
7
|
+
}): ReactNode;
|
|
8
|
+
export declare function IconMinus({ size }: {
|
|
9
|
+
size?: number;
|
|
10
|
+
}): ReactNode;
|
|
11
|
+
//# sourceMappingURL=zoom-icons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zoom-icons.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/components/zoom-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAuBtE;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAuBvE;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAYrE"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function IconZoomIn({ size = 16 }) {
|
|
3
|
+
return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [_jsx("title", { children: "Zoom In" }), _jsx("path", { d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M11 8v6M8 11h6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M20 20l-3.5-3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
|
|
4
|
+
}
|
|
5
|
+
export function IconZoomOut({ size = 16 }) {
|
|
6
|
+
return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [_jsx("title", { children: "Zoom Out" }), _jsx("path", { d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M8 11h6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M20 20l-3.5-3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
|
|
7
|
+
}
|
|
8
|
+
export function IconMinus({ size = 16 }) {
|
|
9
|
+
return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [_jsx("title", { children: "Minus" }), _jsx("path", { d: "M6 12h12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=zoom-icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zoom-icons.js","sourceRoot":"","sources":["../../../src/trace-viewer/components/zoom-icons.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IACzD,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,kCAC7D,sCAAsB,EACtB,eACE,CAAC,EAAC,uCAAuC,EACzC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACf,EACF,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,EACF,eACE,CAAC,EAAC,iBAAiB,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IAC1D,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,kCAC7D,uCAAuB,EACvB,eACE,CAAC,EAAC,uCAAuC,EACzC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACf,EACF,eACE,CAAC,EAAC,SAAS,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,EACF,eACE,CAAC,EAAC,iBAAiB,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IACxD,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,kCAC7D,oCAAoB,EACpB,eACE,CAAC,EAAC,UAAU,EACZ,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC"}
|