@parca/profile 0.16.427 → 0.16.428

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.428](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.427...@parca/profile@0.16.428) (2024-08-21)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.427](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.426...@parca/profile@0.16.427) (2024-08-19)
 
 **Note:** Version bump only for package @parca/profile

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SimpleMatchers/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAMpC,UAAU,KAAK;IACb,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;IACpB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAClD;AAiED,QAAA,MAAM,cAAc,oFAOjB,KAAK,KAAG,GAAG,CAAC,OA6Od,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SimpleMatchers/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAMpC,UAAU,KAAK;IACb,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;IACpB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAClD;AAiED,QAAA,MAAM,cAAc,oFAOjB,KAAK,KAAG,GAAG,CAAC,OAsPd,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/SimpleMatchers/index.js

@@ -77,6 +77,12 @@ currentQuery, profileType, queryBrowserRef, }) => {
     const hiddenRowsCount = queryRows.length - 3;
     const maxWidthInPixels = `max-w-[${queryBrowserRef.current?.offsetWidth.toString()}px]`;
     const currentMatchers = currentQuery.matchersString();
+    const labelNameFromMatchers = useMemo(() => {
+        if (currentQuery === undefined)
+            return [];
+        const matchers = currentQuery.matchers;
+        return matchers.map(matcher => matcher.key);
+    }, [currentQuery]);
     const fetchLabelValues = useCallback(async (labelName) => {
         try {
             const response = await queryClient.values({ labelName, match: [], profileType }, { meta: metadata }).response;
@@ -130,8 +136,9 @@ currentQuery, profileType, queryBrowserRef, }) => {
             : [];
     }, [labelNamesError, labelNamesResponse]);
     const labelNameOptions = useMemo(() => {
-        return transformLabelsForSelect(labelNames);
-    }, [labelNames]);
+        const uniqueLabelNames = Array.from(new Set([...labelNames, ...labelNameFromMatchers]));
+        return transformLabelsForSelect(uniqueLabelNames);
+    }, [labelNames, labelNameFromMatchers]);
     const updateRow = useCallback(async (index, field, value) => {
         const updatedRows = [...queryRows];
         const prevLabelName = updatedRows[index].labelName;

package/dist/components/VisualisationToolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VisualisationToolbar/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAQlD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,oBAAoB,qLAavB,KAAK,KAAG,GAAG,CAAC,OAwGd,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VisualisationToolbar/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAQlD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,oBAAoB,qLAavB,KAAK,KAAG,GAAG,CAAC,OAsGd,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/VisualisationToolbar/index.js

@@ -27,7 +27,6 @@ const VisualisationToolbar = ({ hasProfileSource, profileSource, queryClient, on
         alwaysReturnArray: true,
     });
     const { profileViewExternalMainActions, profileViewExternalSubActions, preferencesModal } = useParcaContext();
-    console.log('🚀 ~ preferencesModal:', preferencesModal);
     const [groupBy, setStoreGroupBy] = useURLState('group_by', {
         defaultValue: [FIELD_FUNCTION_NAME],
         alwaysReturnArray: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.427",
+  "version": "0.16.428",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@headlessui/react": "^1.7.19",
@@ -73,5 +73,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "4fbdfde6aad0b428176d5aff5f7ce33ec222a73f"
+  "gitHead": "9cdacf967d8b5b23a622175c5b5ae767a914a0ec"
 }

package/src/SimpleMatchers/index.tsx

@@ -120,6 +120,14 @@ const SimpleMatchers = ({
 
   const currentMatchers = currentQuery.matchersString();
 
+  const labelNameFromMatchers = useMemo(() => {
+    if (currentQuery === undefined) return [];
+
+    const matchers = currentQuery.matchers;
+
+    return matchers.map(matcher => matcher.key);
+  }, [currentQuery]);
+
   const fetchLabelValues = useCallback(
     async (labelName: string): Promise<string[]> => {
       try {
@@ -192,8 +200,9 @@ const SimpleMatchers = ({
   }, [labelNamesError, labelNamesResponse]);
 
   const labelNameOptions = useMemo(() => {
-    return transformLabelsForSelect(labelNames);
-  }, [labelNames]);
+    const uniqueLabelNames = Array.from(new Set([...labelNames, ...labelNameFromMatchers]));
+    return transformLabelsForSelect(uniqueLabelNames);
+  }, [labelNames, labelNameFromMatchers]);
 
   const updateRow = useCallback(
     async (index: number, field: keyof QueryRow, value: string): Promise<void> => {

package/src/components/VisualisationToolbar/index.tsx

@@ -69,8 +69,6 @@ const VisualisationToolbar = ({
   const {profileViewExternalMainActions, profileViewExternalSubActions, preferencesModal} =
     useParcaContext();
 
-  console.log('🚀 ~ preferencesModal:', preferencesModal);
-
   const [groupBy, setStoreGroupBy] = useURLState<string[]>('group_by', {
     defaultValue: [FIELD_FUNCTION_NAME],
     alwaysReturnArray: true,