@parca/profile 0.19.142 → 0.19.144

package/dist/Table/hooks/useTableConfiguration.js

@@ -20,13 +20,14 @@ import { c as _c } from "react-compiler-runtime";
 
 import { useMemo } from 'react';
 import { createColumnHelper } from '@tanstack/table-core';
-import { useURLState } from '@parca/components';
+import { useQueryState } from 'nuqs';
 import { valueFormatter } from '@parca/utilities';
+import { tableColumnsParser } from '../../hooks/urlParsers';
 import { ColorCell } from '../ColorCell';
 import { addPlusSign, ratioString } from '../utils/functions';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function useTableConfiguration(t0) {
-  var $ = _c(45);
+  var $ = _c(44);
   var t1 = t0.unit,
     total = t0.total,
     filtered = t0.filtered,
@@ -40,20 +41,11 @@ export function useTableConfiguration(t0) {
     t2 = $[0];
   }
   var columnHelper = t2;
-  var t3;
-  if ($[1] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t3 = {
-      alwaysReturnArray: true
-    };
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  var _useURLState = useURLState("table_columns", t3),
-    _useURLState2 = _slicedToArray(_useURLState, 1),
-    tableColumns = _useURLState2[0];
+  var _useQueryState = useQueryState("table_columns", tableColumnsParser),
+    _useQueryState2 = _slicedToArray(_useQueryState, 1),
+    tableColumns = _useQueryState2[0];
   var defaults;
-  if ($[2] !== compareMode || $[3] !== tableColumns) {
+  if ($[1] !== compareMode || $[2] !== tableColumns) {
     defaults = {
       color: true,
       flat: true,
@@ -74,29 +66,29 @@ export function useTableConfiguration(t0) {
         defaults[column] = tableColumns.includes(column);
       });
     }
-    $[2] = compareMode;
-    $[3] = tableColumns;
-    $[4] = defaults;
+    $[1] = compareMode;
+    $[2] = tableColumns;
+    $[3] = defaults;
   } else {
-    defaults = $[4];
+    defaults = $[3];
   }
   var columnVisibility = defaults;
-  var t4;
-  if ($[5] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t4 = columnHelper.accessor("colorProperty", {
+  var t3;
+  if ($[4] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t3 = columnHelper.accessor("colorProperty", {
       id: "color",
       header: "",
       cell: _temp,
       size: 10,
       enableSorting: false
     });
-    $[5] = t4;
+    $[4] = t3;
   } else {
-    t4 = $[5];
+    t3 = $[4];
   }
-  var t5;
-  if ($[6] !== unit) {
-    t5 = columnHelper.accessor("flat", {
+  var t4;
+  if ($[5] !== unit) {
+    t4 = columnHelper.accessor("flat", {
       id: "flat",
       header: "Flat",
       cell: function cell(info_0) {
@@ -108,14 +100,14 @@ export function useTableConfiguration(t0) {
       },
       invertSorting: true
     });
-    $[6] = unit;
-    $[7] = t5;
+    $[5] = unit;
+    $[6] = t4;
   } else {
-    t5 = $[7];
+    t4 = $[6];
   }
-  var t6;
-  if ($[8] !== filtered || $[9] !== total) {
-    t6 = columnHelper.accessor("flat", {
+  var t5;
+  if ($[7] !== filtered || $[8] !== total) {
+    t5 = columnHelper.accessor("flat", {
       id: "flatPercentage",
       header: "Flat (%)",
       cell: function cell(info_1) {
@@ -127,15 +119,15 @@ export function useTableConfiguration(t0) {
       },
       invertSorting: true
     });
-    $[8] = filtered;
-    $[9] = total;
-    $[10] = t6;
+    $[7] = filtered;
+    $[8] = total;
+    $[9] = t5;
   } else {
-    t6 = $[10];
+    t5 = $[9];
   }
-  var t7;
-  if ($[11] !== unit) {
-    t7 = columnHelper.accessor("flatDiff", {
+  var t6;
+  if ($[10] !== unit) {
+    t6 = columnHelper.accessor("flatDiff", {
       id: "flatDiff",
       header: "Flat Diff",
       cell: function cell(info_2) {
@@ -147,14 +139,14 @@ export function useTableConfiguration(t0) {
       },
       invertSorting: true
     });
-    $[11] = unit;
-    $[12] = t7;
+    $[10] = unit;
+    $[11] = t6;
   } else {
-    t7 = $[12];
+    t6 = $[11];
   }
-  var t8;
-  if ($[13] !== filtered || $[14] !== total) {
-    t8 = columnHelper.accessor("flatDiff", {
+  var t7;
+  if ($[12] !== filtered || $[13] !== total) {
+    t7 = columnHelper.accessor("flatDiff", {
       id: "flatDiffPercentage",
       header: "Flat Diff (%)",
       cell: function cell(info_3) {
@@ -166,15 +158,15 @@ export function useTableConfiguration(t0) {
       },
       invertSorting: true
     });
-    $[13] = filtered;
-    $[14] = total;
-    $[15] = t8;
+    $[12] = filtered;
+    $[13] = total;
+    $[14] = t7;
   } else {
-    t8 = $[15];
+    t7 = $[14];
   }
-  var t9;
-  if ($[16] !== unit) {
-    t9 = columnHelper.accessor("cumulative", {
+  var t8;
+  if ($[15] !== unit) {
+    t8 = columnHelper.accessor("cumulative", {
       id: "cumulative",
       header: "Cumulative",
       cell: function cell(info_4) {
@@ -186,14 +178,14 @@ export function useTableConfiguration(t0) {
       },
       invertSorting: true
     });
-    $[16] = unit;
-    $[17] = t9;
+    $[15] = unit;
+    $[16] = t8;
   } else {
-    t9 = $[17];
+    t8 = $[16];
   }
-  var t10;
-  if ($[18] !== filtered || $[19] !== total) {
-    t10 = columnHelper.accessor("cumulative", {
+  var t9;
+  if ($[17] !== filtered || $[18] !== total) {
+    t9 = columnHelper.accessor("cumulative", {
       id: "cumulativePercentage",
       header: "Cumulative (%)",
       cell: function cell(info_5) {
@@ -205,15 +197,15 @@ export function useTableConfiguration(t0) {
       },
       invertSorting: true
     });
-    $[18] = filtered;
-    $[19] = total;
-    $[20] = t10;
+    $[17] = filtered;
+    $[18] = total;
+    $[19] = t9;
   } else {
-    t10 = $[20];
+    t9 = $[19];
   }
-  var t11;
-  if ($[21] !== unit) {
-    t11 = columnHelper.accessor("cumulativeDiff", {
+  var t10;
+  if ($[20] !== unit) {
+    t10 = columnHelper.accessor("cumulativeDiff", {
       id: "cumulativeDiff",
       header: "Cumulative Diff",
       cell: function cell(info_6) {
@@ -225,14 +217,14 @@ export function useTableConfiguration(t0) {
       },
       invertSorting: true
     });
-    $[21] = unit;
-    $[22] = t11;
+    $[20] = unit;
+    $[21] = t10;
   } else {
-    t11 = $[22];
+    t10 = $[21];
   }
-  var t12;
-  if ($[23] !== filtered || $[24] !== total) {
-    t12 = columnHelper.accessor("cumulativeDiff", {
+  var t11;
+  if ($[22] !== filtered || $[23] !== total) {
+    t11 = columnHelper.accessor("cumulativeDiff", {
       id: "cumulativeDiffPercentage",
       header: "Cumulative Diff (%)",
       cell: function cell(info_7) {
@@ -244,92 +236,92 @@ export function useTableConfiguration(t0) {
       },
       invertSorting: true
     });
-    $[23] = filtered;
-    $[24] = total;
-    $[25] = t12;
+    $[22] = filtered;
+    $[23] = total;
+    $[24] = t11;
   } else {
-    t12 = $[25];
+    t11 = $[24];
   }
+  var t12;
   var t13;
   var t14;
   var t15;
-  var t16;
-  if ($[26] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t13 = columnHelper.accessor("name", {
+  if ($[25] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t12 = columnHelper.accessor("name", {
       id: "name",
       header: "Name",
       cell: _temp2
     });
-    t14 = columnHelper.accessor("functionSystemName", {
+    t13 = columnHelper.accessor("functionSystemName", {
       id: "functionSystemName",
       header: "Function System Name",
       cell: _temp3
     });
-    t15 = columnHelper.accessor("functionFileName", {
+    t14 = columnHelper.accessor("functionFileName", {
       id: "functionFileName",
       header: "Function File Name",
       cell: _temp4
     });
-    t16 = columnHelper.accessor("mappingFile", {
+    t15 = columnHelper.accessor("mappingFile", {
       id: "mappingFile",
       header: "Mapping File",
       cell: _temp5
     });
+    $[25] = t12;
     $[26] = t13;
     $[27] = t14;
     $[28] = t15;
-    $[29] = t16;
   } else {
+    t12 = $[25];
     t13 = $[26];
     t14 = $[27];
     t15 = $[28];
-    t16 = $[29];
   }
-  var t17;
-  if ($[30] !== t10 || $[31] !== t11 || $[32] !== t12 || $[33] !== t5 || $[34] !== t6 || $[35] !== t7 || $[36] !== t8 || $[37] !== t9) {
-    t17 = [t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16];
-    $[30] = t10;
-    $[31] = t11;
-    $[32] = t12;
-    $[33] = t5;
-    $[34] = t6;
-    $[35] = t7;
-    $[36] = t8;
-    $[37] = t9;
-    $[38] = t17;
+  var t16;
+  if ($[29] !== t10 || $[30] !== t11 || $[31] !== t4 || $[32] !== t5 || $[33] !== t6 || $[34] !== t7 || $[35] !== t8 || $[36] !== t9) {
+    t16 = [t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15];
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t4;
+    $[32] = t5;
+    $[33] = t6;
+    $[34] = t7;
+    $[35] = t8;
+    $[36] = t9;
+    $[37] = t16;
   } else {
-    t17 = $[38];
+    t16 = $[37];
   }
-  var baseColumns = t17;
+  var baseColumns = t16;
   var columns = baseColumns;
-  var t18 = compareMode ? "flatDiff" : "flat";
-  var t19;
-  if ($[39] !== t18) {
-    t19 = [{
-      id: t18,
+  var t17 = compareMode ? "flatDiff" : "flat";
+  var t18;
+  if ($[38] !== t17) {
+    t18 = [{
+      id: t17,
       desc: false
     }];
+    $[38] = t17;
     $[39] = t18;
-    $[40] = t19;
   } else {
-    t19 = $[40];
+    t18 = $[39];
   }
-  var initialSorting = t19;
-  var t20;
-  if ($[41] !== columnVisibility || $[42] !== columns || $[43] !== initialSorting) {
-    t20 = {
+  var initialSorting = t18;
+  var t19;
+  if ($[40] !== columnVisibility || $[41] !== columns || $[42] !== initialSorting) {
+    t19 = {
       columns: columns,
       initialSorting: initialSorting,
       columnVisibility: columnVisibility
     };
-    $[41] = columnVisibility;
-    $[42] = columns;
-    $[43] = initialSorting;
-    $[44] = t20;
+    $[40] = columnVisibility;
+    $[41] = columns;
+    $[42] = initialSorting;
+    $[43] = t19;
   } else {
-    t20 = $[44];
+    t19 = $[43];
   }
-  return t20;
+  return t19;
 }
 function _temp5(info_11) {
   return info_11.getValue();

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAYlD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAU1C,OAAO,EAAC,OAAO,EAAmC,MAAM,mBAAmB,CAAC;AAE5E,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAC7D,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAC7C,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AACvD,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,MAAM,MAAM,GAAG,GAAG,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,wCAyMhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAQlD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAa1C,OAAO,EAAC,OAAO,EAAmC,MAAM,mBAAmB,CAAC;AAE5E,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAC7D,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAC7C,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AACvD,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,MAAM,MAAM,GAAG,GAAG,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,wCAiMhB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/Table/index.js

@@ -20,11 +20,15 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { tableFromIPC } from '@uwdata/flechette';
 import { AnimatePresence, motion } from 'framer-motion';
+import { useQueryState } from 'nuqs';
 import { useContextMenu } from 'react-contexify';
-import { Table as TableComponent, TableSkeleton, useParcaContext, useURLState } from '@parca/components';
+import { Table as TableComponent, TableSkeleton, useParcaContext } from '@parca/components';
 import { useCurrentColorProfile } from '@parca/hooks';
 import useMappingList, { useFilenamesList } from '../ProfileFlameGraph/FlameGraphArrow/useMappingList';
 import { useProfileViewContext } from '../ProfileView/context/ProfileViewContext';
+import { stringParam } from '../hooks/urlParsers';
+import { useColorBy } from '../hooks/useColorBy';
+import { useDashboardItems } from '../hooks/useDashboardItems';
 import { alignedUint8Array } from '../utils';
 import TableContextMenuWrapper from './TableContextMenuWrapper';
 import { useColorManagement } from './hooks/useColorManagement';
@@ -53,19 +57,15 @@ export var Table = /*#__PURE__*/React.memo(function Table(_ref) {
     metadataMappingFiles = _ref.metadataMappingFiles,
     error = _ref.error;
   var currentColorProfile = useCurrentColorProfile();
-  var _useURLState = useURLState('dashboard_items', {
-      alwaysReturnArray: true
-    }),
-    _useURLState2 = _slicedToArray(_useURLState, 1),
-    dashboardItems = _useURLState2[0];
-  var _useURLState3 = useURLState('sandwich_function_name'),
-    _useURLState4 = _slicedToArray(_useURLState3, 2),
-    _ = _useURLState4[0],
-    setSandwichFunctionName = _useURLState4[1];
-  var _useURLState5 = useURLState('color_by'),
-    _useURLState6 = _slicedToArray(_useURLState5, 2),
-    colorBy = _useURLState6[0],
-    setColorBy = _useURLState6[1];
+  var _useDashboardItems = useDashboardItems(),
+    dashboardItems = _useDashboardItems.dashboardItems;
+  var _useQueryState = useQueryState('sandwich_function_name', stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    _ = _useQueryState2[0],
+    setSandwichFunctionName = _useQueryState2[1];
+  var _useColorBy = useColorBy(),
+    colorBy = _useColorBy.colorBy,
+    setColorBy = _useColorBy.setColorBy;
   var _useParcaContext = useParcaContext(),
     isDarkMode = _useParcaContext.isDarkMode;
   var _useProfileViewContex = useProfileViewContext(),
@@ -95,7 +95,7 @@ export var Table = /*#__PURE__*/React.memo(function Table(_ref) {
   // If there is only one mapping file, we want to color by filename by default.
   useEffect(function () {
     if (mappingsListCount === 1 && colorBy !== 'filename') {
-      setColorBy('filename');
+      void setColorBy('filename');
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mappingsListCount]);
@@ -122,7 +122,7 @@ export var Table = /*#__PURE__*/React.memo(function Table(_ref) {
     columnVisibility = tableConfig.columnVisibility;
   var selectSpan = useCallback(function (span) {
     if (!dashboardItems.includes('flamegraph')) {
-      setSandwichFunctionName(span.trim());
+      void setSandwichFunctionName(span.trim());
     }
   }, [setSandwichFunctionName, dashboardItems]);
   var onRowClick = useCallback(function (row) {

package/dist/TopTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopTable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,GAAG,EAAW,WAAW,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAK1B,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,WAAW,GAAG,SAAS,KAAG,MAcxD,CAAC;AAYF,eAAO,MAAM,QAAQ,2CA4KnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopTable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,GAAG,EAAW,WAAW,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAM1B,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,WAAW,GAAG,SAAS,KAAG,MAcxD,CAAC;AAYF,eAAO,MAAM,QAAQ,2CA0KnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}