@parca/profile 0.19.30 → 0.19.31

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.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
+
 ## 0.19.30 (2025-07-29)
 
 **Note:** Version bump only for package @parca/profile

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAIjD,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAU1B,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAaD,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,GAAG,EAAE,KAAG,MAGhE,CAAC;AAiBF,eAAO,MAAM,iBAAiB,GAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAiB5E,CAAC;AAsUF,QAAA,MAAM,eAAe,GAAI,2CAItB,oBAAoB,KAAG,GAAG,CAAC,OAkB7B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAIjD,OAAO,EAAwC,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAU9F,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAaD,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,GAAG,EAAE,KAAG,MAGhE,CAAC;AAiBF,eAAO,MAAM,iBAAiB,GAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAiB5E,CAAC;AA4TF,QAAA,MAAM,eAAe,GAAI,2CAItB,oBAAoB,KAAG,GAAG,CAAC,OAkB7B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ProfileExplorer/index.js

@@ -16,7 +16,7 @@ import { Provider } from 'react-redux';
 import { DateTimeRange, KeyDownProvider, useParcaContext } from '@parca/components';
 import { Query } from '@parca/parser';
 import { createStore } from '@parca/store';
-import { capitalizeOnlyFirstLetter, decodeMultipleEncodings, isUrlEncoded, } from '@parca/utilities';
+import { capitalizeOnlyFirstLetter, safeDecode } from '@parca/utilities';
 import { ProfileSelectionFromParams, SuffixParams } from '..';
 import { useProfileTypes } from '../ProfileSelector';
 import { useResetStateOnNewSearch } from '../ProfileView/hooks/useResetStateOnNewSearch';
