@parca/profile 0.9.2 → 0.10.2

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.10.2](https://github.com/parca-dev/parca/compare/ui-v0.10.1...ui-v0.10.2) (2022-03-01)
+
+**Note:** Version bump only for package @parca/profile
+
+# [0.10.0](https://github.com/parca-dev/parca/compare/ui-v0.9.3...ui-v0.10.0) (2022-02-28)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.9.3](https://github.com/parca-dev/parca/compare/ui-v0.8.0...ui-v0.9.3) (2022-02-23)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.9.2](https://github.com/parca-dev/parca/compare/ui-v0.9.1...ui-v0.9.2) (2022-02-22)
 
 **Note:** Version bump only for package @parca/profile

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@parca/profile",
-  "version": "0.9.2",
+  "version": "0.10.2",
   "description": "Profile viewing libraries",
   "dependencies": {
-    "@parca/client": "^0.9.1",
-    "@parca/dynamicsize": "^0.9.0",
-    "@parca/parser": "^0.9.0",
+    "@parca/client": "^0.10.0",
+    "@parca/dynamicsize": "^0.10.0",
+    "@parca/parser": "^0.10.0",
     "d3-scale": "^4.0.2"
   },
   "main": "src/index.tsx",
@@ -19,5 +19,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "544d4819ace2db4570e2780876108636860ff0d2"
+  "gitHead": "0a4440a8d15256d3e1ce6868bd58ca08c39a652b"
 }

package/src/TopTable.tsx

@@ -1,7 +1,13 @@
 import React, {useEffect, useState} from 'react';
 
 import {ProfileSource} from './ProfileSource';
-import {QueryRequest, QueryResponse, QueryServiceClient, ServiceError} from '@parca/client';
+import {
+  QueryRequest,
+  QueryResponse,
+  QueryServiceClient,
+  ServiceError,
+  TopNodeMeta,
+} from '@parca/client';
 import * as parca_query_v1alpha1_query_pb from '@parca/client/src/parca/query/v1alpha1/query_pb';
 import {getLastItem, valueFormatter} from '@parca/functions';
 
@@ -106,6 +112,26 @@ export const useQuery = (
   return result;
 };
 
+export const RowLabel = (meta: TopNodeMeta.AsObject | undefined): string => {
+  if (meta === undefined) return '<unknown>';
+  const mapping = `${
+    meta?.mapping?.file !== undefined && meta?.mapping?.file !== ''
+      ? `[${getLastItem(meta.mapping.file)}]`
+      : ''
+  }`;
+  if (meta.pb_function?.name !== undefined && meta.pb_function?.name !== '')
+    return `${mapping} ${meta.pb_function.name}`;
+
+  const address = `${
+    meta.location?.address !== undefined && meta.location?.address !== 0
+      ? `0x${meta.location.address.toString(16)}`
+      : ''
+  }`;
+  const fallback = `${mapping} ${address}`;
+
+  return fallback === '' ? '<unknown>' : fallback;
+};
+
 export const TopTable = ({queryClient, profileSource}: ProfileViewProps): JSX.Element => {
   const {response, error} = useQuery(queryClient, profileSource);
   const {items, requestSort, sortConfig} = useSortableData(response);
@@ -167,8 +193,7 @@ export const TopTable = ({queryClient, profileSource}: ProfileViewProps): JSX.El
             {items?.map((report, index) => (
               <tr key={index} className="hover:bg-[#62626212] dark:hover:bg-[#ffffff12]">
                 <td className="text-xs py-1.5 pl-2 min-w-[150px] max-w-[450px]">
-                  {report.meta?.mapping?.file !== '' && [getLastItem(report.meta?.mapping?.file)]}{' '}
-                  {report.meta?.pb_function?.name}
+                  {RowLabel(report.meta)}
                 </td>
                 <td className="text-xs min-w-[150px] max-w-[150px] py-1.5text-right">
                   {valueFormatter(report.flat, unit, 2)}