@parca/profile 0.19.142 → 0.19.143

package/dist/SourceView/useSelectedLineRange.js

@@ -18,95 +18,71 @@ import { c as _c } from "react-compiler-runtime";
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { useMemo } from 'react';
-import { useURLState } from '@parca/components';
+import { useCallback } from 'react';
+import { createParser, useQueryState } from 'nuqs';
+var lineRangeParser = createParser({
+  parse: function parse(value) {
+    var _value$split = value.split('-'),
+      _value$split2 = _slicedToArray(_value$split, 2),
+      start = _value$split2[0],
+      end = _value$split2[1];
+    var startNum = parseInt(start, 10);
+    if (isNaN(startNum)) return null;
+    var endNum = end !== undefined ? parseInt(end, 10) : startNum;
+    return {
+      start: startNum,
+      end: isNaN(endNum) ? startNum : endNum
+    };
+  },
+  serialize: function serialize(value) {
+    return "".concat(value.start, "-").concat(value.end);
+  }
+}).withOptions({
+  history: 'replace'
+});
 var useLineRange = function useLineRange() {
-  var $ = _c(15);
-  var _useURLState = useURLState("source_line"),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    sourceLine = _useURLState2[0],
-    setSourceLine = _useURLState2[1];
+  var $ = _c(7);
   var t0;
-  bb0: {
-    if (sourceLine == null) {
-      var _t;
-      if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
-        _t = [-1, -1];
-        $[0] = _t;
-      } else {
-        _t = $[0];
-      }
-      t0 = _t;
-      break bb0;
-    }
-    var _t2;
-    if ($[1] !== sourceLine) {
-      _t2 = sourceLine.split("-");
-      $[1] = sourceLine;
-      $[2] = _t2;
-    } else {
-      _t2 = $[2];
-    }
-    var _t3 = _t2,
-      _t4 = _slicedToArray(_t3, 2),
-      start = _t4[0],
-      end = _t4[1];
-    if (end === undefined) {
-      var _t5 = parseInt(start, 10);
-      var _t6 = parseInt(start, 10);
-      var _t7;
-      if ($[3] !== _t5 || $[4] !== _t6) {
-        _t7 = [_t5, _t6];
-        $[3] = _t5;
-        $[4] = _t6;
-        $[5] = _t7;
-      } else {
-        _t7 = $[5];
-      }
-      t0 = _t7;
-      break bb0;
-    }
-    var _t8 = parseInt(start, 10);
-    var t3 = parseInt(end, 10);
-    var t4;
-    if ($[6] !== _t8 || $[7] !== t3) {
-      t4 = [_t8, t3];
-      $[6] = _t8;
-      $[7] = t3;
-      $[8] = t4;
-    } else {
-      t4 = $[8];
-    }
-    t0 = t4;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = lineRangeParser.withDefault({
+      start: -1,
+      end: -1
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
   }
-  var _t9 = t0,
-    _t0 = _slicedToArray(_t9, 2),
-    startLine = _t0[0],
-    endLine = _t0[1];
+  var _useQueryState = useQueryState("source_line", t0),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    lineRange = _useQueryState2[0],
+    setRawLineRange = _useQueryState2[1];
   var t1;
-  if ($[9] !== setSourceLine) {
-    t1 = function t1(start_0, end_0) {
-      setSourceLine("".concat(start_0, "-").concat(end_0));
+  if ($[1] !== setRawLineRange) {
+    t1 = function t1(start, end) {
+      setRawLineRange({
+        start: start,
+        end: end
+      });
     };
-    $[9] = setSourceLine;
-    $[10] = t1;
+    $[1] = setRawLineRange;
+    $[2] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[2];
   }
   var setLineRange = t1;
   var t2;
-  if ($[11] !== endLine || $[12] !== setLineRange || $[13] !== startLine) {
+  if ($[3] !== lineRange.end || $[4] !== lineRange.start || $[5] !== setLineRange) {
     t2 = {
-      startLine: startLine,
-      endLine: endLine,
+      startLine: lineRange.start,
+      endLine: lineRange.end,
       setLineRange: setLineRange
     };
-    $[11] = endLine;
-    $[12] = setLineRange;
-    $[13] = startLine;
-    $[14] = t2;
+    $[3] = lineRange.end;
+    $[4] = lineRange.start;
+    $[5] = setLineRange;
+    $[6] = t2;
   } else {
-    t2 = $[14];
+    t2 = $[6];
   }
   return t2;
 };

package/dist/Table/MoreDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.d.ts","sourceRoot":"","sources":["../../src/Table/MoreDropdown.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,YAAY,GAAI,kBAAgB;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAgElF,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MoreDropdown.d.ts","sourceRoot":"","sources":["../../src/Table/MoreDropdown.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,YAAY,GAAI,kBAAgB;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA0DlF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/Table/MoreDropdown.js

@@ -24,84 +24,73 @@ import { c as _c } from "react-compiler-runtime";
 
 import { Menu } from '@headlessui/react';
 import { Icon } from '@iconify/react';
-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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var MoreDropdown = function MoreDropdown(t0) {
-  var $ = _c(14);
+  var $ = _c(12);
   var functionName = t0.functionName;
-  var _useURLState = useURLState("sandwich_function_name"),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    setSandwichFunctionName = _useURLState2[1];
-  var t1;
-  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t1 = {
-      alwaysReturnArray: true
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  var _useURLState3 = useURLState("dashboard_items", t1),
-    _useURLState4 = _slicedToArray(_useURLState3, 2),
-    dashboardItems = _useURLState4[0],
-    setDashboardItems = _useURLState4[1];
+  var _useQueryState = useQueryState("sandwich_function_name", stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    setSandwichFunctionName = _useQueryState2[1];
+  var _useDashboardItems = useDashboardItems(),
+    dashboardItems = _useDashboardItems.dashboardItems,
+    setDashboardItems = _useDashboardItems.setDashboardItems;
   var _useParcaContext = useParcaContext(),
     enableSandwichView = _useParcaContext.enableSandwichView;
-  var batchUpdates = useURLStateBatch();
-  var t2;
-  if ($[1] !== batchUpdates || $[2] !== dashboardItems || $[3] !== functionName || $[4] !== setDashboardItems || $[5] !== setSandwichFunctionName) {
-    t2 = function t2() {
-      batchUpdates(function () {
-        setSandwichFunctionName(functionName.trim());
-        setDashboardItems([].concat(_toConsumableArray(dashboardItems), ["sandwich"]));
-      });
+  var t1;
+  if ($[0] !== dashboardItems || $[1] !== functionName || $[2] !== setDashboardItems || $[3] !== setSandwichFunctionName) {
+    t1 = function t1() {
+      setSandwichFunctionName(functionName.trim());
+      setDashboardItems([].concat(_toConsumableArray(dashboardItems), ["sandwich"]));
     };
-    $[1] = batchUpdates;
-    $[2] = dashboardItems;
-    $[3] = functionName;
-    $[4] = setDashboardItems;
-    $[5] = setSandwichFunctionName;
-    $[6] = t2;
+    $[0] = dashboardItems;
+    $[1] = functionName;
+    $[2] = setDashboardItems;
+    $[3] = setSandwichFunctionName;
+    $[4] = t1;
   } else {
-    t2 = $[6];
+    t1 = $[4];
   }
-  var onSandwichViewSelect = t2;
+  var onSandwichViewSelect = t1;
   var menuItems;
-  if ($[7] !== enableSandwichView || $[8] !== onSandwichViewSelect) {
+  if ($[5] !== enableSandwichView || $[6] !== onSandwichViewSelect) {
     menuItems = [];
     if (enableSandwichView === true) {
       var _t;
-      if ($[10] !== onSandwichViewSelect) {
+      if ($[8] !== onSandwichViewSelect) {
         _t = {
           label: "Show in Sandwich view",
           action: function action() {
             return onSandwichViewSelect();
           }
         };
-        $[10] = onSandwichViewSelect;
-        $[11] = _t;
+        $[8] = onSandwichViewSelect;
+        $[9] = _t;
       } else {
-        _t = $[11];
+        _t = $[9];
       }
       menuItems.push(_t);
     }
-    $[7] = enableSandwichView;
-    $[8] = onSandwichViewSelect;
-    $[9] = menuItems;
+    $[5] = enableSandwichView;
+    $[6] = onSandwichViewSelect;
+    $[7] = menuItems;
   } else {
-    menuItems = $[9];
+    menuItems = $[7];
   }
   if (menuItems.length === 0) {
     return null;
   }
-  var t3;
-  if ($[12] !== menuItems) {
-    t3 = /*#__PURE__*/_jsx("div", {
+  var t2;
+  if ($[10] !== menuItems) {
+    t2 = /*#__PURE__*/_jsx("div", {
       className: "relative",
       children: /*#__PURE__*/_jsx(Menu, {
-        children: function children(t4) {
-          var open = t4.open,
-            close = t4.close;
+        children: function children(t3) {
+          var open = t3.open,
+            close = t3.close;
           return /*#__PURE__*/_jsxs(_Fragment, {
             children: [/*#__PURE__*/_jsx(Menu.Button, {
               onClick: function onClick() {
@@ -124,12 +113,12 @@ var MoreDropdown = function MoreDropdown(t0) {
         }
       })
     });
-    $[12] = menuItems;
-    $[13] = t3;
+    $[10] = menuItems;
+    $[11] = t2;
   } else {
-    t3 = $[13];
+    t2 = $[11];
   }
-  return t3;
+  return t2;
 };
 export default MoreDropdown;
 function _temp(item) {

package/dist/Table/TableContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableContextMenu.d.ts","sourceRoot":"","sources":["../../src/Table/TableContextMenu.tsx"],"names":[],"mappings":"AAiBA,OAAO,yCAAyC,CAAC;AAKjD,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,GAAG,CAAC;AAG3B,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,gBAAgB,GAAI,kEAOvB,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OAmMpC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TableContextMenu.d.ts","sourceRoot":"","sources":["../../src/Table/TableContextMenu.tsx"],"names":[],"mappings":"AAkBA,OAAO,yCAAyC,CAAC;AAKjD,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,GAAG,CAAC;AAK3B,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,gBAAgB,GAAI,kEAOvB,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OA6LpC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Table/TableContextMenu.js

@@ -23,11 +23,14 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
+import { useQueryState } from 'nuqs';
 import { Item, Menu, Submenu } from 'react-contexify';
 import 'react-contexify/dist/ReactContexify.css';
-import { useParcaContext, useURLState, useURLStateBatch } from '@parca/components';
+import { useParcaContext } from '@parca/components';
 import { valueFormatter } from '@parca/utilities';
 import { getTextForCumulative } from '../ProfileFlameGraph/FlameGraphArrow/utils';
+import { stringParam } from '../hooks/urlParsers';
+import { useDashboardItems } from '../hooks/useDashboardItems';
 import { truncateString } from '../utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var TableContextMenu = function TableContextMenu(_ref) {
@@ -38,29 +41,22 @@ var TableContextMenu = function TableContextMenu(_ref) {
     total = _ref.total,
     totalUnfiltered = _ref.totalUnfiltered,
     columnVisibility = _ref.columnVisibility;
-  var _useURLState = useURLState('sandwich_function_name'),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    _ = _useURLState2[0],
-    setSandwichFunctionName = _useURLState2[1];
-  var _useURLState3 = useURLState('dashboard_items', {
-      alwaysReturnArray: true
-    }),
-    _useURLState4 = _slicedToArray(_useURLState3, 2),
-    dashboardItems = _useURLState4[0],
-    setDashboardItems = _useURLState4[1];
+  var _useQueryState = useQueryState('sandwich_function_name', stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    _ = _useQueryState2[0],
+    setSandwichFunctionName = _useQueryState2[1];
+  var _useDashboardItems = useDashboardItems(),
+    dashboardItems = _useDashboardItems.dashboardItems,
+    setDashboardItems = _useDashboardItems.setDashboardItems;
   var _useParcaContext = useParcaContext(),
     enableSandwichView = _useParcaContext.enableSandwichView,
     isDarkMode = _useParcaContext.isDarkMode;
-  var batchUpdates = useURLStateBatch();
   var onSandwichViewSelect = function onSandwichViewSelect() {
     if ((row === null || row === void 0 ? void 0 : row.name) != null && row.name.length > 0) {
-      // Batch updates to combine setSandwichFunctionName + setDashboardItems into single URL navigation
-      batchUpdates(function () {
-        setSandwichFunctionName(row.name.trim());
-        if (!dashboardItems.includes('sandwich')) {
-          setDashboardItems([].concat(_toConsumableArray(dashboardItems), ['sandwich']));
-        }
-      });
+      void setSandwichFunctionName(row.name.trim());
+      if (!dashboardItems.includes('sandwich')) {
+        setDashboardItems([].concat(_toConsumableArray(dashboardItems), ['sandwich']));
+      }
     }
   };
   var handleCopyItem = function handleCopyItem(text) {

package/dist/Table/hooks/useTableConfiguration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableConfiguration.d.ts","sourceRoot":"","sources":["../../../src/Table/hooks/useTableConfiguration.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAKxE,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,IAAI,CAAC;AAE5B,OAAO,EAA2B,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAE7E,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,cAAc,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,0BAA0B,GAAG,kBAAkB,CAyKjD"}
+{"version":3,"file":"useTableConfiguration.d.ts","sourceRoot":"","sources":["../../../src/Table/hooks/useTableConfiguration.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAKxE,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,IAAI,CAAC;AAG5B,OAAO,EAA2B,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAE7E,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,cAAc,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,0BAA0B,GAAG,kBAAkB,CAuKjD"}