@parca/profile 0.16.404 → 0.16.406

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.406](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.405...@parca/profile@0.16.406) (2024-07-09)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.16.405](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.404...@parca/profile@0.16.405) (2024-07-09)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.404](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.402...@parca/profile@0.16.404) (2024-07-08)
 
 **Note:** Version bump only for package @parca/profile

package/dist/MatchersInput/index.d.ts

@@ -5,6 +5,7 @@ interface MatchersInputProps {
     setMatchersString: (arg: string) => void;
     runQuery: () => void;
     currentQuery: Query;
+    profileType: string;
 }
 export interface ILabelNamesResult {
     response?: LabelsResponse;
@@ -14,7 +15,7 @@ interface UseLabelNames {
     result: ILabelNamesResult;
     loading: boolean;
 }
-export declare const useLabelNames: (client: QueryServiceClient, start?: number, end?: number, profileType?: string) => UseLabelNames;
-declare const MatchersInput: ({ queryClient, setMatchersString, runQuery, currentQuery, }: MatchersInputProps) => JSX.Element;
+export declare const useLabelNames: (client: QueryServiceClient, profileType: string, start?: number, end?: number) => UseLabelNames;
+declare const MatchersInput: ({ queryClient, setMatchersString, runQuery, currentQuery, profileType, }: MatchersInputProps) => JSX.Element;
 export default MatchersInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/MatchersInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MatchersInput/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAgB,cAAc,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAKpC,UAAU,kBAAkB;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,WAChB,kBAAkB,UAClB,MAAM,QACR,MAAM,gBACE,MAAM,KACnB,aAwBF,CAAC;AAEF,QAAA,MAAM,aAAa,gEAKhB,kBAAkB,KAAG,GAAG,CAAC,OAiL3B,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MatchersInput/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAgB,cAAc,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAKpC,UAAU,kBAAkB;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,WAChB,kBAAkB,eACb,MAAM,UACX,MAAM,QACR,MAAM,KACX,aA4BF,CAAC;AAEF,QAAA,MAAM,aAAa,6EAMhB,kBAAkB,KAAG,GAAG,CAAC,OAoL3B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/MatchersInput/index.js

@@ -18,11 +18,14 @@ import { useGrpcMetadata } from '@parca/components';
 import { Query } from '@parca/parser';
 import { millisToProtoTimestamp, sanitizeLabelValue } from '@parca/utilities';
 import SuggestionsList, { Suggestion, Suggestions } from './SuggestionsList';
-export const useLabelNames = (client, start, end, profileType) => {
+export const useLabelNames = (client, profileType, start, end) => {
     const [loading, setLoading] = useState(true);
     const [result, setResult] = useState({});
     const metadata = useGrpcMetadata();
     useEffect(() => {
+        if (profileType === undefined || profileType === '') {
+            return;
+        }
         const request = { match: [] };
         if (start !== undefined && end !== undefined) {
             request.start = millisToProtoTimestamp(start);
@@ -40,7 +43,7 @@ export const useLabelNames = (client, start, end, profileType) => {
     }, [client, metadata, start, end, profileType]);
     return { result, loading };
 };
-const MatchersInput = ({ queryClient, setMatchersString, runQuery, currentQuery, }) => {
+const MatchersInput = ({ queryClient, setMatchersString, runQuery, currentQuery, profileType, }) => {
     const inputRef = useRef(null);
     const [focusedInput, setFocusedInput] = useState(false);
     const [labelValuesLoading, setLabelValuesLoading] = useState(false);
@@ -48,11 +51,11 @@ const MatchersInput = ({ queryClient, setMatchersString, runQuery, currentQuery,
     const [labelValues, setLabelValues] = useState(null);
     const [currentLabelName, setCurrentLabelName] = useState(null);
     const metadata = useGrpcMetadata();
-    const { loading: labelNamesLoading, result } = useLabelNames(queryClient);
+    const { loading: labelNamesLoading, result } = useLabelNames(queryClient, profileType);
     const { response: labelNamesResponse, error: labelNamesError } = result;
     useEffect(() => {
         if (currentLabelName !== null) {
-            const call = queryClient.values({ labelName: currentLabelName, match: [] }, { meta: metadata });
+            const call = queryClient.values({ labelName: currentLabelName, match: [], profileType }, { meta: metadata });
             setLabelValuesLoading(true);
             call.response
                 .then(response => {
@@ -63,7 +66,7 @@ const MatchersInput = ({ queryClient, setMatchersString, runQuery, currentQuery,
                 .catch(() => setLabelValues(null))
                 .finally(() => setLabelValuesLoading(false));
         }
-    }, [currentLabelName, queryClient, metadata]);
+    }, [currentLabelName, metadata, profileType, queryClient]);
     const labelNames = useMemo(() => {
         return (labelNamesError === undefined || labelNamesError == null) &&
             labelNamesResponse !== undefined &&

package/dist/ProfileSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAQ,oBAAoB,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAY9E,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAyB,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAO5D,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;IAChC,cAAc,EAAE,cAAc,CAAC;IAC/B,aAAa,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,WAAY,kBAAkB,KAAG,mBAkB5D,CAAC;AAEF,QAAA,MAAM,eAAe,6IAUlB,oBAAoB,KAAG,GAAG,CAAC,OA2P7B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAQ,oBAAoB,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAY9E,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAyB,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAO5D,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;IAChC,cAAc,EAAE,cAAc,CAAC;IAC/B,aAAa,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,WAAY,kBAAkB,KAAG,mBAkB5D,CAAC;AAEF,QAAA,MAAM,eAAe,6IAUlB,oBAAoB,KAAG,GAAG,CAAC,OA4P7B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ProfileSelector/index.js

@@ -143,7 +143,7 @@ const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQue
         queryExpressionString === '' ||
         queryExpressionString === '{}';
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-2 flex gap-2", children: [_jsxs("div", { className: "flex w-full flex-wrap content-start items-center gap-2", children: [_jsxs("div", { className: "pb-6", children: [_jsx("label", { className: "text-xs", children: "Profile type" }), _jsx(ProfileTypeSelector, { profileTypesData: profileTypesData, loading: profileTypesLoading, selectedKey: selectedProfileName, onSelection: setProfileName, error: error, disabled: viewComponent?.disableProfileTypesDropdown })] }), _jsxs("div", { className: "w-full flex-1 pb-6", children: [_jsxs("div", { className: "mb-0.5 mt-1.5 flex items-center justify-between", children: [_jsx("label", { className: "text-xs", children: "Query" }), (query.matchers.length > 0 || query.inputMatcherString.length > 0) &&
-                                                viewComponent !== undefined && _jsx("div", { children: viewComponent?.createViewComponent })] }), _jsx(MatchersInput, { queryClient: queryClient, setMatchersString: setMatchersString, runQuery: setQueryExpression, currentQuery: query })] }), _jsx(DateTimeRangePicker, { onRangeSelection: setTimeRangeSelection, range: timeRangeSelection }), _jsx(ButtonGroup, { children: _jsx(Button, { disabled: searchDisabled, onClick: (e) => {
+                                                viewComponent !== undefined && _jsx("div", { children: viewComponent?.createViewComponent })] }), _jsx(MatchersInput, { queryClient: queryClient, setMatchersString: setMatchersString, runQuery: setQueryExpression, currentQuery: query, profileType: selectedProfileName })] }), _jsx(DateTimeRangePicker, { onRangeSelection: setTimeRangeSelection, range: timeRangeSelection }), _jsx(ButtonGroup, { children: _jsx(Button, { disabled: searchDisabled, onClick: (e) => {
                                         e.preventDefault();
                                         setQueryExpression(true);
                                     }, id: "h-matcher-search-button", children: "Search" }) })] }), _jsx("div", { children: comparing && _jsx(IconButton, { onClick: () => closeProfile(), icon: _jsx(CloseIcon, {}) }) })] }), _jsx("div", { className: "rounded bg-white shadow dark:border-gray-500 dark:bg-gray-700", children: _jsx("div", { style: { height: heightStyle }, children: querySelection.expression !== undefined &&

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.404",
+  "version": "0.16.406",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@headlessui/react": "^1.7.19",
     "@iconify/react": "^4.0.0",
-    "@parca/client": "0.16.120",
-    "@parca/components": "0.16.290",
+    "@parca/client": "0.16.121",
+    "@parca/components": "0.16.291",
     "@parca/dynamicsize": "0.16.65",
-    "@parca/hooks": "0.0.65",
+    "@parca/hooks": "0.0.66",
     "@parca/icons": "0.16.70",
     "@parca/parser": "0.16.77",
-    "@parca/store": "0.16.154",
-    "@parca/utilities": "0.0.81",
+    "@parca/store": "0.16.155",
+    "@parca/utilities": "0.0.82",
     "@popperjs/core": "^2.11.8",
     "@protobuf-ts/runtime-rpc": "^2.5.0",
     "@tanstack/react-query": "^4.0.5",
@@ -73,5 +73,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "7c7035ef7c81ba140a28607e8a710f730857690d"
+  "gitHead": "08cdf31f7b1dc7eb96c36d2fd56008a0829fb1bc"
 }

package/src/MatchersInput/index.tsx

@@ -28,6 +28,7 @@ interface MatchersInputProps {
   setMatchersString: (arg: string) => void;
   runQuery: () => void;
   currentQuery: Query;
+  profileType: string;
 }
 
 export interface ILabelNamesResult {
@@ -42,15 +43,19 @@ interface UseLabelNames {
 
 export const useLabelNames = (
   client: QueryServiceClient,
+  profileType: string,
   start?: number,
-  end?: number,
-  profileType?: string
+  end?: number
 ): UseLabelNames => {
   const [loading, setLoading] = useState(true);
   const [result, setResult] = useState<ILabelNamesResult>({});
   const metadata = useGrpcMetadata();
 
   useEffect(() => {
+    if (profileType === undefined || profileType === '') {
+      return;
+    }
+
     const request: LabelsRequest = {match: []};
     if (start !== undefined && end !== undefined) {
       request.start = millisToProtoTimestamp(start);
@@ -76,6 +81,7 @@ const MatchersInput = ({
   setMatchersString,
   runQuery,
   currentQuery,
+  profileType,
 }: MatchersInputProps): JSX.Element => {
   const inputRef = useRef<HTMLTextAreaElement | null>(null);
   const [focusedInput, setFocusedInput] = useState(false);
@@ -85,12 +91,15 @@ const MatchersInput = ({
   const [currentLabelName, setCurrentLabelName] = useState<string | null>(null);
   const metadata = useGrpcMetadata();
 
-  const {loading: labelNamesLoading, result} = useLabelNames(queryClient);
+  const {loading: labelNamesLoading, result} = useLabelNames(queryClient, profileType);
   const {response: labelNamesResponse, error: labelNamesError} = result;
 
   useEffect(() => {
     if (currentLabelName !== null) {
-      const call = queryClient.values({labelName: currentLabelName, match: []}, {meta: metadata});
+      const call = queryClient.values(
+        {labelName: currentLabelName, match: [], profileType},
+        {meta: metadata}
+      );
       setLabelValuesLoading(true);
 
       call.response
@@ -103,7 +112,7 @@ const MatchersInput = ({
         .catch(() => setLabelValues(null))
         .finally(() => setLabelValuesLoading(false));
     }
-  }, [currentLabelName, queryClient, metadata]);
+  }, [currentLabelName, metadata, profileType, queryClient]);
 
   const labelNames = useMemo(() => {
     return (labelNamesError === undefined || labelNamesError == null) &&

package/src/ProfileSelector/index.tsx

@@ -252,6 +252,7 @@ const ProfileSelector = ({
               setMatchersString={setMatchersString}
               runQuery={setQueryExpression}
               currentQuery={query}
+              profileType={selectedProfileName}
             />
           </div>
           <DateTimeRangePicker