@parca/profile 0.16.378 → 0.16.380

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.16.380](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.379...@parca/profile@0.16.380) (2024-06-04)
+
+**Note:** Version bump only for package @parca/profile
+
+## 0.16.379 (2024-06-03)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.378](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.377...@parca/profile@0.16.378) (2024-05-31)
 
 **Note:** Version bump only for package @parca/profile

package/dist/GraphTooltipArrow/Content.js

@@ -20,18 +20,18 @@ const GraphTooltipArrowContent = ({ table, profileType, total, totalUnfiltered,
     if (graphTooltipData === null) {
         return _jsx(_Fragment, {});
     }
-    const { name, locationAddress, cumulativeText, cumulativePerSecondText, diffText, diff, row: rowNumber, } = graphTooltipData;
+    const { name, locationAddress, cumulativeText, cumulativePerSecondText, flatText, flatPerSecondText, diffText, diff, row: rowNumber, } = graphTooltipData;
     return (_jsx("div", { className: `flex text-sm ${isFixed ? 'w-full' : ''}`, children: _jsx("div", { className: `m-auto w-full ${isFixed ? 'w-full' : ''}`, children: _jsxs("div", { className: "min-h-52 flex w-[500px] flex-col justify-between rounded-lg border border-gray-300 bg-gray-50 p-3 shadow-lg dark:border-gray-500 dark:bg-gray-900", children: [_jsx("div", { className: "flex flex-row", children: _jsxs("div", { className: "mx-2", children: [_jsx("div", { className: "flex h-10 items-start justify-between gap-4 break-all font-semibold", children: row === 0 ? (_jsx("p", { children: "root" })) : (_jsx("p", { children: name !== ''
                                             ? name
                                             : locationAddress !== 0n
                                                 ? hexifyAddress(locationAddress)
-                                                : 'unknown' })) }), _jsx("table", { className: "my-2 w-full table-fixed pr-0 text-gray-700 dark:text-gray-300", children: _jsxs("tbody", { children: [(profileType?.delta ?? false) ? (_jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Per Second" }), _jsx("td", { className: "w-3/4", children: _jsx("div", { children: cumulativePerSecondText }) })] })) : (_jsx(_Fragment, {})), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Cumulative" }), _jsx("td", { className: "w-3/4", children: _jsx("div", { children: cumulativeText }) })] }), diff !== 0n && (_jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Diff" }), _jsx("td", { className: "w-3/4", children: _jsx("div", { children: diffText }) })] })), _jsx(TooltipMetaInfo, { table: table, row: rowNumber, navigateTo: navigateTo })] }) })] }) }), _jsxs("div", { className: "flex w-full items-center gap-1 text-xs text-gray-500", children: [_jsx(Icon, { icon: "iconoir:mouse-button-right" }), _jsx("div", { children: "Right click to show context menu" })] })] }) }) }));
+                                                : 'unknown' })) }), _jsx("table", { className: "my-2 w-full table-fixed pr-0 text-gray-700 dark:text-gray-300", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Cumulative" }), _jsx("td", { className: "w-3/4", children: _jsx("div", { children: cumulativeText }) })] }), (profileType?.delta ?? false) ? (_jsxs("tr", { children: [_jsx("td", { className: "w-1/4" }), _jsx("td", { className: "w-3/4", children: _jsx("div", { children: cumulativePerSecondText }) })] })) : (_jsx(_Fragment, {})), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4 pt-2", children: "Flat" }), _jsx("td", { className: "w-3/4 pt-2", children: _jsx("div", { children: flatText }) })] }), (profileType?.delta ?? false) ? (_jsxs("tr", { children: [_jsx("td", { className: "w-1/4" }), _jsx("td", { className: "w-3/4", children: _jsx("div", { children: flatPerSecondText }) })] })) : (_jsx(_Fragment, {})), diff !== 0n && (_jsxs("tr", { children: [_jsx("td", { className: "w-1/4 pt-2", children: "Diff" }), _jsx("td", { className: "w-3/4 pt-2", children: _jsx("div", { children: diffText }) })] })), _jsx(TooltipMetaInfo, { table: table, row: rowNumber, navigateTo: navigateTo })] }) })] }) }), _jsxs("div", { className: "flex w-full items-center gap-1 text-xs text-gray-500", children: [_jsx(Icon, { icon: "iconoir:mouse-button-right" }), _jsx("div", { children: "Right click to show context menu" })] })] }) }) }));
 };
 const TooltipMetaInfo = ({ table, row, navigateTo, }) => {
     const { labelPairs, functionFilename, file, locationAddress, mappingFile, mappingBuildID, inlined, } = useGraphTooltipMetaInfo({ table, row, navigateTo });
     const labels = labelPairs.map((l) => (_jsx("span", { className: "mr-3 inline-block rounded-lg bg-gray-200 px-2 py-1 text-xs font-bold text-gray-700 dark:bg-gray-700 dark:text-gray-400", children: `${l[0]}="${l[1]}"` }, l[0])));
     const isMappingBuildIDAvailable = mappingBuildID !== null && mappingBuildID !== '';
     const inlinedText = inlined === null ? 'merged' : inlined ? 'yes' : 'no';
-    return (_jsxs(_Fragment, { children: [_jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "File" }), _jsx("td", { className: "w-3/4 break-all", children: functionFilename === '' ? (_jsx(NoData, {})) : (_jsx("div", { className: "flex gap-4", children: _jsx("div", { className: "whitespace-nowrap text-left", children: _jsx(ExpandOnHover, { value: file, displayValue: truncateStringReverse(file, 30) }) }) })) })] }), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Address" }), _jsx("td", { className: "w-3/4 break-all", children: locationAddress === 0n ? _jsx(NoData, {}) : _jsx("div", { children: hexifyAddress(locationAddress) }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Inlined" }), _jsx("td", { className: "w-3/4 break-all", children: inlinedText })] }), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Binary" }), _jsx("td", { className: "w-3/4 break-all", children: (mappingFile != null ? getLastItem(mappingFile) : null) ?? _jsx(NoData, {}) })] }), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Build Id" }), _jsx("td", { className: "w-3/4 break-all", children: isMappingBuildIDAvailable ? _jsx("div", { children: truncateString(mappingBuildID, 28) }) : _jsx(NoData, {}) })] }), labelPairs.length > 0 && (_jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Labels" }), _jsx("td", { className: "w-3/4 break-all", children: labels })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("tr", { children: [_jsx("td", { className: "w-1/4 pt-2", children: "File" }), _jsx("td", { className: "w-3/4 pt-2 break-all", children: functionFilename === '' ? (_jsx(NoData, {})) : (_jsx("div", { className: "flex gap-4", children: _jsx("div", { className: "whitespace-nowrap text-left", children: _jsx(ExpandOnHover, { value: file, displayValue: truncateStringReverse(file, 30) }) }) })) })] }), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Address" }), _jsx("td", { className: "w-3/4 break-all", children: locationAddress === 0n ? _jsx(NoData, {}) : _jsx("div", { children: hexifyAddress(locationAddress) }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Inlined" }), _jsx("td", { className: "w-3/4 break-all", children: inlinedText })] }), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Binary" }), _jsx("td", { className: "w-3/4 break-all", children: (mappingFile != null ? getLastItem(mappingFile) : null) ?? _jsx(NoData, {}) })] }), _jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Build Id" }), _jsx("td", { className: "w-3/4 break-all", children: isMappingBuildIDAvailable ? _jsx("div", { children: truncateString(mappingBuildID, 28) }) : _jsx(NoData, {}) })] }), labelPairs.length > 0 && (_jsxs("tr", { children: [_jsx("td", { className: "w-1/4", children: "Labels" }), _jsx("td", { className: "w-3/4 break-all", children: labels })] }))] }));
 };
 export default GraphTooltipArrowContent;

