@parca/profile 0.16.155 → 0.16.156

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.16.156 (2023-03-29)
+
+# 0.17.0 (2023-03-29)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.155](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.154...@parca/profile@0.16.155) (2023-03-28)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileView/index.d.ts

@@ -15,14 +15,20 @@ export interface FlamegraphData {
 export interface TopTableData {
     loading: boolean;
     data?: Top;
+    total?: bigint;
+    filtered?: bigint;
     error?: any;
 }
 interface CallgraphData {
     loading: boolean;
     data?: CallgraphType;
+    total?: bigint;
+    filtered?: bigint;
     error?: any;
 }
 export interface ProfileViewProps {
+    total: bigint;
+    filtered: bigint;
     flamegraphData?: FlamegraphData;
     topTableData?: TopTableData;
     callgraphData?: CallgraphData;
@@ -34,5 +40,5 @@ export interface ProfileViewProps {
     onDownloadPProf: () => void;
     onFlamegraphContainerResize?: ResizeHandler;
 }
-export declare const ProfileView: ({ flamegraphData, topTableData, callgraphData, sampleUnit, profileSource, queryClient, navigateTo, onDownloadPProf, onFlamegraphContainerResize, }: ProfileViewProps) => JSX.Element;
+export declare const ProfileView: ({ total, filtered, flamegraphData, topTableData, callgraphData, sampleUnit, profileSource, queryClient, navigateTo, onDownloadPProf, onFlamegraphContainerResize, }: ProfileViewProps) => JSX.Element;
 export {};

package/dist/ProfileView/index.js

@@ -93,7 +93,7 @@ function arrayEquals(a, b) {
         a.every(function (val, index) { return val === b[index]; }));
 }
 export var ProfileView = function (_a) {
-    var flamegraphData = _a.flamegraphData, topTableData = _a.topTableData, callgraphData = _a.callgraphData, sampleUnit = _a.sampleUnit, profileSource = _a.profileSource, queryClient = _a.queryClient, navigateTo = _a.navigateTo, onDownloadPProf = _a.onDownloadPProf, onFlamegraphContainerResize = _a.onFlamegraphContainerResize;
+    var total = _a.total, filtered = _a.filtered, flamegraphData = _a.flamegraphData, topTableData = _a.topTableData, callgraphData = _a.callgraphData, sampleUnit = _a.sampleUnit, profileSource = _a.profileSource, queryClient = _a.queryClient, navigateTo = _a.navigateTo, onDownloadPProf = _a.onDownloadPProf, onFlamegraphContainerResize = _a.onFlamegraphContainerResize;
     var _b = useContainerDimensions(), ref = _b.ref, dimensions = _b.dimensions;
     var _c = useState([]), curPath = _c[0], setCurPath = _c[1];
     var _d = useURLState({
@@ -202,14 +202,13 @@ export var ProfileView = function (_a) {
         }
     };
     var getDashboardItemByType = function (_a) {
-        var _b, _c;
         var type = _a.type, isHalfScreen = _a.isHalfScreen, setActionButtons = _a.setActionButtons;
         switch (type) {
             case 'icicle': {
                 return (flamegraphData === null || flamegraphData === void 0 ? void 0 : flamegraphData.data) != null ? (_jsx(ConditionalWrapper, __assign({ condition: (perf === null || perf === void 0 ? void 0 : perf.onRender) != null, WrapperComponent: Profiler, wrapperProps: {
                         id: 'icicleGraph',
                         onRender: perf === null || perf === void 0 ? void 0 : perf.onRender,
-                    } }, { children: _jsx(ProfileIcicleGraph, { curPath: curPath, setNewCurPath: setNewCurPath, graph: flamegraphData.data, total: (_b = Number(flamegraphData.total)) !== null && _b !== void 0 ? _b : 0, filtered: (_c = Number(flamegraphData === null || flamegraphData === void 0 ? void 0 : flamegraphData.filtered)) !== null && _c !== void 0 ? _c : 0, sampleUnit: sampleUnit, onContainerResize: onFlamegraphContainerResize, navigateTo: navigateTo, loading: flamegraphData.loading, setActionButtons: setActionButtons }) }))) : (_jsx(_Fragment, { children: " " }));
+                    } }, { children: _jsx(ProfileIcicleGraph, { curPath: curPath, setNewCurPath: setNewCurPath, graph: flamegraphData.data, total: Number(total), filtered: Number(filtered), sampleUnit: sampleUnit, onContainerResize: onFlamegraphContainerResize, navigateTo: navigateTo, loading: flamegraphData.loading, setActionButtons: setActionButtons }) }))) : (_jsx(_Fragment, { children: " " }));
             }
             case 'callgraph': {
                 return (callgraphData === null || callgraphData === void 0 ? void 0 : callgraphData.data) !== undefined &&

package/dist/ProfileViewWithData.js

@@ -133,7 +133,23 @@ export var ProfileViewWithData = function (_a) {
             }
         });
     }); };
