@parca/profile 0.19.31 → 0.19.33

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.19.33](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.32...@parca/profile@0.19.33) (2025-08-06)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.19.32](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.31...@parca/profile@0.19.32) (2025-08-06)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.31](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.30...@parca/profile@0.19.31) (2025-08-04)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileView/components/ProfileFilters/filterPresets.d.ts

@@ -4,8 +4,10 @@ export interface FilterPreset {
     name: string;
     description: string;
     filters: Array<Omit<ProfileFilter, 'id'>>;
+    allowedProfileTypes?: string[];
 }
 export declare const filterPresets: FilterPreset[];
 export declare const isPresetKey: (key: string) => boolean;
 export declare const getPresetByKey: (key: string) => FilterPreset | undefined;
+export declare const getPresetsForProfileType: (profileType?: string) => FilterPreset[];
 //# sourceMappingURL=filterPresets.d.ts.map

package/dist/ProfileView/components/ProfileFilters/filterPresets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterPresets.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/filterPresets.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,aAAa,EAAE,YAAY,EA6CvC,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,OAEzC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,YAAY,GAAG,SAE3D,CAAC"}
+{"version":3,"file":"filterPresets.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/filterPresets.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,EAAE,YAAY,EAkEvC,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,OAEzC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,YAAY,GAAG,SAE3D,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,cAAc,MAAM,KAAG,YAAY,EAO3E,CAAC"}

package/dist/ProfileView/components/ProfileFilters/filterPresets.js

