@parca/profile 0.16.350 → 0.16.351

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.16.351](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.350...@parca/profile@0.16.351) (2024-02-28)
+
+**Note:** Version bump only for package @parca/profile
+
 ## 0.16.350 (2024-02-28)
 
 # 0.21.0 (2024-02-27)

package/dist/SourceView/Highlighter.js

@@ -18,6 +18,7 @@ import SyntaxHighlighter, { createElement } from 'react-syntax-highlighter';
 import { atomOneDark, atomOneLight } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 import { Tooltip } from 'react-tooltip';
 import { useParcaContext } from '@parca/components';
+import { valueFormatter } from '@parca/utilities';
 import { useProfileViewContext } from '../ProfileView/ProfileViewContext';
 import { LineNo } from './LineNo';
 import { langaugeFromFile } from './lang-detector';
@@ -49,9 +50,8 @@ const LineProfileMetadata = ({ value, total, filtered, }) => {
     }
     const unfilteredPercent = (Number(value) / Number(total + filtered)) * 100;
     const filteredPercent = (Number(value) / Number(total)) * 100;
-    const valueString = value.toString();
-    const valueWithUnit = `${valueString}${sampleUnit}`;
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: cx('w- flex justify-end overflow-hidden text-ellipsis whitespace-nowrap', commonClasses), style: { backgroundColor: `rgba(236, 151, 6, ${intensityScale(unfilteredPercent)})` }, "data-tooltip-id": id, "data-tooltip-content": `${valueWithUnit} (${unfilteredPercent.toFixed(2)}%${filtered > 0n ? ` / ${filteredPercent.toFixed(2)}%` : ''})`, children: valueString }), _jsx(Tooltip, { id: id })] }));
+    const valueWithUnit = valueFormatter(value, sampleUnit, 1, true);
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: cx('w- flex justify-end overflow-hidden text-ellipsis whitespace-nowrap', commonClasses), style: { backgroundColor: `rgba(236, 151, 6, ${intensityScale(unfilteredPercent)})` }, "data-tooltip-id": id, "data-tooltip-content": `${valueWithUnit} (${unfilteredPercent.toFixed(2)}%${filtered > 0n ? ` / ${filteredPercent.toFixed(2)}%` : ''})`, children: valueWithUnit }), _jsx(Tooltip, { id: id })] }));
 };
 const charsToWidth = (chars) => {
     return charsToWidthMap[chars];

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.350",
+  "version": "0.16.351",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.106",
-    "@parca/components": "^0.16.258",
+    "@parca/components": "^0.16.259",
     "@parca/dynamicsize": "^0.16.61",
     "@parca/hooks": "^0.0.44",
     "@parca/parser": "^0.16.69",
-    "@parca/store": "^0.16.132",
-    "@parca/utilities": "^0.0.60",
+    "@parca/store": "^0.16.133",
+    "@parca/utilities": "^0.0.61",
     "@tanstack/react-query": "^4.0.5",
     "@types/react-beautiful-dnd": "^13.1.8",
     "apache-arrow": "^12.0.0",
@@ -50,5 +50,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "4ca1395ad920b41cf74465ab5679796f98a6f930"
+  "gitHead": "f92df4afcaf89ccbf154cb3df4f9272b12b98622"
 }

package/src/SourceView/Highlighter.tsx

@@ -21,6 +21,7 @@ import {atomOneDark, atomOneLight} from 'react-syntax-highlighter/dist/esm/style
 import {Tooltip} from 'react-tooltip';
 
 import {useParcaContext} from '@parca/components';
+import {valueFormatter} from '@parca/utilities';
 
 import {useProfileViewContext} from '../ProfileView/ProfileViewContext';
 import {LineNo} from './LineNo';
@@ -80,8 +81,7 @@ const LineProfileMetadata = ({
   const unfilteredPercent = (Number(value) / Number(total + filtered)) * 100;
   const filteredPercent = (Number(value) / Number(total)) * 100;
 
-  const valueString = value.toString();
-  const valueWithUnit = `${valueString}${sampleUnit}`;
+  const valueWithUnit = valueFormatter(value, sampleUnit, 1, true);
 
   return (
     <>
@@ -96,7 +96,7 @@ const LineProfileMetadata = ({
           filtered > 0n ? ` / ${filteredPercent.toFixed(2)}%` : ''
         })`}
       >
-        {valueString}
+        {valueWithUnit}
       </p>
       <Tooltip id={id} />
     </>