@parca/profile 0.16.333 → 0.16.335

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.335](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.334...@parca/profile@0.16.335) (2024-01-22)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.16.334](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.333...@parca/profile@0.16.334) (2024-01-18)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.333](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.332...@parca/profile@0.16.333) (2024-01-11)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileExplorer/index.js

@@ -38,7 +38,17 @@ const sanitizeDateRange = (time_selection_a, from_a, to_a) => {
     return { time_selection_a: range.getRangeKey(), from_a, to_a };
 };
 /* eslint-enable @typescript-eslint/naming-convention */
-const filterSuffix = (o, suffix) => Object.fromEntries(Object.entries(o).filter(([key]) => !key.endsWith(suffix)));
+const filterSuffix = (o, suffix) => Object.fromEntries(Object.entries(o)
+    .filter(([key]) => !key.endsWith(suffix))
+    .map(([key, value]) => {
+    if (typeof value === 'string') {
+        return [key, encodeURIComponent(value)];
+    }
+    if (Array.isArray(value)) {
+        return [key, value.map(v => encodeURIComponent(v))];
+    }
+    return [key, value];
+}));
 const swapQueryParameters = (o) => {
     Object.entries(o).forEach(([key, value]) => {
         if (key.endsWith('_b')) {

package/dist/QueryBrowser/index.d.ts

@@ -0,0 +1,12 @@
+import { QueryServiceClient } from '@parca/client';
+import { DateTimeRange } from '@parca/components';
+import { QuerySelection } from '../ProfileSelector';
+interface Props {
+    queryClient: QueryServiceClient;
+    selectQuery: (query: QuerySelection) => void;
+    enforcedProfileName: string;
+    timeRangeSelection: DateTimeRange;
+    querySelection: QuerySelection;
+}
+declare const QueryBrowser: ({ queryClient, enforcedProfileName, timeRangeSelection, selectQuery, querySelection, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default QueryBrowser;

package/dist/QueryBrowser/index.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Query } from '@parca/parser';
+import MatchersInput from '../MatchersInput';
+const QueryBrowser = ({ queryClient, enforcedProfileName, timeRangeSelection, selectQuery, querySelection, }) => {
+    const [queryExpressionString, setQueryExpressionString] = useState(querySelection.expression);
+    useEffect(() => {
+        if (enforcedProfileName !== '') {
+            const [q, changed] = Query.parse(querySelection.expression).setProfileName(enforcedProfileName);
+            if (changed) {
+                setQueryExpressionString(q.toString());
+                return;
+            }
+        }
+        setQueryExpressionString(querySelection.expression);
+    }, [enforcedProfileName, querySelection.expression]);
+    const enforcedProfileNameQuery = () => {
+        const pq = Query.parse(queryExpressionString);
+        const [q] = pq.setProfileName(enforcedProfileName);
+        return q;
+    };
+    const setMatchersString = (matchers) => {
+        const newExpressionString = `${''}{${matchers}}`;
+        setQueryExpressionString(newExpressionString);
+    };
+    const setNewQueryExpression = (expr) => {
+        const query = enforcedProfileName !== '' ? enforcedProfileNameQuery() : Query.parse(expr);
+        const delta = query.profileType().delta;
+        const from = timeRangeSelection.getFromMs();
+        const to = timeRangeSelection.getToMs();
+        const mergeParams = delta
+            ? {
+                mergeFrom: from,
+                mergeTo: to,
+            }
+            : {};
+        selectQuery({
+            expression: expr,
+            from,
+            to,
+            timeSelection: timeRangeSelection.getRangeKey(),
+            ...mergeParams,
+        });
+    };
+    const query = enforcedProfileName !== '' ? enforcedProfileNameQuery() : Query.parse(queryExpressionString);
+    const setQueryExpression = () => {
+        setNewQueryExpression(query.toString());
+    };
+    return (_jsx(_Fragment, { children: _jsx(MatchersInput, { queryClient: queryClient, setMatchersString: setMatchersString, runQuery: setQueryExpression, currentQuery: query }) }));
+};
+export default QueryBrowser;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.333",
+  "version": "0.16.335",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.100",
-    "@parca/components": "^0.16.243",
+    "@parca/components": "^0.16.245",
     "@parca/dynamicsize": "^0.16.60",
     "@parca/hooks": "^0.0.38",
     "@parca/parser": "^0.16.68",
-    "@parca/store": "^0.16.122",
-    "@parca/utilities": "^0.0.50",
+    "@parca/store": "^0.16.124",
+    "@parca/utilities": "^0.0.52",
     "@tanstack/react-query": "^4.0.5",
     "@types/react-beautiful-dnd": "^13.1.3",
     "apache-arrow": "^12.0.0",
@@ -50,5 +50,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "826ee43af61f977fe3d8aba596093b48918e83ce"
+  "gitHead": "fdf06a5203f54f1b5c7999520ae2f055f1f9dac7"
 }

package/src/ProfileExplorer/index.tsx

@@ -68,7 +68,19 @@ const filterSuffix = (
   o: {[key: string]: string | string[] | undefined},
   suffix: string
 ): {[key: string]: string | string[] | undefined} =>
-  Object.fromEntries(Object.entries(o).filter(([key]) => !key.endsWith(suffix)));
+  Object.fromEntries(
+    Object.entries(o)
+      .filter(([key]) => !key.endsWith(suffix))
+      .map(([key, value]) => {
+        if (typeof value === 'string') {
+          return [key, encodeURIComponent(value)];
+        }
+        if (Array.isArray(value)) {
+          return [key, value.map(v => encodeURIComponent(v))];
+        }
+        return [key, value];
+      })
+  );
 
 const swapQueryParameters = (o: {
   [key: string]: string | string[] | undefined;