@@ -57,14 +57,6 @@ export const filterEmptyParams = (o) => {
 const filterSuffix = (o, suffix) => Object.fromEntries(Object.entries(o)
     .filter(([key]) => !key.endsWith(suffix))
     .map(([key, value]) => {
-    if (typeof value === 'string') {
-        // Only encode if not already encoded
-        return [key, isUrlEncoded(value) ? value : encodeURIComponent(value)];
-    }
-    if (Array.isArray(value)) {
-        // Only encode array values if not already encoded
-        return [key, value.map(v => (isUrlEncoded(v) ? v : encodeURIComponent(v)))];
-    }
     return [key, value];
 }));
 const swapQueryParameters = (o) => {
@@ -131,9 +123,9 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
     from_a = sanitizedRange.from_a;
     to_a = sanitizedRange.to_a;
     if ((queryParams?.expression_a ?? '') !== '')
-        queryParams.expression_a = decodeMultipleEncodings(expression_a);
+        queryParams.expression_a = safeDecode(expression_a);
     if ((queryParams?.expression_b ?? '') !== '')
-        queryParams.expression_b = decodeMultipleEncodings(expression_b);
+        queryParams.expression_b = safeDecode(expression_b);
     const selectProfile = (p, suffix) => {
         return navigateTo('/', {
             ...queryParams,
@@ -209,7 +201,7 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
             ? {
                 merge_from_a: q.mergeFrom,
                 merge_to_a: q.mergeTo,
-                selection_a: encodeURIComponent(q.expression),
+                selection_a: q.expression,
             }
             : {};
         return navigateTo('/', 

package/dist/ProfileSelector/useAutoQuerySelector.js

@@ -39,12 +39,12 @@ export const useAutoQuerySelector = ({ selectedProfileName, profileTypesData, se
             const sumBy = queryA.sumBy?.join(',');
             let compareQuery = {
                 compare_a: 'true',
-                expression_a: encodeURIComponent(queryA.expression),
+                expression_a: queryA.expression,
                 from_a: queryA.from.toString(),
                 to_a: queryA.to.toString(),
                 time_selection_a: queryA.timeSelection,
                 compare_b: 'true',
-                expression_b: encodeURIComponent(queryA.expression),
+                expression_b: queryA.expression,
                 from_b: queryA.from.toString(),
                 to_b: queryA.to.toString(),
                 time_selection_b: queryA.timeSelection,

package/dist/ProfileSource.js

@@ -61,7 +61,7 @@ export class MergedProfileSelection {
         return {
             merge_from: this.mergeFrom.toString(),
             merge_to: this.mergeTo.toString(),
-            selection: encodeURIComponent(this.query.toString()),
+            selection: this.query.toString(),
         };
     }
     Type() {

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

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { useURLStateCustom } from '@parca/components';
-import { decodeMultipleEncodings } from '@parca/utilities';
+import { safeDecode } from '@parca/utilities';
 import { isPresetKey } from './filterPresets';
 // Compact encoding mappings
 const TYPE_MAP = {
@@ -63,8 +63,8 @@ export const decodeProfileFilters = (encoded) => {
     if (encoded === '' || encoded === undefined)
         return [];
     try {
-        // Handle multiple levels of URL encoding
-        const decodedString = decodeMultipleEncodings(encoded) ?? encoded;
+        // Decode once since we fixed the double encoding issue
+        const decodedString = safeDecode(encoded);
         return decodedString.split(',').map((filter, index) => {
             const parts = filter.split(':');
             // Handle preset filters (format: p:presetKey:value)

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.30",
+  "version": "0.19.31",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
     "@headlessui/react": "^1.7.19",
     "@iconify/react": "^4.0.0",
     "@parca/client": "0.17.3",
-    "@parca/components": "0.16.353",
+    "@parca/components": "0.16.354",
     "@parca/dynamicsize": "0.16.65",
-    "@parca/hooks": "0.0.98",
+    "@parca/hooks": "0.0.99",
     "@parca/icons": "0.16.72",
     "@parca/parser": "0.16.79",
-    "@parca/store": "0.16.182",
-    "@parca/utilities": "0.0.105",
+    "@parca/store": "0.16.183",
+    "@parca/utilities": "0.0.106",
     "@popperjs/core": "^2.11.8",
     "@protobuf-ts/runtime-rpc": "^2.5.0",
     "@storybook/preview-api": "^8.4.3",
@@ -78,5 +78,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "843fe8c388476f7934fe7748c00cf0a158bc1f56"
+  "gitHead": "f3fe191525193d9bdc41d811c009d9314bd98494"
 }

package/src/ProfileExplorer/index.tsx

@@ -19,12 +19,7 @@ import {QueryServiceClient} from '@parca/client';
 import {DateTimeRange, KeyDownProvider, useParcaContext} from '@parca/components';
 import {Query} from '@parca/parser';
 import {createStore} from '@parca/store';
-import {
-  capitalizeOnlyFirstLetter,
-  decodeMultipleEncodings,
-  isUrlEncoded,
-  type NavigateFunction,
-} from '@parca/utilities';
+import {capitalizeOnlyFirstLetter, safeDecode, type NavigateFunction} from '@parca/utilities';
 
 import {ProfileSelection, ProfileSelectionFromParams, SuffixParams} from '..';
 import {QuerySelection, useProfileTypes} from '../ProfileSelector';
@@ -98,14 +93,6 @@ const filterSuffix = (
     Object.entries(o)
       .filter(([key]) => !key.endsWith(suffix))
       .map(([key, value]) => {
-        if (typeof value === 'string') {
-          // Only encode if not already encoded
-          return [key, isUrlEncoded(value) ? value : encodeURIComponent(value)];
-        }
-        if (Array.isArray(value)) {
-          // Only encode array values if not already encoded
-          return [key, value.map(v => (isUrlEncoded(v) ? v : encodeURIComponent(v)))];
-        }
         return [key, value];
       })
   );
@@ -227,10 +214,8 @@ const ProfileExplorerApp = ({
   from_a = sanitizedRange.from_a;
   to_a = sanitizedRange.to_a;
 
-  if ((queryParams?.expression_a ?? '') !== '')
-    queryParams.expression_a = decodeMultipleEncodings(expression_a);
-  if ((queryParams?.expression_b ?? '') !== '')
-    queryParams.expression_b = decodeMultipleEncodings(expression_b);
+  if ((queryParams?.expression_a ?? '') !== '') queryParams.expression_a = safeDecode(expression_a);
+  if ((queryParams?.expression_b ?? '') !== '') queryParams.expression_b = safeDecode(expression_b);
 
   const selectProfile = (p: ProfileSelection, suffix: string): void => {
     return navigateTo('/', {
@@ -328,7 +313,7 @@ const ProfileExplorerApp = ({
         ? {
             merge_from_a: q.mergeFrom,
             merge_to_a: q.mergeTo,
-            selection_a: encodeURIComponent(q.expression),
+            selection_a: q.expression,
           }
         : {};
     return navigateTo(

package/src/ProfileSelector/useAutoQuerySelector.ts

@@ -72,13 +72,13 @@ export const useAutoQuerySelector = ({
 
       let compareQuery: Record<string, string> = {
         compare_a: 'true',
-        expression_a: encodeURIComponent(queryA.expression),
+        expression_a: queryA.expression,
         from_a: queryA.from.toString(),
         to_a: queryA.to.toString(),
         time_selection_a: queryA.timeSelection,
 
         compare_b: 'true',
-        expression_b: encodeURIComponent(queryA.expression),
+        expression_b: queryA.expression,
         from_b: queryA.from.toString(),
         to_b: queryA.to.toString(),
         time_selection_b: queryA.timeSelection,

package/src/ProfileSource.tsx

@@ -110,7 +110,7 @@ export class MergedProfileSelection implements ProfileSelection {
     return {
       merge_from: this.mergeFrom.toString(),
       merge_to: this.mergeTo.toString(),
-      selection: encodeURIComponent(this.query.toString()),
+      selection: this.query.toString(),
     };
   }
 

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

@@ -12,7 +12,7 @@
 // limitations under the License.
 
 import {useURLStateCustom, type ParamValueSetterCustom} from '@parca/components';
-import {decodeMultipleEncodings} from '@parca/utilities';
+import {safeDecode} from '@parca/utilities';
 
 import {isPresetKey} from './filterPresets';
 import {type ProfileFilter} from './useProfileFilters';
@@ -73,8 +73,8 @@ export const decodeProfileFilters = (encoded: string): ProfileFilter[] => {
   if (encoded === '' || encoded === undefined) return [];
 
   try {
-    // Handle multiple levels of URL encoding
-    const decodedString = decodeMultipleEncodings(encoded) ?? encoded;
+    // Decode once since we fixed the double encoding issue
+    const decodedString = safeDecode(encoded);
 
     return decodedString.split(',').map((filter, index) => {
       const parts = filter.split(':');