@parca/profile 0.16.484 → 0.16.486

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.486](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.485...@parca/profile@0.16.486) (2025-03-12)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.16.485](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.484...@parca/profile@0.16.485) (2025-03-05)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.484](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.483...@parca/profile@0.16.484) (2025-03-05)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileViewWithData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileViewWithData.d.ts","sourceRoot":"","sources":["../src/ProfileViewWithData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAA0B,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAK1E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAK9C,UAAU,wBAAwB;IAChC,WAAW,EAAE,kBAAkB,CAAC;IAChC,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,mBAAmB,+DAI7B,wBAAwB,KAAG,GAAG,CAAC,OAoPjC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ProfileViewWithData.d.ts","sourceRoot":"","sources":["../src/ProfileViewWithData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAA0B,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAK1E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAK9C,UAAU,wBAAwB;IAChC,WAAW,EAAE,kBAAkB,CAAC;IAChC,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,mBAAmB,+DAI7B,wBAAwB,KAAG,GAAG,CAAC,OAmPjC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/ProfileViewWithData.js

@@ -59,7 +59,7 @@ export const ProfileViewWithData = ({ queryClient, profileSource, showVisualizat
         invertCallStack,
         binaryFrameFilter,
     });
-    const { isLoading: profileMetadataLoading, response: profileMetadataResponse } = useQuery(queryClient, profileSource, QueryRequest_ReportType.PROFILE_METADATA, {
+    const { isLoading: profileMetadataLoading, response: profileMetadataResponse, error: profileMetadataError, } = useQuery(queryClient, profileSource, QueryRequest_ReportType.PROFILE_METADATA, {
         nodeTrimThreshold,
         groupBy,
     });
@@ -150,7 +150,7 @@ export const ProfileViewWithData = ({ queryClient, profileSource, showVisualizat
                 : undefined,
             total: BigInt(flamegraphResponse?.total ?? '0'),
             filtered: BigInt(flamegraphResponse?.filtered ?? '0'),
-            error: flamegraphError,
+            error: flamegraphError ?? profileMetadataError,
             metadataMappingFiles: profileMetadataResponse?.report.oneofKind === 'profileMetadata'
                 ? profileMetadataResponse?.report?.profileMetadata?.mappingFiles
                 : undefined,

package/dist/SimpleMatchers/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/SimpleMatchers/Select.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC;CACxB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuQ7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/SimpleMatchers/Select.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAQzD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC;CACxB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8Q7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/SimpleMatchers/Select.js

@@ -14,6 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useRef, useState } from 'react';
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
+import levenshtein from 'fast-levenshtein';
 import { Button, useParcaContext } from '@parca/components';
 const CustomSelect = ({ items, selectedKey, onSelection, placeholder = 'Select an item', width, className = '', loading, primary = false, disabled = false, icon, id, optionsClassname = '', searchable = false, onButtonClick, editable = false, }) => {
     const { loader } = useParcaContext();
@@ -25,10 +26,17 @@ const CustomSelect = ({ items, selectedKey, onSelection, placeholder = 'Select a
     const searchInputRef = useRef(null);
     const optionRefs = useRef([]);
     const filteredItems = searchable
-        ? items.filter(item => item.element.active.props.children
+        ? items
+            .filter(item => item.element.active.props.children
             .toString()
             .toLowerCase()
             .includes(searchTerm.toLowerCase()))
+            .sort((a, b) => {
+            if (searchTerm === '') {
+                return a.key.localeCompare(b.key);
+            }
+            return levenshtein.get(a.key, searchTerm) - levenshtein.get(b.key, searchTerm);
+        })
         : items;
     const selection = editable ? selectedKey : items.find(v => v.key === selectedKey);
     useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.484",
+  "version": "0.16.486",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@headlessui/react": "^1.7.19",
@@ -22,6 +22,7 @@
     "@types/d3": "^7.4.3",
     "@types/d3-scale": "^4.0.8",
     "@types/d3-selection": "^3.0.10",
+    "@types/fast-levenshtein": "^0.0.4",
     "@types/react-beautiful-dnd": "^13.1.8",
     "apache-arrow": "^12.0.1",
     "classnames": "^2.3.1",
@@ -33,6 +34,7 @@
     "d3-selection": "3.0.0",
     "d3-shape": "^3.2.0",
     "fast-deep-equal": "^3.1.3",
+    "fast-levenshtein": "^3.0.0",
     "framer-motion": "6.5.1",
     "graphviz-wasm": "3.0.2",
     "lodash.throttle": "^4.1.1",
@@ -75,5 +77,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "bb8afa0ff715bed74d870f709b5f93289f268f7c"
+  "gitHead": "f970fa2046e730608d9591d04d39f17ed714aa54"
 }

package/src/ProfileViewWithData.tsx

@@ -90,15 +90,14 @@ export const ProfileViewWithData = ({
     binaryFrameFilter,
   });
 
-  const {isLoading: profileMetadataLoading, response: profileMetadataResponse} = useQuery(
-    queryClient,
-    profileSource,
-    QueryRequest_ReportType.PROFILE_METADATA,
-    {
-      nodeTrimThreshold,
-      groupBy,
-    }
-  );
+  const {
+    isLoading: profileMetadataLoading,
+    response: profileMetadataResponse,
+    error: profileMetadataError,
+  } = useQuery(queryClient, profileSource, QueryRequest_ReportType.PROFILE_METADATA, {
+    nodeTrimThreshold,
+    groupBy,
+  });
 
   const {perf} = useParcaContext();
 
@@ -213,7 +212,7 @@ export const ProfileViewWithData = ({
             : undefined,
         total: BigInt(flamegraphResponse?.total ?? '0'),
         filtered: BigInt(flamegraphResponse?.filtered ?? '0'),
-        error: flamegraphError,
+        error: flamegraphError ?? profileMetadataError,
         metadataMappingFiles:
           profileMetadataResponse?.report.oneofKind === 'profileMetadata'
             ? profileMetadataResponse?.report?.profileMetadata?.mappingFiles

package/src/SimpleMatchers/Select.tsx

@@ -15,6 +15,7 @@ import React, {useEffect, useRef, useState} from 'react';
 
 import {Icon} from '@iconify/react';
 import cx from 'classnames';
+import levenshtein from 'fast-levenshtein';
 
 import {Button, useParcaContext} from '@parca/components';
 
@@ -74,12 +75,19 @@ const CustomSelect: React.FC<CustomSelectProps> = ({
   const optionRefs = useRef<Array<HTMLElement | null>>([]);
 
   const filteredItems = searchable
-    ? items.filter(item =>
-        item.element.active.props.children
-          .toString()
-          .toLowerCase()
-          .includes(searchTerm.toLowerCase())
-      )
+    ? items
+        .filter(item =>
+          item.element.active.props.children
+            .toString()
+            .toLowerCase()
+            .includes(searchTerm.toLowerCase())
+        )
+        .sort((a, b) => {
+          if (searchTerm === '') {
+            return a.key.localeCompare(b.key);
+          }
+          return levenshtein.get(a.key, searchTerm) - levenshtein.get(b.key, searchTerm);
+        })
     : items;
 
   const selection = editable ? selectedKey : items.find(v => v.key === selectedKey);