@parca/profile 0.13.6 → 0.13.8

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.13.8](https://github.com/parca-dev/parca/compare/ui-v0.13.7...ui-v0.13.8) (2022-06-21)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.13.6](https://github.com/parca-dev/parca/compare/ui-v0.13.5...ui-v0.13.6) (2022-06-14)
 
 **Note:** Version bump only for package @parca/profile

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.13.6",
+  "version": "0.13.8",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.13.6",
@@ -19,5 +19,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "4d3b64d06db8d342cd858dd6c7e244279d33fa77"
+  "gitHead": "bcf2171c4374f29211901526ea1db51aff843d24"
 }

package/src/IcicleGraph.tsx

@@ -7,6 +7,8 @@ import {FlamegraphTooltip} from '@parca/components';
 import {getLastItem, diffColor, isSearchMatch, SEARCH_STRING_COLOR} from '@parca/functions';
 import {useAppSelector, selectDarkMode, selectSearchNodeString} from '@parca/store';
 
+import {hexifyAddress} from './utils';
+
 interface IcicleGraphProps {
   graph: Flamegraph;
   sampleUnit: string;
@@ -120,11 +122,7 @@ export function nodeLabel(node: FlamegraphNode): string {
   if (node.meta.function?.name !== undefined && node.meta.function?.name !== '')
     return mapping + node.meta.function.name;
 
-  const address = `${
-    node.meta.location?.address !== undefined && node.meta.location?.address !== 0
-      ? '0x' + node.meta.location.address.toString(16)
-      : ''
-  }`;
+  const address = hexifyAddress(node.meta.location?.address);
   const fallback = `${mapping}${address}`;
 
   return fallback === '' ? '<unknown>' : fallback;

package/src/TopTable.tsx

@@ -9,6 +9,8 @@ import {
 } from '@parca/client';
 import {ProfileSource} from './ProfileSource';
 import {useQuery} from './useQuery';
+import {hexifyAddress} from './utils';
+
 import './TopTable.styles.css';
 
 interface ProfileViewProps {
@@ -90,11 +92,8 @@ export const RowLabel = (meta: TopNodeMeta | undefined): string => {
   if (meta.function?.name !== undefined && meta.function?.name !== '')
     return `${mapping} ${meta.function.name}`;
 
-  const addr = parseInt(meta.location?.address ?? '0', 10);
-  const address = `${
-    meta.location?.address !== undefined && addr !== 0 ? `0x${addr.toString(16)}` : ''
-  }`;
-  const fallback = `${mapping} ${address}`;
+  const address = hexifyAddress(meta.location?.address);
+  const fallback = `${mapping} ${address as string}`;
 
   return fallback === '' ? '<unknown>' : fallback;
 };

package/src/index.tsx

@@ -2,3 +2,4 @@ export * from './IcicleGraph';
 export * from './ProfileIcicleGraph';
 export * from './ProfileSource';
 export * from './ProfileView';
+export * from './utils';

package/src/utils.ts

@@ -0,0 +1,6 @@
+export const hexifyAddress = (address?: string): string => {
+  if (address == null) {
+    return '';
+  }
+  return `0x${parseInt(address, 10).toString(16)}`;
+};