@parca/profile 0.19.142 → 0.19.143

package/dist/ProfileView/components/Toolbars/TableColumnsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/Toolbars/TableColumnsDropdown.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAQ1C,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,oBAAoB,GAAI,kCAAgC,KAAK,KAAG,GAAG,CAAC,OA+KzE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"TableColumnsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/Toolbars/TableColumnsDropdown.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAS1C,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,oBAAoB,GAAI,kCAAgC,KAAK,KAAG,GAAG,CAAC,OA6KzE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/ProfileView/components/Toolbars/TableColumnsDropdown.js

@@ -25,10 +25,11 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 import { useEffect, useMemo, useState } from 'react';
 import { createColumnHelper } from '@tanstack/table-core';
-import { useURLState } from '@parca/components';
+import { useQueryState } from 'nuqs';
 import { valueFormatter } from '@parca/utilities';
 import ColumnsVisibility from '../../../Table/ColumnsVisibility';
 import { addPlusSign, getRatioString } from '../../../Table/utils/functions';
+import { tableColumnsParser } from '../../../hooks/urlParsers';
 import { useProfileViewContext } from '../../context/ProfileViewContext';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var TableColumnsDropdown = function TableColumnsDropdown(_ref) {
@@ -37,12 +38,10 @@ var TableColumnsDropdown = function TableColumnsDropdown(_ref) {
     filtered = _ref.filtered;
   var _useProfileViewContex = useProfileViewContext(),
     compareMode = _useProfileViewContex.compareMode;
-  var _useURLState = useURLState('table_columns', {
-      alwaysReturnArray: true
-    }),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    tableColumns = _useURLState2[0],
-    setTableColumns = _useURLState2[1];
+  var _useQueryState = useQueryState('table_columns', tableColumnsParser),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    tableColumns = _useQueryState2[0],
+    setTableColumns = _useQueryState2[1];
   var columnHelper = createColumnHelper();
   var unit = useMemo(function () {
     var _profileType$sampleUn;
@@ -200,7 +199,7 @@ var TableColumnsDropdown = function TableColumnsDropdown(_ref) {
     var newTableColumns = Object.keys(updatedColumns).filter(function (col) {
       return updatedColumns[col];
     });
-    setTableColumns(newTableColumns);
+    void setTableColumns(newTableColumns);
   };
   return /*#__PURE__*/_jsxs("div", {
     className: "flex flex-col gap-1",

package/dist/ProfileView/components/Toolbars/index.d.ts

@@ -22,7 +22,7 @@ export interface VisualisationToolbarProps {
     flamechartDimension: string[];
     setFlamechartDimension: (labels: string[]) => void;
     showVisualizationSelector?: boolean;
-    sandwichFunctionName?: string;
+    sandwichFunctionName: string | null;
     alignFunctionName: string;
     setAlignFunctionName: (align: string) => void;
     colorBy: string;
@@ -44,7 +44,7 @@ export interface FlameGraphToolbarProps {
 }
 export interface SandwichFlameGraphToolbarProps {
     resetSandwichFunctionName: () => void;
-    sandwichFunctionName?: string;
+    sandwichFunctionName: string | null;
 }
 export declare const TableToolbar: FC<TableToolbarProps>;
 export declare const FlameGraphToolbar: FC<FlameGraphToolbarProps>;

package/dist/ProfileView/components/Toolbars/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/Toolbars/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,kDAAkD,CAAC;AAClF,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAUrD,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,aAAa,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6BAA6B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChD,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,sBAAsB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;QAC9B,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,aAAa,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,8BAA8B;IAC7C,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAQ9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkBxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAmBxE,CAAC;AAMF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAoH9D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/Toolbars/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,kDAAkD,CAAC;AAClF,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAUrD,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,aAAa,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6BAA6B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChD,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,sBAAsB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;QAC9B,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,aAAa,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,8BAA8B;IAC7C,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAQ9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkBxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAmBxE,CAAC;AAMF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAoH9D,CAAC"}

package/dist/ProfileView/components/Toolbars/index.js

@@ -124,7 +124,7 @@ export var SandwichFlameGraphToolbar = function SandwichFlameGraphToolbar(t0) {
   } else {
     t1 = $[1];
   }
-  var t2 = sandwichFunctionName === undefined || sandwichFunctionName.length === 0;
+  var t2 = sandwichFunctionName == null || sandwichFunctionName.length === 0;
   var t3;
   if ($[2] !== t1 || $[3] !== t2) {
     t3 = /*#__PURE__*/_jsx(_Fragment, {

package/dist/ProfileView/components/ViewSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ViewSelector/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAGrD,UAAU,KAAK;IACb,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,GAAI,mBAAiB,KAAK,KAAG,GAAG,CAAC,OA+JlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ViewSelector/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAKrD,UAAU,KAAK;IACb,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,GAAI,mBAAiB,KAAK,KAAG,GAAG,CAAC,OAoJlD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ProfileView/components/ViewSelector/index.js

@@ -20,56 +20,39 @@ import { c as _c } from "react-compiler-runtime"; // Copyright 2022 The Parca Au
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useParcaContext, useURLState, useURLStateBatch } from '@parca/components';
+import { useQueryState } from 'nuqs';
+import { useParcaContext } from '@parca/components';
+import { stringParam } from '../../../hooks/urlParsers';
+import { useDashboardItems } from '../../../hooks/useDashboardItems';
 import Dropdown from './Dropdown';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var ViewSelector = function ViewSelector(t0) {
-  var $ = _c(21);
+  var $ = _c(17);
   var profileSource = t0.profileSource;
-  var t1;
-  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t1 = {
-      alwaysReturnArray: true
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  var _useURLState = useURLState("dashboard_items", t1),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    t2 = _useURLState2[0],
-    setDashboardItems = _useURLState2[1];
-  var t3;
-  if ($[1] !== t2) {
-    t3 = t2 === undefined ? ["flamegraph"] : t2;
-    $[1] = t2;
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  var dashboardItems = t3;
-  var _useURLState3 = useURLState("sandwich_function_name"),
-    _useURLState4 = _slicedToArray(_useURLState3, 2),
-    setSandwichFunctionName = _useURLState4[1];
+  var _useDashboardItems = useDashboardItems(),
+    dashboardItems = _useDashboardItems.dashboardItems,
+    setDashboardItems = _useDashboardItems.setDashboardItems;
+  var _useQueryState = useQueryState("sandwich_function_name", stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    setSandwichFunctionName = _useQueryState2[1];
   var _useParcaContext = useParcaContext(),
     enableSourcesView = _useParcaContext.enableSourcesView,
     enableSandwichView = _useParcaContext.enableSandwichView;
-  var batchUpdates = useURLStateBatch();
-  var t4;
-  if ($[3] !== dashboardItems) {
-    t4 = dashboardItems.includes("flamegraph");
-    $[3] = dashboardItems;
-    $[4] = t4;
+  var t1;
+  if ($[0] !== dashboardItems) {
+    t1 = dashboardItems.includes("flamegraph");
+    $[0] = dashboardItems;
+    $[1] = t1;
   } else {
-    t4 = $[4];
+    t1 = $[1];
   }
-  var t5 = !t4;
-  var t6;
-  if ($[5] !== batchUpdates || $[6] !== dashboardItems || $[7] !== enableSandwichView || $[8] !== enableSourcesView || $[9] !== profileSource || $[10] !== setDashboardItems || $[11] !== setSandwichFunctionName || $[12] !== t5) {
+  var t2 = !t1;
+  var t3;
+  if ($[2] !== dashboardItems || $[3] !== enableSandwichView || $[4] !== enableSourcesView || $[5] !== profileSource || $[6] !== setDashboardItems || $[7] !== setSandwichFunctionName || $[8] !== t2) {
     var allItems = [{
       key: "flamegraph",
       label: "Flame Graph",
-      canBeSelected: t5
+      canBeSelected: t2
     }, {
       key: "table",
       label: "Table",
@@ -123,20 +106,16 @@ var ViewSelector = function ViewSelector(t0) {
             var newDashboardItems = dashboardItems.filter(function (v) {
               return v !== item.key;
             });
+            setDashboardItems(newDashboardItems);
             if (item.key === "sandwich") {
-              batchUpdates(function () {
-                setDashboardItems(newDashboardItems);
-                setSandwichFunctionName(undefined);
-              });
-            } else {
-              setDashboardItems(newDashboardItems);
+              setSandwichFunctionName(null);
             }
           }
         },
         isDisabled: dashboardItems.length === 1 && dashboardItems.includes("sandwich")
       };
     };
-    t6 = allItems.map(function (item_0) {
+    t3 = allItems.map(function (item_0) {
       return {
         key: item_0.key,
         disabled: !item_0.canBeSelected,
@@ -145,22 +124,21 @@ var ViewSelector = function ViewSelector(t0) {
         innerAction: getInnerActionForItem(item_0)
       };
     });
-    $[5] = batchUpdates;
-    $[6] = dashboardItems;
-    $[7] = enableSandwichView;
-    $[8] = enableSourcesView;
-    $[9] = profileSource;
-    $[10] = setDashboardItems;
-    $[11] = setSandwichFunctionName;
-    $[12] = t5;
-    $[13] = t6;
+    $[2] = dashboardItems;
+    $[3] = enableSandwichView;
+    $[4] = enableSourcesView;
+    $[5] = profileSource;
+    $[6] = setDashboardItems;
+    $[7] = setSandwichFunctionName;
+    $[8] = t2;
+    $[9] = t3;
   } else {
-    t6 = $[13];
+    t3 = $[9];
   }
-  var items = t6;
-  var t7;
-  if ($[14] !== dashboardItems || $[15] !== setDashboardItems) {
-    t7 = function t7(value) {
+  var items = t3;
+  var t4;
+  if ($[10] !== dashboardItems || $[11] !== setDashboardItems) {
+    t4 = function t4(value) {
       var isOnlyChart = dashboardItems.length === 1;
       if (isOnlyChart && value === "sandwich") {
         setDashboardItems([].concat(_toConsumableArray(dashboardItems), [value]));
@@ -173,33 +151,33 @@ var ViewSelector = function ViewSelector(t0) {
       var newDashboardItems_0 = [dashboardItems[0], value];
       setDashboardItems(newDashboardItems_0);
     };
-    $[14] = dashboardItems;
-    $[15] = setDashboardItems;
-    $[16] = t7;
+    $[10] = dashboardItems;
+    $[11] = setDashboardItems;
+    $[12] = t4;
   } else {
-    t7 = $[16];
+    t4 = $[12];
   }
-  var onSelection = t7;
-  var t8 = dashboardItems.length >= 2 ? "Multiple" : dashboardItems[0];
-  var t9;
-  if ($[17] !== items || $[18] !== onSelection || $[19] !== t8) {
-    t9 = /*#__PURE__*/_jsx(Dropdown, {
+  var onSelection = t4;
+  var t5 = dashboardItems.length >= 2 ? "Multiple" : dashboardItems[0];
+  var t6;
+  if ($[13] !== items || $[14] !== onSelection || $[15] !== t5) {
+    t6 = /*#__PURE__*/_jsx(Dropdown, {
       className: "h-view-selector",
       items: items,
-      selectedKey: t8,
+      selectedKey: t5,
       onSelection: onSelection,
       placeholder: "Select view type...",
       id: "h-view-selector",
       optionsClassName: "min-w-[260px]"
     });
-    $[17] = items;
-    $[18] = onSelection;
-    $[19] = t8;
-    $[20] = t9;
+    $[13] = items;
+    $[14] = onSelection;
+    $[15] = t5;
+    $[16] = t6;
   } else {
-    t9 = $[20];
+    t6 = $[16];
   }
-  return t9;
+  return t6;
 };
 export default ViewSelector;
 function _temp(t0) {

package/dist/ProfileView/context/DashboardContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardContext.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/context/DashboardContext.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAA4B,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAEzD,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAID,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CA8BnD,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,oBAM/B,CAAC"}
+{"version":3,"file":"DashboardContext.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/context/DashboardContext.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAA4B,MAAM,OAAO,CAAC;AAMvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAEzD,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAID,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CA4BnD,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,oBAM/B,CAAC"}

package/dist/ProfileView/context/DashboardContext.js

@@ -19,77 +19,69 @@ import { c as _c } from "react-compiler-runtime";
 // limitations under the License.
 
 import { createContext, useContext } from 'react';
-import { useURLState } from '@parca/components';
+import { useQueryState } from 'nuqs';
+import { stringParam } from '../../hooks/urlParsers';
+import { useDashboardItems } from '../../hooks/useDashboardItems';
 import { jsx as _jsx } from "react/jsx-runtime";
 var DashboardContext = /*#__PURE__*/createContext(undefined);
 export var DashboardProvider = function DashboardProvider(t0) {
-  var $ = _c(13);
+  var $ = _c(12);
   var children = t0.children;
+  var _useDashboardItems = useDashboardItems(),
+    dashboardItems = _useDashboardItems.dashboardItems,
+    setDashboardItems = _useDashboardItems.setDashboardItems;
+  var _useQueryState = useQueryState("sandwich_function_name", stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    setSandwichFunctionName = _useQueryState2[1];
   var t1;
-  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t1 = {
-      alwaysReturnArray: true
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  var _useURLState = useURLState("dashboard_items", t1),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    dashboardItems = _useURLState2[0],
-    setDashboardItems = _useURLState2[1];
-  var _useURLState3 = useURLState("sandwich_function_name"),
-    _useURLState4 = _slicedToArray(_useURLState3, 2),
-    setSandwichFunctionName = _useURLState4[1];
-  var t2;
-  if ($[1] !== dashboardItems || $[2] !== setDashboardItems || $[3] !== setSandwichFunctionName) {
-    t2 = function t2(visualizationType) {
+  if ($[0] !== dashboardItems || $[1] !== setDashboardItems || $[2] !== setSandwichFunctionName) {
+    t1 = function t1(visualizationType) {
       var newDashboardItems = dashboardItems.filter(function (item) {
         return item !== visualizationType;
       });
       setDashboardItems(newDashboardItems);
       if (visualizationType === "sandwich") {
-        setSandwichFunctionName(undefined);
+        setSandwichFunctionName(null);
       }
     };
-    $[1] = dashboardItems;
-    $[2] = setDashboardItems;
-    $[3] = setSandwichFunctionName;
-    $[4] = t2;
+    $[0] = dashboardItems;
+    $[1] = setDashboardItems;
+    $[2] = setSandwichFunctionName;
+    $[3] = t1;
   } else {
-    t2 = $[4];
+    t1 = $[3];
   }
-  var handleClosePanel = t2;
+  var handleClosePanel = t1;
   var isMultiPanelView = dashboardItems.length > 1;
-  var t3;
-  if ($[5] !== dashboardItems || $[6] !== handleClosePanel || $[7] !== isMultiPanelView || $[8] !== setDashboardItems) {
-    t3 = {
+  var t2;
+  if ($[4] !== dashboardItems || $[5] !== handleClosePanel || $[6] !== isMultiPanelView || $[7] !== setDashboardItems) {
+    t2 = {
       dashboardItems: dashboardItems,
       setDashboardItems: setDashboardItems,
       handleClosePanel: handleClosePanel,
       isMultiPanelView: isMultiPanelView
     };
-    $[5] = dashboardItems;
-    $[6] = handleClosePanel;
-    $[7] = isMultiPanelView;
-    $[8] = setDashboardItems;
-    $[9] = t3;
+    $[4] = dashboardItems;
+    $[5] = handleClosePanel;
+    $[6] = isMultiPanelView;
+    $[7] = setDashboardItems;
+    $[8] = t2;
   } else {
-    t3 = $[9];
+    t2 = $[8];
   }
-  var t4;
-  if ($[10] !== children || $[11] !== t3) {
-    t4 = /*#__PURE__*/_jsx(DashboardContext.Provider, {
-      value: t3,
+  var t3;
+  if ($[9] !== children || $[10] !== t2) {
+    t3 = /*#__PURE__*/_jsx(DashboardContext.Provider, {
+      value: t2,
       children: children
     });
-    $[10] = children;
+    $[9] = children;
+    $[10] = t2;
     $[11] = t3;
-    $[12] = t4;
   } else {
-    t4 = $[12];
+    t3 = $[11];
   }
-  return t4;
+  return t3;
 };
 export var useDashboard = function useDashboard() {
   var context = useContext(DashboardContext);

package/dist/ProfileView/hooks/useResetFlameGraphState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResetFlameGraphState.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/hooks/useResetFlameGraphState.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,uBAAuB,QAAO,CAAC,MAAM,IAAI,CAWrD,CAAC"}
+{"version":3,"file":"useResetFlameGraphState.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/hooks/useResetFlameGraphState.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,uBAAuB,QAAO,CAAC,MAAM,IAAI,CAWrD,CAAC"}

package/dist/ProfileView/hooks/useResetFlameGraphState.js

@@ -18,21 +18,22 @@ import { c as _c } from "react-compiler-runtime";
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { useURLState } from '@parca/components';
+import { useQueryState } from 'nuqs';
+import { stringParam } from '../../hooks/urlParsers';
 export var useResetFlameGraphState = function useResetFlameGraphState() {
   var $ = _c(3);
-  var _useURLState = useURLState("cur_path"),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    val = _useURLState2[0],
-    setCurPath = _useURLState2[1];
+  var _useQueryState = useQueryState("cur_path", stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    val = _useQueryState2[0],
+    setCurPath = _useQueryState2[1];
   var t0;
   if ($[0] !== setCurPath || $[1] !== val) {
     t0 = function t0() {
       setTimeout(function () {
-        if (val === undefined) {
+        if (val === null) {
           return;
         }
-        setCurPath(undefined);
+        setCurPath(null);
       });
     };
     $[0] = setCurPath;

package/dist/ProfileView/hooks/useResetStateOnProfileTypeChange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResetStateOnProfileTypeChange.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/hooks/useResetStateOnProfileTypeChange.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,gCAAgC,QAAO,CAAC,MAAM,IAAI,CA+B9D,CAAC"}
+{"version":3,"file":"useResetStateOnProfileTypeChange.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/hooks/useResetStateOnProfileTypeChange.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,gCAAgC,QAAO,CAAC,MAAM,IAAI,CA4B9D,CAAC"}

package/dist/ProfileView/hooks/useResetStateOnProfileTypeChange.js

@@ -18,70 +18,70 @@ import { c as _c } from "react-compiler-runtime";
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { useURLState, useURLStateBatch } from '@parca/components';
+import { useQueryStates } from 'nuqs';
+import { stringParam } from '../../hooks/urlParsers';
 import { useProfileFilters } from '../components/ProfileFilters/useProfileFilters';
 export var useResetStateOnProfileTypeChange = function useResetStateOnProfileTypeChange() {
-  var $ = _c(13);
-  var _useURLState = useURLState("group_by"),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    groupBy = _useURLState2[0],
-    setGroupBy = _useURLState2[1];
-  var _useURLState3 = useURLState("cur_path"),
-    _useURLState4 = _slicedToArray(_useURLState3, 2),
-    curPath = _useURLState4[0],
-    setCurPath = _useURLState4[1];
-  var _useURLState5 = useURLState("sum_by_a"),
-    _useURLState6 = _slicedToArray(_useURLState5, 2),
-    sumByA = _useURLState6[0],
-    setSumByA = _useURLState6[1];
-  var _useURLState7 = useURLState("sum_by_b"),
-    _useURLState8 = _slicedToArray(_useURLState7, 2),
-    sumByB = _useURLState8[0],
-    setSumByB = _useURLState8[1];
+  var $ = _c(10);
+  var t0;
+  var t1;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = {
+      group_by: stringParam,
+      cur_path: stringParam,
+      sum_by_a: stringParam,
+      sum_by_b: stringParam,
+      sandwich_function_name: stringParam
+    };
+    t1 = {
+      history: "replace"
+    };
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  var _useQueryStates = useQueryStates(t0, t1),
+    _useQueryStates2 = _slicedToArray(_useQueryStates, 2),
+    state = _useQueryStates2[0],
+    setState = _useQueryStates2[1];
   var _useProfileFilters = useProfileFilters(),
     resetFilters = _useProfileFilters.resetFilters;
-  var _useURLState9 = useURLState("sandwich_function_name"),
-    _useURLState0 = _slicedToArray(_useURLState9, 2),
-    sandwichFunctionName = _useURLState0[0],
-    setSandwichFunctionName = _useURLState0[1];
-  var batchUpdates = useURLStateBatch();
-  var t0;
-  if ($[0] !== batchUpdates || $[1] !== curPath || $[2] !== groupBy || $[3] !== resetFilters || $[4] !== sandwichFunctionName || $[5] !== setCurPath || $[6] !== setGroupBy || $[7] !== setSandwichFunctionName || $[8] !== setSumByA || $[9] !== setSumByB || $[10] !== sumByA || $[11] !== sumByB) {
-    t0 = function t0() {
-      batchUpdates(function () {
-        if (groupBy !== undefined) {
-          setGroupBy(undefined);
-        }
-        if (curPath !== undefined) {
-          setCurPath(undefined);
-        }
-        if (sandwichFunctionName !== undefined) {
-          setSandwichFunctionName(undefined);
-        }
-        if (sumByA !== undefined) {
-          setSumByA(undefined);
-        }
-        if (sumByB !== undefined) {
-          setSumByB(undefined);
-        }
-        resetFilters();
-      });
+  var t2;
+  if ($[2] !== resetFilters || $[3] !== setState || $[4] !== state.cur_path || $[5] !== state.group_by || $[6] !== state.sandwich_function_name || $[7] !== state.sum_by_a || $[8] !== state.sum_by_b) {
+    t2 = function t2() {
+      var updates = {};
+      if (state.group_by !== null) {
+        updates.group_by = null;
+      }
+      if (state.cur_path !== null) {
+        updates.cur_path = null;
+      }
+      if (state.sandwich_function_name !== null) {
+        updates.sandwich_function_name = null;
+      }
+      if (state.sum_by_a !== null) {
+        updates.sum_by_a = null;
+      }
+      if (state.sum_by_b !== null) {
+        updates.sum_by_b = null;
+      }
+      if (Object.keys(updates).length > 0) {
+        setState(updates);
+      }
+      resetFilters();
     };
-    $[0] = batchUpdates;
-    $[1] = curPath;
-    $[2] = groupBy;
-    $[3] = resetFilters;
-    $[4] = sandwichFunctionName;
-    $[5] = setCurPath;
-    $[6] = setGroupBy;
-    $[7] = setSandwichFunctionName;
-    $[8] = setSumByA;
-    $[9] = setSumByB;
-    $[10] = sumByA;
-    $[11] = sumByB;
-    $[12] = t0;
+    $[2] = resetFilters;
+    $[3] = setState;
+    $[4] = state.cur_path;
+    $[5] = state.group_by;
+    $[6] = state.sandwich_function_name;
+    $[7] = state.sum_by_a;
+    $[8] = state.sum_by_b;
+    $[9] = t2;
   } else {
-    t0 = $[12];
+    t2 = $[9];
   }
-  return t0;
+  return t2;
 };

package/dist/ProfileView/hooks/useResetStateOnSeriesChange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResetStateOnSeriesChange.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/hooks/useResetStateOnSeriesChange.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,2BAA2B,QAAO,CAAC,MAAM,IAAI,CAczD,CAAC"}
+{"version":3,"file":"useResetStateOnSeriesChange.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/hooks/useResetStateOnSeriesChange.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,2BAA2B,QAAO,CAAC,MAAM,IAAI,CAoBzD,CAAC"}

package/dist/ProfileView/hooks/useResetStateOnSeriesChange.js

@@ -18,36 +18,51 @@ import { c as _c } from "react-compiler-runtime";
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { useURLState } from '@parca/components';
+import { useQueryStates } from 'nuqs';
+import { stringParam } from '../../hooks/urlParsers';
 export var useResetStateOnSeriesChange = function useResetStateOnSeriesChange() {
   var $ = _c(5);
-  var _useURLState = useURLState("cur_path"),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    curPath = _useURLState2[0],
-    setCurPath = _useURLState2[1];
-  var _useURLState3 = useURLState("sandwich_function_name"),
-    _useURLState4 = _slicedToArray(_useURLState3, 2),
-    sandwichFunctionName = _useURLState4[0],
-    setSandwichFunctionName = _useURLState4[1];
   var t0;
-  if ($[0] !== curPath || $[1] !== sandwichFunctionName || $[2] !== setCurPath || $[3] !== setSandwichFunctionName) {
-    t0 = function t0() {
+  var t1;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = {
+      cur_path: stringParam,
+      sandwich_function_name: stringParam
+    };
+    t1 = {
+      history: "replace"
+    };
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  var _useQueryStates = useQueryStates(t0, t1),
+    _useQueryStates2 = _slicedToArray(_useQueryStates, 2),
+    state = _useQueryStates2[0],
+    setState = _useQueryStates2[1];
+  var t2;
+  if ($[2] !== setState || $[3] !== state) {
+    t2 = function t2() {
       setTimeout(function () {
-        if (curPath !== undefined) {
-          setCurPath(undefined);
+        var updates = {};
+        if (state.cur_path !== null) {
+          updates.cur_path = null;
+        }
+        if (state.sandwich_function_name !== null) {
+          updates.sandwich_function_name = null;
         }
-        if (sandwichFunctionName !== undefined) {
-          setSandwichFunctionName(undefined);
+        if (Object.keys(updates).length > 0) {
+          setState(updates);
         }
       });
     };
-    $[0] = curPath;
-    $[1] = sandwichFunctionName;
-    $[2] = setCurPath;
-    $[3] = setSandwichFunctionName;
-    $[4] = t0;
+    $[2] = setState;
+    $[3] = state;
+    $[4] = t2;
   } else {
-    t0 = $[4];
+    t2 = $[4];
   }
-  return t0;
+  return t2;
 };