-    return (_jsx(ProfileView, { flamegraphData: {
+    // TODO: Refactor how we get responses such that we have a single response,
+    //  regardless of the report type.
+    var total = BigInt(0);
+    var filtered = BigInt(0);
+    if (flamegraphResponse !== null) {
+        total = BigInt(flamegraphResponse.total);
+        filtered = BigInt(flamegraphResponse.filtered);
+    }
+    else if (topTableResponse !== null) {
+        total = BigInt(topTableResponse.total);
+        filtered = BigInt(topTableResponse.filtered);
+    }
+    else if (callgraphResponse !== null) {
+        total = BigInt(callgraphResponse.total);
+        filtered = BigInt(callgraphResponse.filtered);
+    }
+    return (_jsx(ProfileView, { total: total, filtered: filtered, flamegraphData: {
             loading: flamegraphLoading,
             data: (flamegraphResponse === null || flamegraphResponse === void 0 ? void 0 : flamegraphResponse.report.oneofKind) === 'flamegraph'
                 ? (_b = flamegraphResponse === null || flamegraphResponse === void 0 ? void 0 : flamegraphResponse.report) === null || _b === void 0 ? void 0 : _b.flamegraph

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.155",
+  "version": "0.16.156",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.70",
@@ -46,5 +46,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "faeaf9b3126c2de1a982740d711eaf0162557d9a"
+  "gitHead": "d02246e4dc7e363e8921336fc3e49a64de0f6336"
 }

package/src/ProfileView/index.tsx

@@ -61,16 +61,22 @@ export interface FlamegraphData {
 export interface TopTableData {
   loading: boolean;
   data?: Top;
+  total?: bigint;
+  filtered?: bigint;
   error?: any;
 }
 
 interface CallgraphData {
   loading: boolean;
   data?: CallgraphType;
+  total?: bigint;
+  filtered?: bigint;
   error?: any;
 }
 
 export interface ProfileViewProps {
+  total: bigint;
+  filtered: bigint;
   flamegraphData?: FlamegraphData;
   topTableData?: TopTableData;
   callgraphData?: CallgraphData;
@@ -93,6 +99,8 @@ function arrayEquals<T>(a: T[], b: T[]): boolean {
 }
 
 export const ProfileView = ({
+  total,
+  filtered,
   flamegraphData,
   topTableData,
   callgraphData,
@@ -235,8 +243,8 @@ export const ProfileView = ({
               curPath={curPath}
               setNewCurPath={setNewCurPath}
               graph={flamegraphData.data}
-              total={Number(flamegraphData.total) ?? 0}
-              filtered={Number(flamegraphData?.filtered) ?? 0}
+              total={Number(total)}
+              filtered={Number(filtered)}
               sampleUnit={sampleUnit}
               onContainerResize={onFlamegraphContainerResize}
               navigateTo={navigateTo}

package/src/ProfileViewWithData.tsx

@@ -120,8 +120,25 @@ export const ProfileViewWithData = ({
     }
   };
 
+  // TODO: Refactor how we get responses such that we have a single response,
+  //  regardless of the report type.
+  let total = BigInt(0);
+  let filtered = BigInt(0);
+  if (flamegraphResponse !== null) {
+    total = BigInt(flamegraphResponse.total);
+    filtered = BigInt(flamegraphResponse.filtered);
+  } else if (topTableResponse !== null) {
+    total = BigInt(topTableResponse.total);
+    filtered = BigInt(topTableResponse.filtered);
+  } else if (callgraphResponse !== null) {
+    total = BigInt(callgraphResponse.total);
+    filtered = BigInt(callgraphResponse.filtered);
+  }
+
   return (
     <ProfileView
+      total={total}
+      filtered={filtered}
       flamegraphData={{
         loading: flamegraphLoading,
         data: