@parca/profile 0.16.329 → 0.16.331

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.331](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.330...@parca/profile@0.16.331) (2024-01-05)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.16.330](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.329...@parca/profile@0.16.330) (2024-01-03)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.329](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.328...@parca/profile@0.16.329) (2024-01-03)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileExplorer/index.js

@@ -30,7 +30,7 @@ const getExpressionAsAString = (expression) => {
 const DEFAULT_DASHBOARD_ITEMS = ['icicle'];
 /* eslint-disable @typescript-eslint/naming-convention */
 const sanitizeDateRange = (time_selection_a, from_a, to_a) => {
-    const range = DateTimeRange.fromRangeKey(time_selection_a);
+    const range = DateTimeRange.fromRangeKey(time_selection_a, from_a, to_a);
     if (from_a == null && to_a == null) {
         from_a = range.getFromMs();
         to_a = range.getToMs();

package/dist/ProfileSelector/index.js

@@ -45,7 +45,7 @@ const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQue
     const [isDataLoading, setIsDataLoading] = useState(false);
     const { heightStyle } = useMetricsGraphDimensions(comparing);
     const { viewComponent } = useParcaContext();
-    const [timeRangeSelection, setTimeRangeSelection] = useState(DateTimeRange.fromRangeKey(querySelection.timeSelection));
+    const [timeRangeSelection, setTimeRangeSelection] = useState(DateTimeRange.fromRangeKey(querySelection.timeSelection, querySelection.from, querySelection.to));
     const [queryExpressionString, setQueryExpressionString] = useState(querySelection.expression);
     useEffect(() => {
         if (querySelection.expression === undefined) {
@@ -73,11 +73,11 @@ const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQue
     };
     const query = enforcedProfileName !== '' ? enforcedProfileNameQuery() : Query.parse(queryExpressionString);
     const selectedProfileName = query.profileName();
-    const setNewQueryExpression = (expr) => {
+    const setNewQueryExpression = (expr, updateTs = false) => {
         const query = enforcedProfileName !== '' ? enforcedProfileNameQuery() : Query.parse(expr);
         const delta = query.profileType().delta;
-        const from = timeRangeSelection.getFromMs();
-        const to = timeRangeSelection.getToMs();
+        const from = timeRangeSelection.getFromMs(updateTs);
+        const to = timeRangeSelection.getToMs(updateTs);
         const mergeParams = delta
             ? {
                 mergeFrom: from,
@@ -92,8 +92,8 @@ const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQue
             ...mergeParams,
         });
     };
-    const setQueryExpression = () => {
-        setNewQueryExpression(query.toString());
+    const setQueryExpression = (updateTs = false) => {
+        setNewQueryExpression(query.toString(), updateTs);
     };
     const addLabelMatcher = (labels) => {
         // When a user clicks on a label on the metrics graph tooltip,
@@ -157,7 +157,7 @@ const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQue
     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 justify-between 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 })] }), _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 }), _jsxs(ButtonGroup, { children: [!searchDisabled && (_jsx(_Fragment, { children: !comparing && (_jsx(CompareButton, { disabled: compareDisabled, onClick: handleCompareClick })) })), _jsx(Button, { disabled: searchDisabled, onClick: (e) => {
                                             e.preventDefault();
-                                            setQueryExpression();
+                                            setQueryExpression(true);
                                         }, id: "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: !isDataLoading &&
                         querySelection.expression !== undefined &&
                         querySelection.expression.length > 0 &&

package/dist/ProfileSource.d.ts

@@ -16,8 +16,7 @@ export interface ProfileSelection {
     ProfileSource: () => ProfileSource;
     Type: () => string;
 }
-export declare const timeFormat = "MMM d, 'at' h:mm:s a '(UTC)'";
-export declare const timeFormatShort = "MMM d, h:mma";
+export declare const timeFormat = "MMM d, 'at' HH:mm:ss '(UTC)'";
 export declare function ParamsString(params: {
     [key: string]: string;
 }): string;

package/dist/ProfileSource.js

@@ -14,8 +14,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { ProfileDiffSelection_Mode, QueryRequest_Mode, QueryRequest_ReportType, Timestamp, } from '@parca/client';
 import { ProfileType, Query } from '@parca/parser';
 import { formatDate } from '@parca/utilities';
-export const timeFormat = "MMM d, 'at' h:mm:s a '(UTC)'";
-export const timeFormatShort = 'MMM d, h:mma';
+export const timeFormat = "MMM d, 'at' HH:mm:ss '(UTC)'";
 export function ParamsString(params) {
     return Object.keys(params)
         .map(function (key) {

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.329",
+  "version": "0.16.331",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.100",
-    "@parca/components": "^0.16.240",
+    "@parca/components": "^0.16.242",
     "@parca/dynamicsize": "^0.16.60",
     "@parca/hooks": "^0.0.38",
     "@parca/parser": "^0.16.68",
-    "@parca/store": "^0.16.121",
-    "@parca/utilities": "^0.0.49",
+    "@parca/store": "^0.16.122",
+    "@parca/utilities": "^0.0.50",
     "@tanstack/react-query": "^4.0.5",
     "@types/react-beautiful-dnd": "^13.1.3",
     "apache-arrow": "^12.0.0",
@@ -40,7 +40,7 @@
     "test": "jest --coverage --config ../../../jest.config.js ./src/*",
     "prepublish": "yarn build",
     "build": "tsc && yarn compile:styles",
-    "watch": "tsc-watch --onSuccess 'yarn compile:styles'",
+    "watch": "tsc-watch --onCompilationComplete 'yarn compile:styles'",
     "compile:styles": "tailwindcss -o dist/styles.css --minify"
   },
   "keywords": [],
@@ -50,5 +50,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "609093d9e68e941b4daf85dc99ae622c320b0e46"
+  "gitHead": "42c203727e73b372def7eb2b608a4231787f324d"
 }

package/src/ProfileExplorer/index.tsx

@@ -55,7 +55,7 @@ const sanitizeDateRange = (
   from_a: number,
   to_a: number
 ): {time_selection_a: string; from_a: number; to_a: number} => {
-  const range = DateTimeRange.fromRangeKey(time_selection_a);
+  const range = DateTimeRange.fromRangeKey(time_selection_a, from_a, to_a);
   if (from_a == null && to_a == null) {
     from_a = range.getFromMs();
     to_a = range.getToMs();

package/src/ProfileSelector/index.tsx

@@ -105,7 +105,7 @@ const ProfileSelector = ({
   const {viewComponent} = useParcaContext();
 
   const [timeRangeSelection, setTimeRangeSelection] = useState(
-    DateTimeRange.fromRangeKey(querySelection.timeSelection)
+    DateTimeRange.fromRangeKey(querySelection.timeSelection, querySelection.from, querySelection.to)
   );
 
   const [queryExpressionString, setQueryExpressionString] = useState(querySelection.expression);
@@ -116,7 +116,6 @@ const ProfileSelector = ({
     }
 
     setIsDataLoading(true);
-
     setQueryExpression();
     setIsDataLoading(false);
 
@@ -146,11 +145,11 @@ const ProfileSelector = ({
     enforcedProfileName !== '' ? enforcedProfileNameQuery() : Query.parse(queryExpressionString);
   const selectedProfileName = query.profileName();
 
-  const setNewQueryExpression = (expr: string): void => {
+  const setNewQueryExpression = (expr: string, updateTs = false): void => {
     const query = enforcedProfileName !== '' ? enforcedProfileNameQuery() : Query.parse(expr);
     const delta = query.profileType().delta;
-    const from = timeRangeSelection.getFromMs();
-    const to = timeRangeSelection.getToMs();
+    const from = timeRangeSelection.getFromMs(updateTs);
+    const to = timeRangeSelection.getToMs(updateTs);
     const mergeParams = delta
       ? {
           mergeFrom: from,
@@ -167,8 +166,8 @@ const ProfileSelector = ({
     });
   };
 
-  const setQueryExpression = (): void => {
-    setNewQueryExpression(query.toString());
+  const setQueryExpression = (updateTs = false): void => {
+    setNewQueryExpression(query.toString(), updateTs);
   };
 
   const addLabelMatcher = (
@@ -286,7 +285,7 @@ const ProfileSelector = ({
               disabled={searchDisabled}
               onClick={(e: React.MouseEvent<HTMLElement>) => {
                 e.preventDefault();
-                setQueryExpression();
+                setQueryExpression(true);
               }}
               id="matcher-search-button"
             >

package/src/ProfileSource.tsx

@@ -38,8 +38,7 @@ export interface ProfileSelection {
   Type: () => string;
 }
 
-export const timeFormat = "MMM d, 'at' h:mm:s a '(UTC)'";
-export const timeFormatShort = 'MMM d, h:mma';
+export const timeFormat = "MMM d, 'at' HH:mm:ss '(UTC)'";
 
 export function ParamsString(params: {[key: string]: string}): string {
   return Object.keys(params)