@parca/profile 0.19.150 → 0.19.152
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/CHANGELOG.md +8 -0
- package/dist/GraphTooltipArrow/Content.d.ts +2 -1
- package/dist/GraphTooltipArrow/Content.d.ts.map +1 -1
- package/dist/GraphTooltipArrow/Content.js +203 -9
- package/dist/GraphTooltipArrow/gpuFrameDescriptions.d.ts +28 -0
- package/dist/GraphTooltipArrow/gpuFrameDescriptions.d.ts.map +1 -0
- package/dist/GraphTooltipArrow/gpuFrameDescriptions.js +845 -0
- package/dist/GraphTooltipArrow/index.d.ts +2 -1
- package/dist/GraphTooltipArrow/index.d.ts.map +1 -1
- package/dist/GraphTooltipArrow/index.js +11 -2
- package/dist/GraphTooltipArrow/openInNewTab.d.ts +2 -0
- package/dist/GraphTooltipArrow/openInNewTab.d.ts.map +1 -0
- package/dist/GraphTooltipArrow/openInNewTab.js +40 -0
- package/dist/ProfileExplorer/ProfileExplorerCompare.d.ts +1 -3
- package/dist/ProfileExplorer/ProfileExplorerCompare.d.ts.map +1 -1
- package/dist/ProfileExplorer/ProfileExplorerCompare.js +34 -39
- package/dist/ProfileExplorer/ProfileExplorerSingle.d.ts +1 -3
- package/dist/ProfileExplorer/ProfileExplorerSingle.d.ts.map +1 -1
- package/dist/ProfileExplorer/ProfileExplorerSingle.js +18 -21
- package/dist/ProfileExplorer/index.d.ts +1 -3
- package/dist/ProfileExplorer/index.d.ts.map +1 -1
- package/dist/ProfileExplorer/index.js +24 -32
- package/dist/ProfileFlameGraph/FlameGraphArrow/MemoizedTooltip.d.ts.map +1 -1
- package/dist/ProfileFlameGraph/FlameGraphArrow/MemoizedTooltip.js +119 -56
- package/dist/ProfileSelector/index.d.ts +1 -3
- package/dist/ProfileSelector/index.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
- package/src/GraphTooltipArrow/Content.tsx +86 -5
- package/src/GraphTooltipArrow/gpuFrameDescriptions.test.ts +53 -0
- package/src/GraphTooltipArrow/gpuFrameDescriptions.ts +556 -0
- package/src/GraphTooltipArrow/index.tsx +13 -1
- package/src/GraphTooltipArrow/openInNewTab.ts +43 -0
- package/src/ProfileExplorer/ProfileExplorerCompare.tsx +1 -8
- package/src/ProfileExplorer/ProfileExplorerSingle.tsx +1 -7
- package/src/ProfileExplorer/index.tsx +6 -7
- package/src/ProfileFlameGraph/FlameGraphArrow/MemoizedTooltip.tsx +35 -2
- package/src/ProfileSelector/index.tsx +1 -3
|
@@ -2,7 +2,8 @@ import React from 'react';
|
|
|
2
2
|
interface GraphTooltipProps {
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
contextElement: Element | null;
|
|
5
|
+
frozen?: boolean;
|
|
5
6
|
}
|
|
6
|
-
declare const GraphTooltip: ({ children, contextElement }: GraphTooltipProps) => React.JSX.Element;
|
|
7
|
+
declare const GraphTooltip: ({ children, contextElement, frozen, }: GraphTooltipProps) => React.JSX.Element;
|
|
7
8
|
export default GraphTooltip;
|
|
8
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GraphTooltipArrow/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GraphTooltipArrow/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmBD,QAAA,MAAM,YAAY,GAAI,uCAInB,iBAAiB,KAAG,KAAK,CAAC,GAAG,CAAC,OA0DhC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -55,7 +55,9 @@ var GraphTooltip = function GraphTooltip(_ref) {
|
|
|
55
55
|
'use no memo';
|
|
56
56
|
|
|
57
57
|
var children = _ref.children,
|
|
58
|
-
contextElement = _ref.contextElement
|
|
58
|
+
contextElement = _ref.contextElement,
|
|
59
|
+
_ref$frozen = _ref.frozen,
|
|
60
|
+
frozen = _ref$frozen === void 0 ? false : _ref$frozen;
|
|
59
61
|
var _useState = useState(false),
|
|
60
62
|
_useState2 = _slicedToArray(_useState, 2),
|
|
61
63
|
isPositioned = _useState2[0],
|
|
@@ -74,9 +76,15 @@ var GraphTooltip = function GraphTooltip(_ref) {
|
|
|
74
76
|
refs = _useFloating.refs,
|
|
75
77
|
floatingStyles = _useFloating.floatingStyles,
|
|
76
78
|
update = _useFloating.update;
|
|
79
|
+
|
|
80
|
+
// Read the latest `frozen` value from inside the mousemove handler without
|
|
81
|
+
// re-binding the listener every time it toggles.
|
|
82
|
+
var frozenRef = React.useRef(frozen);
|
|
83
|
+
frozenRef.current = frozen;
|
|
77
84
|
useEffect(function () {
|
|
78
85
|
if (contextElement === null) return;
|
|
79
86
|
var onMouseMove = function onMouseMove(e) {
|
|
87
|
+
if (frozenRef.current) return; // Hold position while ⇧ Shift is held.
|
|
80
88
|
var rel = pointer(e);
|
|
81
89
|
var tooltipX = rel[0];
|
|
82
90
|
var tooltipY = rel[1];
|
|
@@ -93,7 +101,8 @@ var GraphTooltip = function GraphTooltip(_ref) {
|
|
|
93
101
|
return /*#__PURE__*/_jsx("div", {
|
|
94
102
|
ref: refs.setFloating,
|
|
95
103
|
style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
|
|
96
|
-
visibility: !isPositioned ? 'hidden' : 'visible'
|
|
104
|
+
visibility: !isPositioned ? 'hidden' : 'visible',
|
|
105
|
+
pointerEvents: frozen ? 'auto' : 'none'
|
|
97
106
|
}),
|
|
98
107
|
className: "z-50 w-max",
|
|
99
108
|
children: children
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"openInNewTab.d.ts","sourceRoot":"","sources":["../../src/GraphTooltipArrow/openInNewTab.ts"],"names":[],"mappings":"AAyBA,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAiB9C"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
// Copyright 2022 The Parca Authors
|
|
2
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
3
|
+
// you may not use this file except in compliance with the License.
|
|
4
|
+
// You may obtain a copy of the License at
|
|
5
|
+
//
|
|
6
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
|
7
|
+
//
|
|
8
|
+
// Unless required by applicable law or agreed to in writing, software
|
|
9
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
10
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
11
|
+
// See the License for the specific language governing permissions and
|
|
12
|
+
// limitations under the License.
|
|
13
|
+
|
|
14
|
+
// Open a URL in a new browser tab — robust to held modifier keys.
|
|
15
|
+
//
|
|
16
|
+
// Why this exists: the tooltip's "freeze" gesture requires the user to be
|
|
17
|
+
// holding ⇧ Shift. Browsers route Shift+click on a target="_blank" link to
|
|
18
|
+
// "new window" via real-keyboard state at navigation time, so both plain
|
|
19
|
+
// <a target="_blank"> clicks and `window.open` fall through to a window
|
|
20
|
+
// instead of a tab.
|
|
21
|
+
//
|
|
22
|
+
// Trick: dispatch a synthetic MouseEvent on a detached anchor with the
|
|
23
|
+
// platform's "new-tab" modifier set explicitly (Cmd & Ctrl)
|
|
24
|
+
// and Shift cleared. The browser reads modifier flags off the event for its
|
|
25
|
+
// routing decision, so this consistently opens in a new tab.
|
|
26
|
+
export function openInNewTab(url) {
|
|
27
|
+
var a = document.createElement('a');
|
|
28
|
+
a.href = url;
|
|
29
|
+
a.target = '_blank';
|
|
30
|
+
a.rel = 'noopener noreferrer';
|
|
31
|
+
a.dispatchEvent(new MouseEvent('click', {
|
|
32
|
+
bubbles: false,
|
|
33
|
+
cancelable: true,
|
|
34
|
+
view: window,
|
|
35
|
+
button: 0,
|
|
36
|
+
shiftKey: false,
|
|
37
|
+
metaKey: true,
|
|
38
|
+
ctrlKey: true
|
|
39
|
+
}));
|
|
40
|
+
}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { QueryServiceClient } from '@parca/client';
|
|
2
|
-
import type { NavigateFunction } from '@parca/utilities';
|
|
3
2
|
interface ProfileExplorerCompareProps {
|
|
4
3
|
queryClient: QueryServiceClient;
|
|
5
|
-
navigateTo: NavigateFunction;
|
|
6
4
|
}
|
|
7
|
-
declare const ProfileExplorerCompare: ({ queryClient
|
|
5
|
+
declare const ProfileExplorerCompare: ({ queryClient }: ProfileExplorerCompareProps) => JSX.Element;
|
|
8
6
|
export default ProfileExplorerCompare;
|
|
9
7
|
//# sourceMappingURL=ProfileExplorerCompare.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileExplorerCompare.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerCompare.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProfileExplorerCompare.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerCompare.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AASjD,UAAU,2BAA2B;IACnC,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,GAAI,iBAAe,2BAA2B,KAAG,GAAG,CAAC,OAoHhF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -33,9 +33,8 @@ import { useCompareModeMeta } from '../hooks/useCompareModeMeta';
|
|
|
33
33
|
import { useQueryState } from '../hooks/useQueryState';
|
|
34
34
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
35
35
|
var ProfileExplorerCompare = function ProfileExplorerCompare(t0) {
|
|
36
|
-
var $ = _c(
|
|
37
|
-
var queryClient = t0.queryClient
|
|
38
|
-
navigateTo = t0.navigateTo;
|
|
36
|
+
var $ = _c(42);
|
|
37
|
+
var queryClient = t0.queryClient;
|
|
39
38
|
var _useState = useState(true),
|
|
40
39
|
_useState2 = _slicedToArray(_useState, 2),
|
|
41
40
|
showMetricsGraph = _useState2[0],
|
|
@@ -153,7 +152,7 @@ var ProfileExplorerCompare = function ProfileExplorerCompare(t0) {
|
|
|
153
152
|
t9 = $[20];
|
|
154
153
|
}
|
|
155
154
|
var t10;
|
|
156
|
-
if ($[21] !== closeProfileA || $[22] !==
|
|
155
|
+
if ($[21] !== closeProfileA || $[22] !== queryClient || $[23] !== showMetricsGraph) {
|
|
157
156
|
t10 = /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
|
158
157
|
className: "flex-column flex-1 p-2 shadow-md rounded-md"
|
|
159
158
|
}, t9), {}, {
|
|
@@ -162,29 +161,27 @@ var ProfileExplorerCompare = function ProfileExplorerCompare(t0) {
|
|
|
162
161
|
closeProfile: closeProfileA,
|
|
163
162
|
enforcedProfileName: "",
|
|
164
163
|
comparing: true,
|
|
165
|
-
navigateTo: navigateTo,
|
|
166
164
|
suffix: "_a",
|
|
167
165
|
showMetricsGraph: showMetricsGraph,
|
|
168
166
|
setDisplayHideMetricsGraphButton: setShowMetricsGraph
|
|
169
167
|
})
|
|
170
168
|
}));
|
|
171
169
|
$[21] = closeProfileA;
|
|
172
|
-
$[22] =
|
|
173
|
-
$[23] =
|
|
174
|
-
$[24] =
|
|
175
|
-
$[25] = t10;
|
|
170
|
+
$[22] = queryClient;
|
|
171
|
+
$[23] = showMetricsGraph;
|
|
172
|
+
$[24] = t10;
|
|
176
173
|
} else {
|
|
177
|
-
t10 = $[
|
|
174
|
+
t10 = $[24];
|
|
178
175
|
}
|
|
179
176
|
var t11;
|
|
180
|
-
if ($[
|
|
177
|
+
if ($[25] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
181
178
|
t11 = testId(TEST_IDS.COMPARE_SIDE_B);
|
|
182
|
-
$[
|
|
179
|
+
$[25] = t11;
|
|
183
180
|
} else {
|
|
184
|
-
t11 = $[
|
|
181
|
+
t11 = $[25];
|
|
185
182
|
}
|
|
186
183
|
var t12;
|
|
187
|
-
if ($[
|
|
184
|
+
if ($[26] !== closeProfileB || $[27] !== enforcedProfileNameA || $[28] !== queryClient || $[29] !== showMetricsGraph) {
|
|
188
185
|
t12 = /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
|
189
186
|
className: "flex-column flex-1 p-2 shadow-md rounded-md"
|
|
190
187
|
}, t11), {}, {
|
|
@@ -193,35 +190,33 @@ var ProfileExplorerCompare = function ProfileExplorerCompare(t0) {
|
|
|
193
190
|
closeProfile: closeProfileB,
|
|
194
191
|
enforcedProfileName: enforcedProfileNameA,
|
|
195
192
|
comparing: true,
|
|
196
|
-
navigateTo: navigateTo,
|
|
197
193
|
suffix: "_b",
|
|
198
194
|
showMetricsGraph: showMetricsGraph,
|
|
199
195
|
setDisplayHideMetricsGraphButton: setShowMetricsGraph
|
|
200
196
|
})
|
|
201
197
|
}));
|
|
202
|
-
$[
|
|
203
|
-
$[
|
|
204
|
-
$[
|
|
205
|
-
$[
|
|
206
|
-
$[
|
|
207
|
-
$[32] = t12;
|
|
198
|
+
$[26] = closeProfileB;
|
|
199
|
+
$[27] = enforcedProfileNameA;
|
|
200
|
+
$[28] = queryClient;
|
|
201
|
+
$[29] = showMetricsGraph;
|
|
202
|
+
$[30] = t12;
|
|
208
203
|
} else {
|
|
209
|
-
t12 = $[
|
|
204
|
+
t12 = $[30];
|
|
210
205
|
}
|
|
211
206
|
var t13;
|
|
212
|
-
if ($[
|
|
207
|
+
if ($[31] !== t10 || $[32] !== t12) {
|
|
213
208
|
t13 = /*#__PURE__*/_jsxs("div", {
|
|
214
209
|
className: "flex justify-between gap-2 relative mb-2",
|
|
215
210
|
children: [t10, t12]
|
|
216
211
|
});
|
|
217
|
-
$[
|
|
218
|
-
$[
|
|
219
|
-
$[
|
|
212
|
+
$[31] = t10;
|
|
213
|
+
$[32] = t12;
|
|
214
|
+
$[33] = t13;
|
|
220
215
|
} else {
|
|
221
|
-
t13 = $[
|
|
216
|
+
t13 = $[33];
|
|
222
217
|
}
|
|
223
218
|
var t14;
|
|
224
|
-
if ($[
|
|
219
|
+
if ($[34] !== isCompareAbsolute || $[35] !== profileSourceA || $[36] !== profileSourceB || $[37] !== queryClient) {
|
|
225
220
|
t14 = /*#__PURE__*/_jsx("div", {
|
|
226
221
|
className: "grid grid-cols-1",
|
|
227
222
|
children: profileSourceA != null && profileSourceB != null ? /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, testId(TEST_IDS.COMPARE_PROFILE_VIEW)), {}, {
|
|
@@ -238,24 +233,24 @@ var ProfileExplorerCompare = function ProfileExplorerCompare(t0) {
|
|
|
238
233
|
})
|
|
239
234
|
})
|
|
240
235
|
});
|
|
241
|
-
$[
|
|
242
|
-
$[
|
|
243
|
-
$[
|
|
244
|
-
$[
|
|
245
|
-
$[
|
|
236
|
+
$[34] = isCompareAbsolute;
|
|
237
|
+
$[35] = profileSourceA;
|
|
238
|
+
$[36] = profileSourceB;
|
|
239
|
+
$[37] = queryClient;
|
|
240
|
+
$[38] = t14;
|
|
246
241
|
} else {
|
|
247
|
-
t14 = $[
|
|
242
|
+
t14 = $[38];
|
|
248
243
|
}
|
|
249
244
|
var t15;
|
|
250
|
-
if ($[
|
|
245
|
+
if ($[39] !== t13 || $[40] !== t14) {
|
|
251
246
|
t15 = /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, t8), {}, {
|
|
252
247
|
children: [t13, t14]
|
|
253
248
|
}));
|
|
254
|
-
$[
|
|
255
|
-
$[
|
|
256
|
-
$[
|
|
249
|
+
$[39] = t13;
|
|
250
|
+
$[40] = t14;
|
|
251
|
+
$[41] = t15;
|
|
257
252
|
} else {
|
|
258
|
-
t15 = $[
|
|
253
|
+
t15 = $[41];
|
|
259
254
|
}
|
|
260
255
|
return t15;
|
|
261
256
|
};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { QueryServiceClient } from '@parca/client';
|
|
2
|
-
import type { NavigateFunction } from '@parca/utilities';
|
|
3
2
|
interface ProfileExplorerSingleProps {
|
|
4
3
|
queryClient: QueryServiceClient;
|
|
5
|
-
navigateTo: NavigateFunction;
|
|
6
4
|
}
|
|
7
|
-
declare const ProfileExplorerSingle: ({ queryClient
|
|
5
|
+
declare const ProfileExplorerSingle: ({ queryClient }: ProfileExplorerSingleProps) => JSX.Element;
|
|
8
6
|
export default ProfileExplorerSingle;
|
|
9
7
|
//# sourceMappingURL=ProfileExplorerSingle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileExplorerSingle.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerSingle.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProfileExplorerSingle.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerSingle.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAMjD,UAAU,0BAA0B;IAClC,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED,QAAA,MAAM,qBAAqB,GAAI,iBAAe,0BAA0B,KAAG,GAAG,CAAC,OAkC9E,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -24,9 +24,8 @@ import ProfileSelector from '../ProfileSelector';
|
|
|
24
24
|
import { useQueryState } from '../hooks/useQueryState';
|
|
25
25
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
26
26
|
var ProfileExplorerSingle = function ProfileExplorerSingle(t0) {
|
|
27
|
-
var $ = _c(
|
|
28
|
-
var queryClient = t0.queryClient
|
|
29
|
-
navigateTo = t0.navigateTo;
|
|
27
|
+
var $ = _c(14);
|
|
28
|
+
var queryClient = t0.queryClient;
|
|
30
29
|
var _useState = useState(true),
|
|
31
30
|
_useState2 = _slicedToArray(_useState, 2),
|
|
32
31
|
showMetricsGraph = _useState2[0],
|
|
@@ -64,7 +63,7 @@ var ProfileExplorerSingle = function ProfileExplorerSingle(t0) {
|
|
|
64
63
|
}
|
|
65
64
|
var handleSwitchToFifteenMinutes = t2;
|
|
66
65
|
var t3;
|
|
67
|
-
if ($[4] !==
|
|
66
|
+
if ($[4] !== queryClient || $[5] !== showMetricsGraph) {
|
|
68
67
|
t3 = /*#__PURE__*/_jsx("div", {
|
|
69
68
|
className: "relative",
|
|
70
69
|
children: /*#__PURE__*/_jsx(ProfileSelector, {
|
|
@@ -72,43 +71,41 @@ var ProfileExplorerSingle = function ProfileExplorerSingle(t0) {
|
|
|
72
71
|
closeProfile: _temp,
|
|
73
72
|
comparing: false,
|
|
74
73
|
enforcedProfileName: "",
|
|
75
|
-
navigateTo: navigateTo,
|
|
76
74
|
suffix: "_a",
|
|
77
75
|
showMetricsGraph: showMetricsGraph,
|
|
78
76
|
setDisplayHideMetricsGraphButton: setShowMetricsGraph
|
|
79
77
|
})
|
|
80
78
|
});
|
|
81
|
-
$[4] =
|
|
82
|
-
$[5] =
|
|
83
|
-
$[6] =
|
|
84
|
-
$[7] = t3;
|
|
79
|
+
$[4] = queryClient;
|
|
80
|
+
$[5] = showMetricsGraph;
|
|
81
|
+
$[6] = t3;
|
|
85
82
|
} else {
|
|
86
|
-
t3 = $[
|
|
83
|
+
t3 = $[6];
|
|
87
84
|
}
|
|
88
85
|
var t4;
|
|
89
|
-
if ($[
|
|
86
|
+
if ($[7] !== handleSwitchToFifteenMinutes || $[8] !== profileSource || $[9] !== queryClient) {
|
|
90
87
|
t4 = profileSource != null && /*#__PURE__*/_jsx(ProfileViewWithData, {
|
|
91
88
|
queryClient: queryClient,
|
|
92
89
|
profileSource: profileSource,
|
|
93
90
|
onSwitchToFifteenMinutes: handleSwitchToFifteenMinutes
|
|
94
91
|
});
|
|
95
|
-
$[
|
|
96
|
-
$[
|
|
97
|
-
$[
|
|
98
|
-
$[
|
|
92
|
+
$[7] = handleSwitchToFifteenMinutes;
|
|
93
|
+
$[8] = profileSource;
|
|
94
|
+
$[9] = queryClient;
|
|
95
|
+
$[10] = t4;
|
|
99
96
|
} else {
|
|
100
|
-
t4 = $[
|
|
97
|
+
t4 = $[10];
|
|
101
98
|
}
|
|
102
99
|
var t5;
|
|
103
|
-
if ($[
|
|
100
|
+
if ($[11] !== t3 || $[12] !== t4) {
|
|
104
101
|
t5 = /*#__PURE__*/_jsxs(_Fragment, {
|
|
105
102
|
children: [t3, t4]
|
|
106
103
|
});
|
|
107
|
-
$[
|
|
108
|
-
$[
|
|
109
|
-
$[
|
|
104
|
+
$[11] = t3;
|
|
105
|
+
$[12] = t4;
|
|
106
|
+
$[13] = t5;
|
|
110
107
|
} else {
|
|
111
|
-
t5 = $[
|
|
108
|
+
t5 = $[13];
|
|
112
109
|
}
|
|
113
110
|
return t5;
|
|
114
111
|
};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { QueryServiceClient } from '@parca/client';
|
|
2
|
-
import { type NavigateFunction } from '@parca/utilities';
|
|
3
2
|
interface ProfileExplorerProps {
|
|
4
3
|
queryClient: QueryServiceClient;
|
|
5
|
-
navigateTo: NavigateFunction;
|
|
6
4
|
}
|
|
7
|
-
declare const ProfileExplorer: ({ queryClient
|
|
5
|
+
declare const ProfileExplorer: ({ queryClient }: ProfileExplorerProps) => JSX.Element;
|
|
8
6
|
export default ProfileExplorer;
|
|
9
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAUjD,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAuDD,QAAA,MAAM,eAAe,GAAI,iBAAe,oBAAoB,KAAG,GAAG,CAAC,OAclE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -43,9 +43,8 @@ var ErrorContent = function ErrorContent(t0) {
|
|
|
43
43
|
return t1;
|
|
44
44
|
};
|
|
45
45
|
var ProfileExplorerApp = function ProfileExplorerApp(t0) {
|
|
46
|
-
var $ = _c(
|
|
47
|
-
var queryClient = t0.queryClient
|
|
48
|
-
navigateTo = t0.navigateTo;
|
|
46
|
+
var $ = _c(18);
|
|
47
|
+
var queryClient = t0.queryClient;
|
|
49
48
|
var _useHasProfileData = useHasProfileData(queryClient),
|
|
50
49
|
hasProfileDataLoading = _useHasProfileData.loading,
|
|
51
50
|
hasProfileData = _useHasProfileData.data,
|
|
@@ -137,37 +136,32 @@ var ProfileExplorerApp = function ProfileExplorerApp(t0) {
|
|
|
137
136
|
}
|
|
138
137
|
if (isCompareMode) {
|
|
139
138
|
var _t5;
|
|
140
|
-
if ($[14] !==
|
|
139
|
+
if ($[14] !== queryClient) {
|
|
141
140
|
_t5 = /*#__PURE__*/_jsx(ProfileExplorerCompare, {
|
|
142
|
-
queryClient: queryClient
|
|
143
|
-
navigateTo: navigateTo
|
|
141
|
+
queryClient: queryClient
|
|
144
142
|
});
|
|
145
|
-
$[14] =
|
|
146
|
-
$[15] =
|
|
147
|
-
$[16] = _t5;
|
|
143
|
+
$[14] = queryClient;
|
|
144
|
+
$[15] = _t5;
|
|
148
145
|
} else {
|
|
149
|
-
_t5 = $[
|
|
146
|
+
_t5 = $[15];
|
|
150
147
|
}
|
|
151
148
|
return _t5;
|
|
152
149
|
}
|
|
153
150
|
var t3;
|
|
154
|
-
if ($[
|
|
151
|
+
if ($[16] !== queryClient) {
|
|
155
152
|
t3 = /*#__PURE__*/_jsx(ProfileExplorerSingle, {
|
|
156
|
-
queryClient: queryClient
|
|
157
|
-
navigateTo: navigateTo
|
|
153
|
+
queryClient: queryClient
|
|
158
154
|
});
|
|
159
|
-
$[
|
|
160
|
-
$[
|
|
161
|
-
$[19] = t3;
|
|
155
|
+
$[16] = queryClient;
|
|
156
|
+
$[17] = t3;
|
|
162
157
|
} else {
|
|
163
|
-
t3 = $[
|
|
158
|
+
t3 = $[17];
|
|
164
159
|
}
|
|
165
160
|
return t3;
|
|
166
161
|
};
|
|
167
162
|
var ProfileExplorer = function ProfileExplorer(t0) {
|
|
168
|
-
var $ = _c(
|
|
169
|
-
var queryClient = t0.queryClient
|
|
170
|
-
navigateTo = t0.navigateTo;
|
|
163
|
+
var $ = _c(7);
|
|
164
|
+
var queryClient = t0.queryClient;
|
|
171
165
|
var _useParcaContext2 = useParcaContext(),
|
|
172
166
|
additionalFlamegraphColorProfiles = _useParcaContext2.additionalFlamegraphColorProfiles;
|
|
173
167
|
var t1;
|
|
@@ -181,30 +175,28 @@ var ProfileExplorer = function ProfileExplorer(t0) {
|
|
|
181
175
|
var _t6 = t1,
|
|
182
176
|
reduxStore = _t6.store;
|
|
183
177
|
var t2;
|
|
184
|
-
if ($[2] !==
|
|
178
|
+
if ($[2] !== queryClient) {
|
|
185
179
|
t2 = /*#__PURE__*/_jsx(KeyDownProvider, {
|
|
186
180
|
children: /*#__PURE__*/_jsx(ProfileExplorerApp, {
|
|
187
|
-
queryClient: queryClient
|
|
188
|
-
navigateTo: navigateTo
|
|
181
|
+
queryClient: queryClient
|
|
189
182
|
})
|
|
190
183
|
});
|
|
191
|
-
$[2] =
|
|
192
|
-
$[3] =
|
|
193
|
-
$[4] = t2;
|
|
184
|
+
$[2] = queryClient;
|
|
185
|
+
$[3] = t2;
|
|
194
186
|
} else {
|
|
195
|
-
t2 = $[
|
|
187
|
+
t2 = $[3];
|
|
196
188
|
}
|
|
197
189
|
var t3;
|
|
198
|
-
if ($[
|
|
190
|
+
if ($[4] !== reduxStore || $[5] !== t2) {
|
|
199
191
|
t3 = /*#__PURE__*/_jsx(Provider, {
|
|
200
192
|
store: reduxStore,
|
|
201
193
|
children: t2
|
|
202
194
|
});
|
|
203
|
-
$[
|
|
204
|
-
$[
|
|
205
|
-
$[
|
|
195
|
+
$[4] = reduxStore;
|
|
196
|
+
$[5] = t2;
|
|
197
|
+
$[6] = t3;
|
|
206
198
|
} else {
|
|
207
|
-
t3 = $[
|
|
199
|
+
t3 = $[6];
|
|
208
200
|
}
|
|
209
201
|
return t3;
|
|
210
202
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MemoizedTooltip.d.ts","sourceRoot":"","sources":["../../../src/ProfileFlameGraph/FlameGraphArrow/MemoizedTooltip.tsx"],"names":[],"mappings":"AAaA,OAAO,
|
|
1
|
+
{"version":3,"file":"MemoizedTooltip.d.ts","sourceRoot":"","sources":["../../../src/ProfileFlameGraph/FlameGraphArrow/MemoizedTooltip.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,kDAyG1B,CAAC"}
|