@parca/profile 0.16.144 → 0.16.145
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
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.16.145](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.144...@parca/profile@0.16.145) (2023-03-21)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @parca/profile
|
|
9
|
+
|
|
6
10
|
## [0.16.144](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.143...@parca/profile@0.16.144) (2023-03-21)
|
|
7
11
|
|
|
8
12
|
# 0.16.0 (2023-03-01)
|
|
@@ -55,10 +55,9 @@ var ProfileIcicleGraph = function (_a) {
|
|
|
55
55
|
numberFormatter.format(trimmed),
|
|
56
56
|
numberFormatter.format((trimmed * BigInt(100)) / rawTotalDivisor),
|
|
57
57
|
filtered > 0,
|
|
58
|
-
numberFormatter.format(
|
|
59
|
-
numberFormatter.format((filtered * BigInt(100)) / rawTotalDivisor),
|
|
58
|
+
numberFormatter.format((total * BigInt(100)) / rawTotalDivisor),
|
|
60
59
|
];
|
|
61
|
-
}, [filtered, graph, total]), totalFormatted = _c[0], rawFormatted = _c[1], isTrimmed = _c[2], trimmedFormatted = _c[3], trimmedPercentage = _c[4], isFiltered = _c[5],
|
|
60
|
+
}, [filtered, graph, total]), totalFormatted = _c[0], rawFormatted = _c[1], isTrimmed = _c[2], trimmedFormatted = _c[3], trimmedPercentage = _c[4], isFiltered = _c[5], filteredPercentage = _c[6];
|
|
62
61
|
useEffect(function () {
|
|
63
62
|
if (setActionButtons === undefined) {
|
|
64
63
|
return;
|
|
@@ -69,6 +68,9 @@ var ProfileIcicleGraph = function (_a) {
|
|
|
69
68
|
return _jsx("div", { children: "no data..." });
|
|
70
69
|
if (total === BigInt(0) && !loading)
|
|
71
70
|
return _jsx(_Fragment, { children: "Profile has no samples" });
|
|
72
|
-
|
|
71
|
+
if (isTrimmed) {
|
|
72
|
+
console.info("Trimmed ".concat(trimmedFormatted, " (").concat(trimmedPercentage, "%) too small values."));
|
|
73
|
+
}
|
|
74
|
+
return (_jsxs("div", __assign({ className: "relative" }, { children: [compareMode && _jsx(DiffLegend, {}), _jsx("div", __assign({ ref: ref }, { children: _jsx(IcicleGraph, { width: dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, graph: graph, curPath: curPath, setCurPath: setNewCurPath, sampleUnit: sampleUnit, navigateTo: navigateTo }) })), _jsxs("p", __assign({ className: "my-2 text-xs" }, { children: ["Showing ", totalFormatted, ' ', isFiltered ? (_jsxs("span", { children: ["(", filteredPercentage, "%) filtered of ", rawFormatted, ' '] })) : (_jsx(_Fragment, {})), "values.", ' '] }))] })));
|
|
73
75
|
};
|
|
74
76
|
export default ProfileIcicleGraph;
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@parca/profile",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.145",
|
|
4
4
|
"description": "Profile viewing libraries",
|
|
5
5
|
"dependencies": {
|
|
6
|
-
"@parca/client": "^0.16.
|
|
7
|
-
"@parca/components": "^0.16.
|
|
6
|
+
"@parca/client": "^0.16.69",
|
|
7
|
+
"@parca/components": "^0.16.119",
|
|
8
8
|
"@parca/dynamicsize": "^0.16.54",
|
|
9
|
-
"@parca/functions": "^0.16.
|
|
10
|
-
"@parca/hooks": "^0.0.
|
|
9
|
+
"@parca/functions": "^0.16.70",
|
|
10
|
+
"@parca/hooks": "^0.0.3",
|
|
11
11
|
"@parca/parser": "^0.16.55",
|
|
12
|
-
"@parca/store": "^0.16.
|
|
13
|
-
"@parca/utilities": "^0.0.
|
|
12
|
+
"@parca/store": "^0.16.69",
|
|
13
|
+
"@parca/utilities": "^0.0.3",
|
|
14
14
|
"@types/react-beautiful-dnd": "^13.1.3",
|
|
15
15
|
"d3": "7.8.2",
|
|
16
16
|
"d3-scale": "^4.0.2",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"access": "public",
|
|
48
48
|
"registry": "https://registry.npmjs.org/"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "472dedb7be9a8b5eaee182d4fe42bf0ab2cb03d0"
|
|
51
51
|
}
|
|
@@ -69,7 +69,6 @@ const ProfileIcicleGraph = ({
|
|
|
69
69
|
trimmedFormatted,
|
|
70
70
|
trimmedPercentage,
|
|
71
71
|
isFiltered,
|
|
72
|
-
filteredFormatted,
|
|
73
72
|
filteredPercentage,
|
|
74
73
|
] = useMemo(() => {
|
|
75
74
|
if (graph === undefined) {
|
|
@@ -90,8 +89,7 @@ const ProfileIcicleGraph = ({
|
|
|
90
89
|
numberFormatter.format(trimmed),
|
|
91
90
|
numberFormatter.format((trimmed * BigInt(100)) / rawTotalDivisor),
|
|
92
91
|
filtered > 0,
|
|
93
|
-
numberFormatter.format(
|
|
94
|
-
numberFormatter.format((filtered * BigInt(100)) / rawTotalDivisor),
|
|
92
|
+
numberFormatter.format((total * BigInt(100)) / rawTotalDivisor),
|
|
95
93
|
];
|
|
96
94
|
}, [filtered, graph, total]);
|
|
97
95
|
|
|
@@ -118,6 +116,10 @@ const ProfileIcicleGraph = ({
|
|
|
118
116
|
|
|
119
117
|
if (total === BigInt(0) && !loading) return <>Profile has no samples</>;
|
|
120
118
|
|
|
119
|
+
if (isTrimmed) {
|
|
120
|
+
console.info(`Trimmed ${trimmedFormatted} (${trimmedPercentage}%) too small values.`);
|
|
121
|
+
}
|
|
122
|
+
|
|
121
123
|
return (
|
|
122
124
|
<div className="relative">
|
|
123
125
|
{compareMode && <DiffLegend />}
|
|
@@ -132,22 +134,15 @@ const ProfileIcicleGraph = ({
|
|
|
132
134
|
/>
|
|
133
135
|
</div>
|
|
134
136
|
<p className="my-2 text-xs">
|
|
135
|
-
Showing {totalFormatted}
|
|
136
|
-
samples.{' '}
|
|
137
|
+
Showing {totalFormatted}{' '}
|
|
137
138
|
{isFiltered ? (
|
|
138
139
|
<span>
|
|
139
|
-
|
|
140
|
-
</span>
|
|
141
|
-
) : (
|
|
142
|
-
<></>
|
|
143
|
-
)}
|
|
144
|
-
{isTrimmed ? (
|
|
145
|
-
<span>
|
|
146
|
-
Trimmed {trimmedFormatted} ({trimmedPercentage}%) too small samples.
|
|
140
|
+
({filteredPercentage}%) filtered of {rawFormatted}{' '}
|
|
147
141
|
</span>
|
|
148
142
|
) : (
|
|
149
143
|
<></>
|
|
150
144
|
)}
|
|
145
|
+
values.{' '}
|
|
151
146
|
</p>
|
|
152
147
|
</div>
|
|
153
148
|
);
|