@@ -15,6 +15,7 @@ export const filterPresets = [
         key: 'go_runtime_expected_off_cpu',
         name: 'Go Runtime Expected Off-CPU',
         description: 'Excludes expected Go runtime blocking functions',
+        allowedProfileTypes: ['parca_agent:wallclock:nanoseconds:samples:count:delta'],
         filters: [
             {
                 type: 'stack',
@@ -34,6 +35,7 @@ export const filterPresets = [
         key: 'rust_runtime_expected_off_cpu',
         name: 'Rust Expected Off-CPU',
         description: 'Excludes expected Rust runtime blocking functions',
+        allowedProfileTypes: ['parca_agent:wallclock:nanoseconds:samples:count:delta'],
         filters: [
             {
                 type: 'stack',
@@ -55,6 +57,25 @@ export const filterPresets = [
             },
         ],
     },
+    {
+        key: 'hide_v8_internals',
+        name: 'Hide V8 internals',
+        description: 'Excludes Node.js and V8 internal functions from the profile',
+        filters: [
+            {
+                type: 'frame',
+                field: 'binary',
+                matchType: 'not_contains',
+                value: 'node',
+            },
+            {
+                type: 'frame',
+                field: 'function_name',
+                matchType: 'not_contains',
+                value: 'V8',
+            },
+        ],
+    },
 ];
 const presetKeys = new Set(filterPresets.map(preset => preset.key));
 export const isPresetKey = (key) => {
@@ -63,3 +84,12 @@ export const isPresetKey = (key) => {
 export const getPresetByKey = (key) => {
     return filterPresets.find(preset => preset.key === key);
 };
+export const getPresetsForProfileType = (profileType) => {
+    if (profileType === undefined || profileType === '')
+        return filterPresets;
+    return filterPresets.filter(preset => {
+        if (preset.allowedProfileTypes === undefined)
+            return true;
+        return preset.allowedProfileTypes.includes(profileType);
+    });
+};

package/dist/ProfileView/components/ProfileFilters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAoB,KAAK,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,gBAAgB,GAAI,QAAQ,aAAa,KAAG,OASxD,CAAC;AAyIF,QAAA,MAAM,cAAc,QAAO,GAAG,CAAC,OA+K9B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAoB,KAAK,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,gBAAgB,GAAI,QAAQ,aAAa,KAAG,OASxD,CAAC;AAyIF,QAAA,MAAM,cAAc,QAAO,GAAG,CAAC,OAmL9B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/ProfileView/components/ProfileFilters/index.js

@@ -15,7 +15,8 @@ import { useCallback } from 'react';
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
 import { Button, Input, Select } from '@parca/components';
-import { filterPresets, getPresetByKey, isPresetKey } from './filterPresets';
+import { useProfileViewContext } from '../../context/ProfileViewContext';
+import { getPresetByKey, getPresetsForProfileType, isPresetKey } from './filterPresets';
 import { useProfileFilters } from './useProfileFilters';
 export const isFilterComplete = (filter) => {
     // For preset filters, only need type and value
@@ -25,7 +26,7 @@ export const isFilterComplete = (filter) => {
     // For regular filters, need all fields
     return (filter.value !== '' && filter.type != null && filter.field != null && filter.matchType != null);
 };
-const filterTypeItems = [
+const getFilterTypeItems = (currentProfileType) => [
     {
         key: 'stack',
         element: {
@@ -40,7 +41,7 @@ const filterTypeItems = [
             expanded: (_jsxs(_Fragment, { children: [_jsx("span", { children: "Frame Filter" }), _jsx("br", {}), _jsx("span", { className: "text-xs", children: "Filters individual frames" })] })),
         },
     },
-    ...filterPresets.map(preset => ({
+    ...getPresetsForProfileType(currentProfileType).map(preset => ({
         key: preset.key,
         element: {
             active: _jsx(_Fragment, { children: preset.name }),
@@ -139,6 +140,9 @@ const numberMatchTypeItems = [
     },
 ];
 const ProfileFilters = () => {
+    const { profileSource } = useProfileViewContext();
+    const currentProfileType = profileSource?.ProfileType()?.toString();
+    const filterTypeItems = getFilterTypeItems(currentProfileType);
     const { localFilters, appliedFilters, hasUnsavedChanges, onApplyFilters, addFilter, removeFilter, updateFilter, resetFilters, } = useProfileFilters();
     const handleKeyDown = useCallback((e) => {
         if (e.key === 'Enter') {
@@ -213,6 +217,6 @@ const ProfileFilters = () => {
                                             removeFilter(filter.id);
                                         }
                                     }, className: cx('h-[38px] p-3', filter.type != null ? 'rounded-none rounded-r-md' : 'rounded-l-none rounded-r-md'), children: _jsx(Icon, { icon: "mdi:close", className: "h-4 w-4" }) })] }, filter.id));
-                    }), localFilters.length > 0 && (_jsx(Button, { variant: "neutral", onClick: addFilter, className: "p-3 h-[38px]", children: _jsx(Icon, { icon: "mdi:filter-plus-outline", className: "h-4 w-4" }) })), localFilters.length === 0 && (appliedFilters?.length ?? 0) === 0 && (_jsxs(Button, { variant: "neutral", onClick: addFilter, className: "flex items-center gap-2", children: [_jsx(Icon, { icon: "mdi:filter-outline", className: "h-4 w-4" }), _jsx("span", { children: "Filter" })] }))] }), localFilters.length > 0 && (_jsx(Button, { variant: "primary", onClick: onApplyFilters, disabled: !hasUnsavedChanges || !localFilters.some(isFilterComplete), className: cx('flex items-center gap-2 sticky top-0 z-50'), children: _jsx("span", { children: "Apply" }) }))] }));
+                    }), localFilters.length > 0 && (_jsx(Button, { variant: "neutral", onClick: addFilter, className: "p-3 h-[38px]", children: _jsx(Icon, { icon: "mdi:filter-plus-outline", className: "h-4 w-4" }) })), localFilters.length === 0 && (appliedFilters?.length ?? 0) === 0 && (_jsxs(Button, { variant: "neutral", onClick: addFilter, className: "flex items-center gap-2", children: [_jsx(Icon, { icon: "mdi:filter-outline", className: "h-4 w-4" }), _jsx("span", { children: "Filter" })] }))] }), localFilters.length > 0 && (_jsx(Button, { variant: "primary", onClick: onApplyFilters, disabled: !hasUnsavedChanges || !localFilters.some(isFilterComplete), className: cx('flex items-center gap-2 sticky top-0'), children: _jsx("span", { children: "Apply" }) }))] }));
 };
 export default ProfileFilters;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.31",
+  "version": "0.19.33",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
@@ -78,5 +78,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "f3fe191525193d9bdc41d811c009d9314bd98494"
+  "gitHead": "856f4482ef94445b2e7a05c5618652fd0079fc6e"
 }

package/src/ProfileView/components/ProfileFilters/filterPresets.ts

