@parca/profile 0.19.139 → 0.19.142

package/dist/ProfileView/hooks/useProfileMetadata.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,25 +11,56 @@
 // 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 { useMemo } from 'react';
 import { tableFromIPC } from '@uwdata/flechette';
-import useMappingList, { useFilenamesList, } from '../../ProfileFlameGraph/FlameGraphArrow/useMappingList';
+import useMappingList, { useFilenamesList } from '../../ProfileFlameGraph/FlameGraphArrow/useMappingList';
 import { alignedUint8Array } from '../../utils';
-export const useProfileMetadata = ({ flamegraphArrow, metadataMappingFiles, metadataLoading, colorBy, }) => {
-    const table = useMemo(() => {
-        if (flamegraphArrow === undefined) {
-            return null;
-        }
-        return tableFromIPC(alignedUint8Array(flamegraphArrow.record), { useBigInt: true });
-    }, [flamegraphArrow]);
-    const mappingsList = useMappingList(metadataMappingFiles);
-    const filenamesList = useFilenamesList(table);
-    const colorMappings = colorBy === 'binary' || colorBy === '' ? mappingsList : filenamesList;
-    return {
-        table,
-        mappingsList,
-        filenamesList,
-        colorMappings,
-        metadataLoading,
+export var useProfileMetadata = function useProfileMetadata(t0) {
+  var $ = _c(8);
+  var flamegraphArrow = t0.flamegraphArrow,
+    metadataMappingFiles = t0.metadataMappingFiles,
+    metadataLoading = t0.metadataLoading,
+    colorBy = t0.colorBy;
+  var t1;
+  bb0: {
+    if (flamegraphArrow === undefined) {
+      t1 = null;
+      break bb0;
+    }
+    var _t;
+    if ($[0] !== flamegraphArrow.record) {
+      _t = tableFromIPC(alignedUint8Array(flamegraphArrow.record), {
+        useBigInt: true
+      });
+      $[0] = flamegraphArrow.record;
+      $[1] = _t;
+    } else {
+      _t = $[1];
+    }
+    t1 = _t;
+  }
+  var table = t1;
+  var mappingsList = useMappingList(metadataMappingFiles);
+  var filenamesList = useFilenamesList(table);
+  var colorMappings = colorBy === "binary" || colorBy === "" ? mappingsList : filenamesList;
+  var t2;
+  if ($[2] !== colorMappings || $[3] !== filenamesList || $[4] !== mappingsList || $[5] !== metadataLoading || $[6] !== table) {
+    t2 = {
+      table: table,
+      mappingsList: mappingsList,
+      filenamesList: filenamesList,
+      colorMappings: colorMappings,
+      metadataLoading: metadataLoading
     };
-};
+    $[2] = colorMappings;
+    $[3] = filenamesList;
+    $[4] = mappingsList;
+    $[5] = metadataLoading;
+    $[6] = table;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+};

package/dist/ProfileView/hooks/useResetFlameGraphState.js

@@ -1,3 +1,10 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { c as _c } from "react-compiler-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,15 +17,29 @@
 // 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 { useURLState } from '@parca/components';
-export const useResetFlameGraphState = () => {
-    const [val, setCurPath] = useURLState('cur_path');
-    return () => {
-        setTimeout(() => {
-            if (val === undefined) {
-                return;
-            }
-            setCurPath(undefined);
-        });
+export var useResetFlameGraphState = function useResetFlameGraphState() {
+  var $ = _c(3);
+  var _useURLState = useURLState("cur_path"),
+    _useURLState2 = _slicedToArray(_useURLState, 2),
+    val = _useURLState2[0],
+    setCurPath = _useURLState2[1];
+  var t0;
+  if ($[0] !== setCurPath || $[1] !== val) {
+    t0 = function t0() {
+      setTimeout(function () {
+        if (val === undefined) {
+          return;
+        }
+        setCurPath(undefined);
+      });
     };
-};
+    $[0] = setCurPath;
+    $[1] = val;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+};

package/dist/ProfileView/hooks/useResetStateOnProfileTypeChange.js

@@ -1,3 +1,10 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { c as _c } from "react-compiler-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,35 +17,71 @@
 // 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 { useURLState, useURLStateBatch } from '@parca/components';
 import { useProfileFilters } from '../components/ProfileFilters/useProfileFilters';
-export const useResetStateOnProfileTypeChange = () => {
-    const [groupBy, setGroupBy] = useURLState('group_by');
-    const [curPath, setCurPath] = useURLState('cur_path');
-    const [sumByA, setSumByA] = useURLState('sum_by_a');
-    const [sumByB, setSumByB] = useURLState('sum_by_b');
-    const { resetFilters } = useProfileFilters();
-    const [sandwichFunctionName, setSandwichFunctionName] = useURLState('sandwich_function_name');
-    const batchUpdates = useURLStateBatch();
-    return () => {
-        // Batch all URL state resets into a single navigation
-        batchUpdates(() => {
-            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();
-        });
+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 _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();
+      });
     };
-};
+    $[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;
+  } else {
+    t0 = $[12];
+  }
+  return t0;
+};

package/dist/ProfileView/hooks/useResetStateOnSeriesChange.js

@@ -1,3 +1,10 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { c as _c } from "react-compiler-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,18 +17,37 @@
 // 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 { useURLState } from '@parca/components';
-export const useResetStateOnSeriesChange = () => {
-    const [curPath, setCurPath] = useURLState('cur_path');
-    const [sandwichFunctionName, setSandwichFunctionName] = useURLState('sandwich_function_name');
-    return () => {
-        setTimeout(() => {
-            if (curPath !== undefined) {
-                setCurPath(undefined);
-            }
-            if (sandwichFunctionName !== undefined) {
-                setSandwichFunctionName(undefined);
-            }
-        });
+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() {
+      setTimeout(function () {
+        if (curPath !== undefined) {
+          setCurPath(undefined);
+        }
+        if (sandwichFunctionName !== undefined) {
+          setSandwichFunctionName(undefined);
+        }
+      });
     };
-};
+    $[0] = curPath;
+    $[1] = sandwichFunctionName;
+    $[2] = setCurPath;
+    $[3] = setSandwichFunctionName;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
+};

package/dist/ProfileView/hooks/useVisualizationState.js

@@ -1,3 +1,14 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { c as _c } from "react-compiler-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,95 +21,259 @@
 // 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 { useCallback, useMemo } from 'react';
-import { JSONParser, JSONSerializer, useURLState, useURLStateBatch, useURLStateCustom, } from '@parca/components';
+import { JSONParser, JSONSerializer, useURLState, useURLStateBatch, useURLStateCustom } from '@parca/components';
 import { USER_PREFERENCES, useUserPreference } from '@parca/hooks';
-import { FIELD_FUNCTION_FILE_NAME, FIELD_FUNCTION_NAME, FIELD_LABELS, FIELD_LOCATION_ADDRESS, FIELD_MAPPING_FILE, } from '../../ProfileFlameGraph/FlameGraphArrow';
+import { FIELD_FUNCTION_FILE_NAME, FIELD_FUNCTION_NAME, FIELD_LABELS, FIELD_LOCATION_ADDRESS, FIELD_MAPPING_FILE } from '../../ProfileFlameGraph/FlameGraphArrow';
 import { useResetFlameGraphState } from './useResetFlameGraphState';
-export const useVisualizationState = () => {
-    const [colorByPreference, setColorByPreference] = useUserPreference(USER_PREFERENCES.COLOR_BY.key);
-    const [alignFunctionNamePreference, setAlignFunctionNamePreference] = useUserPreference(USER_PREFERENCES.ALIGN_FUNCTION_NAME.key);
-    const [curPathArrow, setCurPathArrow] = useURLStateCustom('cur_path', {
-        parse: (JSONParser),
-        stringify: JSONSerializer,
-        defaultValue: '[]',
-    });
-    const [colorStackLegend] = useURLState('color_stack_legend');
-    const [colorBy, setStoreColorBy] = useURLState('color_by', {
-        defaultValue: colorByPreference,
-    });
-    const [alignFunctionName, setStoreAlignFunctionName] = useURLState('align_function_name', {
-        defaultValue: alignFunctionNamePreference,
-    });
-    const [groupBy, setStoreGroupBy] = useURLState('group_by', {
-        defaultValue: [FIELD_FUNCTION_NAME],
-        alwaysReturnArray: true,
-    });
-    const [sandwichFunctionName, setSandwichFunctionName] = useURLState('sandwich_function_name');
-    const [flamechartDimension, setStoreFlamechartDimension] = useURLState('flamechart_dimension', {
-        alwaysReturnArray: true,
-    });
-    const resetFlameGraphState = useResetFlameGraphState();
-    const batchUpdates = useURLStateBatch();
-    const levelsOfProfiling = useMemo(() => [
-        FIELD_FUNCTION_NAME,
-        FIELD_FUNCTION_FILE_NAME,
-        FIELD_LOCATION_ADDRESS,
-        FIELD_MAPPING_FILE,
-    ], []);
-    const setGroupBy = useCallback((keys) => {
-        setStoreGroupBy(keys);
-    }, [setStoreGroupBy]);
-    const toggleGroupBy = useCallback((key) => {
-        // Batch updates to combine setGroupBy + resetFlameGraphState into single URL navigation
-        batchUpdates(() => {
-            if (groupBy.includes(key)) {
-                setGroupBy(groupBy.filter(v => v !== key)); // remove
-            }
-            else {
-                const filteredGroupBy = groupBy.filter(item => !levelsOfProfiling.includes(item));
-                setGroupBy([...filteredGroupBy, key]); // add
-            }
-            resetFlameGraphState();
-        });
-    }, [groupBy, setGroupBy, levelsOfProfiling, resetFlameGraphState, batchUpdates]);
-    const setGroupByLabels = useCallback((labels) => {
-        // Batch updates to combine setGroupBy + resetFlameGraphState into single URL navigation
-        batchUpdates(() => {
-            setGroupBy(groupBy.filter(l => !l.startsWith(`${FIELD_LABELS}.`)).concat(labels));
-            resetFlameGraphState();
-        });
-    }, [groupBy, setGroupBy, resetFlameGraphState, batchUpdates]);
-    const setFlamechartDimension = useCallback((labels) => {
-        setStoreFlamechartDimension(labels.filter(l => l.startsWith(`${FIELD_LABELS}.`)));
-    }, [setStoreFlamechartDimension]);
-    const resetSandwichFunctionName = useCallback(() => {
-        setSandwichFunctionName(undefined);
-    }, [setSandwichFunctionName]);
-    const setColorBy = useCallback((value) => {
-        setStoreColorBy(value);
-        setColorByPreference(value);
-    }, [setStoreColorBy, setColorByPreference]);
-    const setAlignFunctionName = useCallback((value) => {
-        setStoreAlignFunctionName(value);
-        setAlignFunctionNamePreference(value);
-    }, [setStoreAlignFunctionName, setAlignFunctionNamePreference]);
-    return {
-        curPathArrow,
-        setCurPathArrow,
-        colorStackLegend,
-        colorBy: colorBy ?? '',
-        setColorBy,
-        groupBy,
-        setGroupBy,
-        toggleGroupBy,
-        setGroupByLabels,
-        flamechartDimension,
-        setFlamechartDimension,
-        sandwichFunctionName,
-        setSandwichFunctionName,
-        resetSandwichFunctionName,
-        alignFunctionName: alignFunctionName ?? 'left',
-        setAlignFunctionName,
+export var useVisualizationState = function useVisualizationState() {
+  var _ref, _ref2;
+  var $ = _c(47);
+  var _useUserPreference = useUserPreference(USER_PREFERENCES.COLOR_BY.key),
+    _useUserPreference2 = _slicedToArray(_useUserPreference, 2),
+    colorByPreference = _useUserPreference2[0],
+    setColorByPreference = _useUserPreference2[1];
+  var _useUserPreference3 = useUserPreference(USER_PREFERENCES.ALIGN_FUNCTION_NAME.key),
+    _useUserPreference4 = _slicedToArray(_useUserPreference3, 2),
+    alignFunctionNamePreference = _useUserPreference4[0],
+    setAlignFunctionNamePreference = _useUserPreference4[1];
+  var t0;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = {
+      parse: JSONParser,
+      stringify: JSONSerializer,
+      defaultValue: "[]"
     };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  var _useURLStateCustom = useURLStateCustom("cur_path", t0),
+    _useURLStateCustom2 = _slicedToArray(_useURLStateCustom, 2),
+    curPathArrow = _useURLStateCustom2[0],
+    setCurPathArrow = _useURLStateCustom2[1];
+  var _useURLState = useURLState("color_stack_legend"),
+    _useURLState2 = _slicedToArray(_useURLState, 1),
+    colorStackLegend = _useURLState2[0];
+  var t1;
+  if ($[1] !== colorByPreference) {
+    t1 = {
+      defaultValue: colorByPreference
+    };
+    $[1] = colorByPreference;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  var _useURLState3 = useURLState("color_by", t1),
+    _useURLState4 = _slicedToArray(_useURLState3, 2),
+    colorBy = _useURLState4[0],
+    setStoreColorBy = _useURLState4[1];
+  var t2;
+  if ($[3] !== alignFunctionNamePreference) {
+    t2 = {
+      defaultValue: alignFunctionNamePreference
+    };
+    $[3] = alignFunctionNamePreference;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  var _useURLState5 = useURLState("align_function_name", t2),
+    _useURLState6 = _slicedToArray(_useURLState5, 2),
+    alignFunctionName = _useURLState6[0],
+    setStoreAlignFunctionName = _useURLState6[1];
+  var t3;
+  if ($[5] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t3 = {
+      defaultValue: [FIELD_FUNCTION_NAME],
+      alwaysReturnArray: true
+    };
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  var _useURLState7 = useURLState("group_by", t3),
+    _useURLState8 = _slicedToArray(_useURLState7, 2),
+    groupBy = _useURLState8[0],
+    setStoreGroupBy = _useURLState8[1];
+  var _useURLState9 = useURLState("sandwich_function_name"),
+    _useURLState0 = _slicedToArray(_useURLState9, 2),
+    sandwichFunctionName = _useURLState0[0],
+    setSandwichFunctionName = _useURLState0[1];
+  var t4;
+  if ($[6] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t4 = {
+      alwaysReturnArray: true
+    };
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  var _useURLState1 = useURLState("flamechart_dimension", t4),
+    _useURLState10 = _slicedToArray(_useURLState1, 2),
+    flamechartDimension = _useURLState10[0],
+    setStoreFlamechartDimension = _useURLState10[1];
+  var resetFlameGraphState = useResetFlameGraphState();
+  var batchUpdates = useURLStateBatch();
+  var t5;
+  if ($[7] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t5 = [FIELD_FUNCTION_NAME, FIELD_FUNCTION_FILE_NAME, FIELD_LOCATION_ADDRESS, FIELD_MAPPING_FILE];
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  var levelsOfProfiling = t5;
+  var t6;
+  if ($[8] !== setStoreGroupBy) {
+    t6 = function t6(keys) {
+      setStoreGroupBy(keys);
+    };
+    $[8] = setStoreGroupBy;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  var setGroupBy = t6;
+  var t7;
+  if ($[10] !== batchUpdates || $[11] !== groupBy || $[12] !== resetFlameGraphState || $[13] !== setGroupBy) {
+    t7 = function t7(key) {
+      batchUpdates(function () {
+        if (groupBy.includes(key)) {
+          setGroupBy(groupBy.filter(function (v) {
+            return v !== key;
+          }));
+        } else {
+          var filteredGroupBy = groupBy.filter(function (item) {
+            return !levelsOfProfiling.includes(item);
+          });
+          setGroupBy([].concat(_toConsumableArray(filteredGroupBy), [key]));
+        }
+        resetFlameGraphState();
+      });
+    };
+    $[10] = batchUpdates;
+    $[11] = groupBy;
+    $[12] = resetFlameGraphState;
+    $[13] = setGroupBy;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  var toggleGroupBy = t7;
+  var t8;
+  if ($[15] !== batchUpdates || $[16] !== groupBy || $[17] !== resetFlameGraphState || $[18] !== setGroupBy) {
+    t8 = function t8(labels) {
+      batchUpdates(function () {
+        setGroupBy(groupBy.filter(_temp).concat(labels));
+        resetFlameGraphState();
+      });
+    };
+    $[15] = batchUpdates;
+    $[16] = groupBy;
+    $[17] = resetFlameGraphState;
+    $[18] = setGroupBy;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  var setGroupByLabels = t8;
+  var t9;
+  if ($[20] !== setStoreFlamechartDimension) {
+    t9 = function t9(labels_0) {
+      setStoreFlamechartDimension(labels_0.filter(_temp2));
+    };
+    $[20] = setStoreFlamechartDimension;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  var setFlamechartDimension = t9;
+  var t10;
+  if ($[22] !== setSandwichFunctionName) {
+    t10 = function t10() {
+      setSandwichFunctionName(undefined);
+    };
+    $[22] = setSandwichFunctionName;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  var resetSandwichFunctionName = t10;
+  var t11;
+  if ($[24] !== setColorByPreference || $[25] !== setStoreColorBy) {
+    t11 = function t11(value) {
+      setStoreColorBy(value);
+      setColorByPreference(value);
+    };
+    $[24] = setColorByPreference;
+    $[25] = setStoreColorBy;
+    $[26] = t11;
+  } else {
+    t11 = $[26];
+  }
+  var setColorBy = t11;
+  var t12;
+  if ($[27] !== setAlignFunctionNamePreference || $[28] !== setStoreAlignFunctionName) {
+    t12 = function t12(value_0) {
+      setStoreAlignFunctionName(value_0);
+      setAlignFunctionNamePreference(value_0);
+    };
+    $[27] = setAlignFunctionNamePreference;
+    $[28] = setStoreAlignFunctionName;
+    $[29] = t12;
+  } else {
+    t12 = $[29];
+  }
+  var setAlignFunctionName = t12;
+  var t13 = (_ref = colorBy) !== null && _ref !== void 0 ? _ref : "";
+  var t14 = (_ref2 = alignFunctionName) !== null && _ref2 !== void 0 ? _ref2 : "left";
+  var t15;
+  if ($[30] !== colorStackLegend || $[31] !== curPathArrow || $[32] !== flamechartDimension || $[33] !== groupBy || $[34] !== resetSandwichFunctionName || $[35] !== sandwichFunctionName || $[36] !== setAlignFunctionName || $[37] !== setColorBy || $[38] !== setCurPathArrow || $[39] !== setFlamechartDimension || $[40] !== setGroupBy || $[41] !== setGroupByLabels || $[42] !== setSandwichFunctionName || $[43] !== t13 || $[44] !== t14 || $[45] !== toggleGroupBy) {
+    t15 = {
+      curPathArrow: curPathArrow,
+      setCurPathArrow: setCurPathArrow,
+      colorStackLegend: colorStackLegend,
+      colorBy: t13,
+      setColorBy: setColorBy,
+      groupBy: groupBy,
+      setGroupBy: setGroupBy,
+      toggleGroupBy: toggleGroupBy,
+      setGroupByLabels: setGroupByLabels,
+      flamechartDimension: flamechartDimension,
+      setFlamechartDimension: setFlamechartDimension,
+      sandwichFunctionName: sandwichFunctionName,
+      setSandwichFunctionName: setSandwichFunctionName,
+      resetSandwichFunctionName: resetSandwichFunctionName,
+      alignFunctionName: t14,
+      setAlignFunctionName: setAlignFunctionName
+    };
+    $[30] = colorStackLegend;
+    $[31] = curPathArrow;
+    $[32] = flamechartDimension;
+    $[33] = groupBy;
+    $[34] = resetSandwichFunctionName;
+    $[35] = sandwichFunctionName;
+    $[36] = setAlignFunctionName;
+    $[37] = setColorBy;
+    $[38] = setCurPathArrow;
+    $[39] = setFlamechartDimension;
+    $[40] = setGroupBy;
+    $[41] = setGroupByLabels;
+    $[42] = setSandwichFunctionName;
+    $[43] = t13;
+    $[44] = t14;
+    $[45] = toggleGroupBy;
+    $[46] = t15;
+  } else {
+    t15 = $[46];
+  }
+  return t15;
 };
+function _temp(l) {
+  return !l.startsWith("".concat(FIELD_LABELS, "."));
+}
+function _temp2(l_0) {
+  return l_0.startsWith("".concat(FIELD_LABELS, "."));
+}