package/dist/GraphTooltipArrow/useGraphTooltip/index.d.ts

@@ -13,6 +13,8 @@ interface GraphTooltipData {
     locationAddress: bigint;
     cumulativeText: string;
     cumulativePerSecondText: string;
+    flatText: string;
+    flatPerSecondText: string;
     diffText: string;
     diff: bigint;
     row: number;

package/dist/GraphTooltipArrow/useGraphTooltip/index.js

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { divide, valueFormatter } from '@parca/utilities';
-import { FIELD_CUMULATIVE, FIELD_CUMULATIVE_PER_SECOND, FIELD_DIFF, FIELD_DIFF_PER_SECOND, FIELD_LOCATION_ADDRESS, } from '../../ProfileIcicleGraph/IcicleGraphArrow';
+import { FIELD_CUMULATIVE, FIELD_CUMULATIVE_PER_SECOND, FIELD_DIFF, FIELD_DIFF_PER_SECOND, FIELD_FLAT, FIELD_FLAT_PER_SECOND, FIELD_LOCATION_ADDRESS, } from '../../ProfileIcicleGraph/IcicleGraphArrow';
 import { getTextForCumulative, getTextForCumulativePerSecond, nodeLabel, } from '../../ProfileIcicleGraph/IcicleGraphArrow/utils';
 export const useGraphTooltip = ({ table, profileType, total, totalUnfiltered, row, level, }) => {
     if (row === null || profileType === undefined) {
@@ -24,6 +24,12 @@ export const useGraphTooltip = ({ table, profileType, total, totalUnfiltered, ro
     const cumulativePerSecond = table.getChild(FIELD_CUMULATIVE_PER_SECOND)?.get(row) !== null
         ? table.getChild(FIELD_CUMULATIVE_PER_SECOND)?.get(row)
         : 0;
+    const flat = table.getChild(FIELD_FLAT)?.get(row) !== null
+        ? BigInt(table.getChild(FIELD_FLAT)?.get(row))
+        : 0n;
+    const flatPerSecond = table.getChild(FIELD_FLAT_PER_SECOND)?.get(row) !== null
+        ? table.getChild(FIELD_FLAT_PER_SECOND)?.get(row)
+        : 0;
     const diff = table.getChild(FIELD_DIFF)?.get(row) !== null
         ? BigInt(table.getChild(FIELD_DIFF)?.get(row))
         : 0n;
@@ -53,6 +59,8 @@ export const useGraphTooltip = ({ table, profileType, total, totalUnfiltered, ro
         locationAddress,
         cumulativeText: getTextForCumulative(cumulative, totalUnfiltered, total, profileType?.periodUnit ?? ''),
         cumulativePerSecondText: getTextForCumulativePerSecond(cumulativePerSecond, profileType?.periodUnit ?? 'CPU Cores'),
+        flatText: getTextForCumulative(flat, totalUnfiltered, total, profileType.periodUnit ?? ''),
+        flatPerSecondText: getTextForCumulativePerSecond(flatPerSecond, profileType?.periodUnit ?? 'CPU Cores'),
         diffText,
         diff,
         row,

package/dist/ProfileIcicleGraph/IcicleGraphArrow/index.d.ts

@@ -17,6 +17,8 @@ export declare const FIELD_CHILDREN = "children";
 export declare const FIELD_LABELS = "labels";
 export declare const FIELD_CUMULATIVE = "cumulative";
 export declare const FIELD_CUMULATIVE_PER_SECOND = "cumulative_per_second";
+export declare const FIELD_FLAT = "flat";
+export declare const FIELD_FLAT_PER_SECOND = "flat_per_second";
 export declare const FIELD_DIFF = "diff";
 export declare const FIELD_DIFF_PER_SECOND = "diff_per_second";
 interface IcicleGraphArrowProps {

package/dist/ProfileIcicleGraph/IcicleGraphArrow/index.js

@@ -39,6 +39,8 @@ export const FIELD_CHILDREN = 'children';
 export const FIELD_LABELS = 'labels';
 export const FIELD_CUMULATIVE = 'cumulative';
 export const FIELD_CUMULATIVE_PER_SECOND = 'cumulative_per_second';
+export const FIELD_FLAT = 'flat';
+export const FIELD_FLAT_PER_SECOND = 'flat_per_second';
 export const FIELD_DIFF = 'diff';
 export const FIELD_DIFF_PER_SECOND = 'diff_per_second';
 export const getMappingColors = (mappingsList, isDarkMode, currentColorProfile) => {

package/dist/ProfileIcicleGraph/IcicleGraphArrow/utils.js

@@ -58,7 +58,7 @@ export const getTextForCumulative = (hoveringNodeCumulative, totalUnfiltered, to
     (${(100 * divide(hoveringNodeCumulative, totalUnfiltered)).toFixed(2)}%${filtered})`;
 };
 export const getTextForCumulativePerSecond = (hoveringNodeCumulative, unit) => {
-    return `${valueFormatter(hoveringNodeCumulative, unit === 'nanoseconds' ? 'CPU Cores' : unit, 5)}`;
+    return `${valueFormatter(hoveringNodeCumulative, unit === 'nanoseconds' ? 'CPU Cores' : unit, 5)}/s`;
 };
 export const arrowToString = (buffer) => {
     if (buffer == null || typeof buffer === 'string') {

package/dist/ProfileSource.d.ts

@@ -30,6 +30,7 @@ export declare class MergedProfileSelection implements ProfileSelection {
     mergeTo: number;
     query: Query;
     filterQuery: string | undefined;
+    profileSource: ProfileSource;
     constructor(mergeFrom: number, mergeTo: number, query: Query, filterQuery?: string);
     ProfileName(): string;
     HistoryParams(): {
@@ -42,6 +43,7 @@ export declare class ProfileDiffSource implements ProfileSource {
     a: ProfileSource;
     b: ProfileSource;
     filterQuery: string | undefined;
+    profileType: ProfileType;
     constructor(a: ProfileSource, b: ProfileSource, filterQuery?: string);
     DiffSelection(): ProfileDiffSelection;
     QueryRequest(): QueryRequest;
@@ -54,6 +56,7 @@ export declare class MergedProfileSource implements ProfileSource {
     mergeTo: number;
     query: Query;
     filterQuery: string | undefined;
+    profileType: ProfileType;
     constructor(mergeFrom: number, mergeTo: number, query: Query, filterQuery?: string);
     DiffSelection(): ProfileDiffSelection;
     QueryRequest(): QueryRequest;

package/dist/ProfileSource.js

@@ -67,6 +67,7 @@ export class MergedProfileSelection {
         this.mergeTo = mergeTo;
         this.query = query;
         this.filterQuery = filterQuery;
+        this.profileSource = new MergedProfileSource(this.mergeFrom, this.mergeTo, this.query, this.filterQuery);
     }
     ProfileName() {
         return this.query.profileName();
@@ -84,7 +85,7 @@ export class MergedProfileSelection {
         return 'merge';
     }
     ProfileSource() {
-        return new MergedProfileSource(this.mergeFrom, this.mergeTo, this.query, this.filterQuery);
+        return this.profileSource;
     }
 }
 export class ProfileDiffSource {
@@ -92,6 +93,7 @@ export class ProfileDiffSource {
         this.a = a;
         this.b = b;
         this.filterQuery = filterQuery;
+        this.profileType = a.ProfileType();
     }
     DiffSelection() {
         throw new Error('Method not implemented.');
@@ -112,7 +114,7 @@ export class ProfileDiffSource {
         };
     }
     ProfileType() {
-        return this.a.ProfileType();
+        return this.profileType;
     }
     Describe() {
         return (_jsx(_Fragment, { children: _jsx("p", { children: "Browse the comparison" }) }));
@@ -132,6 +134,7 @@ export class MergedProfileSource {
         this.mergeTo = mergeTo;
         this.query = query;
         this.filterQuery = filterQuery;
+        this.profileType = ProfileType.fromString(Query.parse(this.query.toString()).profileName());
     }
     DiffSelection() {
         return {
@@ -163,7 +166,7 @@ export class MergedProfileSource {
         };
     }
     ProfileType() {
-        return ProfileType.fromString(Query.parse(this.query.toString()).profileName());
+        return this.profileType;
     }
     stringMatchers() {
         return this.query.matchers

package/dist/Table/ColumnsVisibility.d.ts

@@ -1,7 +1,7 @@
-import { type VisibilityState } from '@tanstack/react-table';
-import { ColumnDef } from '.';
+import { type ColumnDef, type VisibilityState } from '@tanstack/react-table';
+import type { Row } from './';
 declare const ColumnsVisibility: ({ columns, visibility, setVisibility, }: {
-    columns: ColumnDef[];
+    columns: Array<ColumnDef<Row>>;
     visibility: VisibilityState;
     setVisibility: (id: string, visible: boolean) => void;
 }) => React.JSX.Element;

package/dist/Table/index.d.ts

@@ -2,18 +2,29 @@ import React from 'react';
 import { Vector } from 'apache-arrow';
 import { ProfileType } from '@parca/parser';
 import { type NavigateFunction } from '@parca/utilities';
-export interface ColumnDef {
-    id: string;
-    header: string;
-    accessorKey: string;
-    footer?: string;
-    cell?: (info: any) => string | number;
-    meta?: {
-        align: 'right' | 'left';
-    };
-    invertSorting?: boolean;
-    size?: number;
+export interface DataRow {
+    id: number;
+    name: string;
+    flat: bigint;
+    flatDiff: bigint;
+    cumulative: bigint;
+    cumulativeDiff: bigint;
+    mappingFile: string;
+    functionSystemName: string;
+    functionFileName: string;
+    callers?: DataRow[];
+    callees?: DataRow[];
+    subRows?: Row[];
+    isTopSubRow?: boolean;
+    isBottomSubRow?: boolean;
 }
+interface DummyRow {
+    size: number;
+    message?: string;
+    isTopSubRow?: boolean;
+    isBottomSubRow?: boolean;
+}
+export type Row = DataRow | DummyRow;
 interface TableProps {
     data?: Uint8Array;
     total: bigint;