@@ -18,6 +18,7 @@ export interface FilterPreset {
   name: string;
   description: string;
   filters: Array<Omit<ProfileFilter, 'id'>>;
+  allowedProfileTypes?: string[];
 }
 
 export const filterPresets: FilterPreset[] = [
@@ -25,6 +26,7 @@ export const filterPresets: FilterPreset[] = [
     key: 'go_runtime_expected_off_cpu',
     name: 'Go Runtime Expected Off-CPU',
     description: 'Excludes expected Go runtime blocking functions',
+    allowedProfileTypes: ['parca_agent:wallclock:nanoseconds:samples:count:delta'],
     filters: [
       {
         type: 'stack',
@@ -44,6 +46,7 @@ export const filterPresets: FilterPreset[] = [
     key: 'rust_runtime_expected_off_cpu',
     name: 'Rust Expected Off-CPU',
     description: 'Excludes expected Rust runtime blocking functions',
+    allowedProfileTypes: ['parca_agent:wallclock:nanoseconds:samples:count:delta'],
     filters: [
       {
         type: 'stack',
@@ -65,6 +68,25 @@ export const filterPresets: FilterPreset[] = [
       },
     ],
   },
+  {
+    key: 'hide_v8_internals',
+    name: 'Hide V8 internals',
+    description: 'Excludes Node.js and V8 internal functions from the profile',
+    filters: [
+      {
+        type: 'frame',
+        field: 'binary',
+        matchType: 'not_contains',
+        value: 'node',
+      },
+      {
+        type: 'frame',
+        field: 'function_name',
+        matchType: 'not_contains',
+        value: 'V8',
+      },
+    ],
+  },
 ];
 
 const presetKeys = new Set(filterPresets.map(preset => preset.key));
@@ -76,3 +98,12 @@ export const isPresetKey = (key: string): boolean => {
 export const getPresetByKey = (key: string): FilterPreset | undefined => {
   return filterPresets.find(preset => preset.key === key);
 };
+
+export const getPresetsForProfileType = (profileType?: string): FilterPreset[] => {
+  if (profileType === undefined || profileType === '') return filterPresets;
+
+  return filterPresets.filter(preset => {
+    if (preset.allowedProfileTypes === undefined) return true;
+    return preset.allowedProfileTypes.includes(profileType);
+  });
+};

package/src/ProfileView/components/ProfileFilters/index.tsx

@@ -18,7 +18,8 @@ import cx from 'classnames';
 
 import {Button, Input, Select, type SelectItem} from '@parca/components';
 
-import {filterPresets, getPresetByKey, isPresetKey} from './filterPresets';
+import {useProfileViewContext} from '../../context/ProfileViewContext';
+import {getPresetByKey, getPresetsForProfileType, isPresetKey} from './filterPresets';
 import {useProfileFilters, type ProfileFilter} from './useProfileFilters';
 
 export const isFilterComplete = (filter: ProfileFilter): boolean => {
@@ -32,7 +33,7 @@ export const isFilterComplete = (filter: ProfileFilter): boolean => {
   );
 };
 
-const filterTypeItems: SelectItem[] = [
+const getFilterTypeItems = (currentProfileType?: string): SelectItem[] => [
   {
     key: 'stack',
     element: {
@@ -59,7 +60,7 @@ const filterTypeItems: SelectItem[] = [
       ),
     },
   },
-  ...filterPresets.map(preset => ({
+  ...getPresetsForProfileType(currentProfileType).map(preset => ({
     key: preset.key,
     element: {
       active: <>{preset.name}</>,
@@ -168,6 +169,10 @@ const numberMatchTypeItems: SelectItem[] = [
 ];
 
 const ProfileFilters = (): JSX.Element => {
+  const {profileSource} = useProfileViewContext();
+  const currentProfileType = profileSource?.ProfileType()?.toString();
+  const filterTypeItems = getFilterTypeItems(currentProfileType);
+
   const {
     localFilters,
     appliedFilters,
@@ -335,7 +340,7 @@ const ProfileFilters = (): JSX.Element => {
           variant="primary"
           onClick={onApplyFilters}
           disabled={!hasUnsavedChanges || !localFilters.some(isFilterComplete)}
-          className={cx('flex items-center gap-2 sticky top-0 z-50')}
+          className={cx('flex items-center gap-2 sticky top-0')}
         >
           <span>Apply</span>
         </Button>