@parca/profile 0.19.28 → 0.19.29

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.29](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.28...@parca/profile@0.19.29) (2025-07-22)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.28](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.27...@parca/profile@0.19.28) (2025-07-22)
 
 **Note:** Version bump only for package @parca/profile

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

@@ -114,7 +114,7 @@ export const convertToProtoFilters = (profileFilters) => {
 };
 export const useProfileFilters = () => {
     const { appliedFilters, setAppliedFilters } = useProfileFiltersUrlState();
-    const [localFilters, setLocalFilters] = useState([]);
+    const [localFilters, setLocalFilters] = useState(appliedFilters ?? []);
     const lastAppliedFiltersRef = useRef([]);
     const localFiltersRef = useRef(localFilters);
     localFiltersRef.current = localFilters;
@@ -238,7 +238,7 @@ export const useProfileFilters = () => {
     }, [appliedFilters]);
     return {
         localFilters,
-        appliedFilters,
+        appliedFilters: appliedFilters ?? [],
         protoFilters,
         hasUnsavedChanges,
         onApplyFilters,

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

@@ -1 +1 @@
-{"version":3,"file":"useProfileFiltersUrlState.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/useProfileFiltersUrlState.ts"],"names":[],"mappings":"AAaA,OAAO,EAAoB,KAAK,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AAGjF,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAsDvD,eAAO,MAAM,oBAAoB,GAAI,SAAS,MAAM,KAAG,aAAa,EAkCnE,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAO;IAC3C,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,EAAE,sBAAsB,CAAC,aAAa,EAAE,CAAC,CAAC;CAmB5D,CAAC"}
+{"version":3,"file":"useProfileFiltersUrlState.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/useProfileFiltersUrlState.ts"],"names":[],"mappings":"AAaA,OAAO,EAAoB,KAAK,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AAIjF,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAsDvD,eAAO,MAAM,oBAAoB,GAAI,SAAS,MAAM,KAAG,aAAa,EAuCnE,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAO;IAC3C,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,EAAE,sBAAsB,CAAC,aAAa,EAAE,CAAC,CAAC;CAoB5D,CAAC"}

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

@@ -11,6 +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 { isPresetKey } from './filterPresets';
 // Compact encoding mappings
 const TYPE_MAP = {
@@ -62,12 +63,14 @@ export const decodeProfileFilters = (encoded) => {
     if (encoded === '' || encoded === undefined)
         return [];
     try {
-        return encoded.split(',').map((filter, index) => {
+        // Handle multiple levels of URL encoding
+        const decodedString = decodeMultipleEncodings(encoded) ?? encoded;
+        return decodedString.split(',').map((filter, index) => {
             const parts = filter.split(':');
             // Handle preset filters (format: p:presetKey:value)
             if (parts[0] === 'p' && parts.length >= 3) {
-                const presetKey = decodeURIComponent(parts[1]);
-                const value = decodeURIComponent(parts.slice(2).join(':')); // Handle values with colons
+                const presetKey = parts[1];
+                const value = parts.slice(2).join(':'); // Handle values with colons
                 return {
                     id: `filter-${Date.now()}-${index}`,
                     type: presetKey,
@@ -76,14 +79,15 @@ export const decodeProfileFilters = (encoded) => {
             }
             // Handle regular filters (format: type:field:match:value)
             const [type, field, match, ...valueParts] = parts;
-            const value = decodeURIComponent(valueParts.join(':')); // Handle values with colons
-            return {
+            const value = valueParts.join(':'); // Handle values with colons
+            const decodedFilter = {
                 id: `filter-${Date.now()}-${index}`,
                 type: TYPE_MAP_REVERSE[type],
                 field: FIELD_MAP_REVERSE[field],
                 matchType: MATCH_MAP_REVERSE[match],
                 value,
             };
+            return decodedFilter;
         });
     }
     catch {
@@ -99,9 +103,10 @@ export const useProfileFiltersUrlState = () => {
         stringify: value => {
             return encodeProfileFilters(value);
         },
+        defaultValue: [],
     });
     return {
-        appliedFilters,
+        appliedFilters: appliedFilters ?? [],
         setAppliedFilters,
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.28",
+  "version": "0.19.29",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
@@ -78,5 +78,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "fcd8ab30d83c0bc8f23e4c244da5e2b06aacf74a"
+  "gitHead": "3695a715bae0531c5654c99a604fd9f1a66a80aa"
 }

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

@@ -145,7 +145,7 @@ export const useProfileFilters = (): {
 } => {
   const {appliedFilters, setAppliedFilters} = useProfileFiltersUrlState();
 
-  const [localFilters, setLocalFilters] = useState<ProfileFilter[]>([]);
+  const [localFilters, setLocalFilters] = useState<ProfileFilter[]>(appliedFilters ?? []);
 
   const lastAppliedFiltersRef = useRef<ProfileFilter[]>([]);
 
@@ -312,7 +312,7 @@ export const useProfileFilters = (): {
 
   return {
     localFilters,
-    appliedFilters,
+    appliedFilters: appliedFilters ?? [],
     protoFilters,
     hasUnsavedChanges,
     onApplyFilters,

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

@@ -12,6 +12,7 @@
 // limitations under the License.
 
 import {useURLStateCustom, type ParamValueSetterCustom} from '@parca/components';
+import {decodeMultipleEncodings} from '@parca/utilities';
 
 import {isPresetKey} from './filterPresets';
 import {type ProfileFilter} from './useProfileFilters';
@@ -72,13 +73,16 @@ export const decodeProfileFilters = (encoded: string): ProfileFilter[] => {
   if (encoded === '' || encoded === undefined) return [];
 
   try {
-    return encoded.split(',').map((filter, index) => {
+    // Handle multiple levels of URL encoding
+    const decodedString = decodeMultipleEncodings(encoded) ?? encoded;
+
+    return decodedString.split(',').map((filter, index) => {
       const parts = filter.split(':');
 
       // Handle preset filters (format: p:presetKey:value)
       if (parts[0] === 'p' && parts.length >= 3) {
-        const presetKey = decodeURIComponent(parts[1]);
-        const value = decodeURIComponent(parts.slice(2).join(':')); // Handle values with colons
+        const presetKey = parts[1];
+        const value = parts.slice(2).join(':'); // Handle values with colons
 
         return {
           id: `filter-${Date.now()}-${index}`,
@@ -89,15 +93,17 @@ export const decodeProfileFilters = (encoded: string): ProfileFilter[] => {
 
       // Handle regular filters (format: type:field:match:value)
       const [type, field, match, ...valueParts] = parts;
-      const value = decodeURIComponent(valueParts.join(':')); // Handle values with colons
+      const value = valueParts.join(':'); // Handle values with colons
 
-      return {
+      const decodedFilter = {
         id: `filter-${Date.now()}-${index}`,
         type: TYPE_MAP_REVERSE[type] as ProfileFilter['type'],
         field: FIELD_MAP_REVERSE[field] as ProfileFilter['field'],
         matchType: MATCH_MAP_REVERSE[match] as ProfileFilter['matchType'],
         value,
       };
+
+      return decodedFilter;
     });
   } catch {
     return [];
@@ -118,11 +124,12 @@ export const useProfileFiltersUrlState = (): {
       stringify: value => {
         return encodeProfileFilters(value);
       },
+      defaultValue: [],
     }
   );
 
   return {
-    appliedFilters,
+    appliedFilters: appliedFilters ?? [],
     setAppliedFilters,
   };
 };